:root{--bg-color: #050508;--bg-card: rgba(20, 20, 30, .6);--bg-card-hover: rgba(30, 30, 45, .8);--text-primary: #f0f0f5;--text-secondary: #94a3b8;--accent-crypto: #f5a623;--accent-tech: #00d2ff;--accent-sports: #00e676;--accent-real-estate: #b147ff;--accent-default: #3b82f6;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,rgba(0,210,255,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(177,71,255,.05),transparent 25%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--accent-tech);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline;text-shadow:0 0 8px rgba(0,210,255,.5)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:4rem;padding-top:2rem}.header h1{font-size:3.5rem;letter-spacing:-1px;margin-bottom:1rem;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.1)}.header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.filter-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:20px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#ffffff1a;color:var(--text-primary)}.filter-btn.active{background:#ffffff26;border-color:#ffffff4d;color:var(--text-primary);box-shadow:0 0 15px #ffffff1a}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1) 10%,rgba(255,255,255,.1) 90%,transparent);transform:translate(-50%)}.timeline-item{display:flex;justify-content:flex-end;padding-right:50%;position:relative;margin-bottom:3rem;width:100%}.timeline-item:nth-child(2n){justify-content:flex-start;padding-right:0;padding-left:50%}.timeline-node{position:absolute;top:1.5rem;left:50%;width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:3px solid var(--accent-default);transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 10px var(--accent-default);transition:var(--transition)}.timeline-item:hover .timeline-node{transform:translate(-50%,-50%) scale(1.3)}.timeline-content{width:90%;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;transition:var(--transition);cursor:default}.timeline-content:hover{transform:translateY(-5px);background:var(--bg-card-hover);border-color:#ffffff1a;box-shadow:0 10px 40px #0000004d}.year-badge{position:absolute;top:-15px;background:var(--bg-color);padding:.2rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-weight:700;font-size:1.1rem;color:var(--text-primary);box-shadow:0 2px 10px #00000080}.timeline-item:nth-child(odd) .year-badge{right:20px}.timeline-item:nth-child(2n) .year-badge{left:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-top:.5rem}.card-title{font-size:1.4rem;font-weight:600}.category-tag{font-size:.75rem;padding:.2rem .6rem;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.return-badge{display:inline-flex;align-items:center;gap:.5rem;background:#00e6761a;color:#00e676;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;border:1px solid rgba(0,230,118,.2)}[data-category=Crypto] .timeline-node{border-color:var(--accent-crypto);box-shadow:0 0 15px #f5a62380}[data-category=Crypto] .category-tag{background:#f5a62326;color:var(--accent-crypto)}[data-category=Tech] .timeline-node{border-color:var(--accent-tech);box-shadow:0 0 15px #00d2ff80}[data-category=Tech] .category-tag{background:#00d2ff26;color:var(--accent-tech)}[data-category=Sports] .timeline-node{border-color:var(--accent-sports);box-shadow:0 0 15px #00e67680}[data-category=Sports] .category-tag{background:#00e67626;color:var(--accent-sports)}[data-category="Real Estate"] .timeline-node{border-color:var(--accent-real-estate);box-shadow:0 0 15px #b147ff80}[data-category="Real Estate"] .category-tag{background:#b147ff26;color:var(--accent-real-estate)}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{justify-content:flex-start;padding-right:0;padding-left:50px;margin-bottom:2rem}.timeline-item:nth-child(2n){padding-left:50px}.timeline-node{left:20px}.timeline-content{width:100%}.timeline-item:nth-child(odd) .year-badge,.timeline-item:nth-child(2n) .year-badge{left:20px;right:auto}.header h1{font-size:2.5rem}}
