:root{--bg-base: #010101;--bg-surface: #070707;--bg-card: rgba(10, 10, 10, .85);--bg-glass: rgba(255, 255, 255, .02);--accent-gold: #f2d08a;--accent-gold-soft: rgba(242, 208, 138, .15);--accent-gold-glow: rgba(242, 208, 138, .1);--text-primary: #ffffff;--text-secondary: #b8b8b8;--text-muted: #555555;--border-gold: rgba(242, 208, 138, .25);--border-dim: rgba(255, 255, 255, .05);--nav-width: 80px;--header-height: 80px;--radius-full: 9999px;--radius-xl: 32px;--radius-lg: 20px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--transition-premium: all .7s var(--ease-out-expo)}@keyframes gold-dust{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:.6}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.particle{position:absolute;background:var(--accent-gold);border-radius:50%;pointer-events:none;z-index:1;filter:blur(2px);animation:gold-dust linear infinite}@keyframes reveal-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-swipe{0%{left:-150%}to{left:150%}}@keyframes pulse-gold{0%{box-shadow:0 0 #f2d08a66}70%{box-shadow:0 0 0 20px #f2d08a00}to{box-shadow:0 0 #f2d08a00}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-base);color:var(--text-primary);font-family:Fira Sans,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Fira Code,monospace;letter-spacing:-.05em;font-weight:800}.home-page{overflow-x:hidden}.hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:0 24px;background:radial-gradient(circle at 50% 50%,#111 0%,var(--bg-base) 100%);overflow:hidden;perspective:1200px}.hero-content{position:relative;z-index:10;max-width:1000px;animation:reveal-up 1.4s var(--ease-out-expo) both}.hero h1{font-size:5.5rem;font-weight:800;line-height:1;margin-bottom:32px;background:linear-gradient(180deg,#fff 30%,#a2a2a2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px rgba(255,255,255,.05));transition:var(--transition-premium)}.hero:hover h1{transform:translateZ(40px) rotateX(2deg)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-glass);border:1px solid var(--border-gold);border-radius:var(--radius-full);color:var(--accent-gold);font-family:Fira Code,monospace;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px}.hero h1{font-size:4.5rem;font-weight:800;line-height:1.05;margin-bottom:24px;background:linear-gradient(135deg,#fff 50%,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 48px}.hero-btns{display:flex;gap:16px;justify-content:center}.btn{padding:16px 40px;border-radius:14px;font-family:Fira Code,monospace;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:flex;align-items:center;gap:12px}.btn-primary{background:var(--accent-gold);color:#000;box-shadow:0 10px 30px -10px #d4af3766}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px -10px #d4af3799}.btn-glass{background:var(--bg-glass);color:#fff;border:1px solid var(--border-dim)}.btn-glass:hover{background:#ffffff14;border-color:var(--text-muted)}.features{padding:120px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:2.5rem;margin-bottom:16px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:240px;gap:24px;perspective:2000px}.bento-item{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:40px;display:flex;flex-direction:column;justify-content:flex-end;transition:var(--transition-premium);cursor:pointer;position:relative;overflow:hidden;animation:reveal-up 1s var(--ease-out-expo) both}.bento-item:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(226,192,105,.05),transparent);transform:skew(-30deg)}.bento-item:hover:after{animation:shimmer-swipe 2s infinite}.bento-item:hover{border-color:var(--accent-gold);transform:translateY(-15px) rotateX(5deg) scale(1.02);box-shadow:0 40px 100px -20px #000000e6,0 0 30px var(--accent-gold-glow)}.bento-item h3{font-size:1.5rem;margin-bottom:12px}.bento-item p{color:var(--text-secondary)}.bento-item.large{grid-column:span 2;grid-row:span 2}.bento-item.tall{grid-row:span 2}.app-shell{display:flex;height:100vh;padding:16px;gap:16px}.side-nav{width:var(--nav-width);background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;padding:24px 0}.nav-brand{margin-bottom:40px}.brand-icon{width:44px;height:44px;background:var(--accent-gold);color:#000;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 0 20px var(--accent-gold-glow)}.nav-item{width:48px;height:48px;border:none;background:transparent;color:var(--text-muted);border-radius:14px;cursor:pointer;transition:var(--transition-premium);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:12px}.nav-item:hover{color:var(--accent-gold);transform:scale(1.15) rotate(5deg)}.nav-item.active{background:var(--accent-gold-soft);color:var(--accent-gold);box-shadow:inset 0 0 0 1px var(--border-gold);animation:reveal-up .5s var(--ease-out-expo)}.main-stage{flex:1;display:flex;flex-direction:column;gap:16px}.stage-header{height:var(--header-height);background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:0 32px;display:flex;align-items:center;justify-content:space-between}.search-wrapper{position:relative;width:400px}.search-wrapper input{width:100%;background:#ffffff08;border:1px solid var(--border-dim);border-radius:14px;padding:12px 20px 12px 48px;color:#fff;outline:none;font-family:Fira Sans,sans-serif}.search-wrapper input:focus{border-color:var(--accent-gold)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.stage-content{flex:1;display:grid;grid-template-columns:1fr 340px;gap:16px;overflow:hidden}.feed-section{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius-xl);padding:40px;overflow-y:auto}.feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.obsidian-card{background:linear-gradient(135deg,#121212,#050505);border:1px solid var(--border-dim);border-radius:28px;padding:32px;transition:var(--transition-premium);position:relative;overflow:hidden;animation:reveal-up .8s var(--ease-out-expo) both}.obsidian-card:before{content:"";position:absolute;top:0;left:-150%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(242,208,138,.05),transparent);transform:skew(-20deg)}.obsidian-card:hover:before{animation:shimmer-swipe 2.5s infinite}.obsidian-card:hover{border-color:var(--accent-gold);transform:translateY(-12px) scale(1.02);box-shadow:0 40px 80px -20px #000000d9,0 0 25px var(--accent-gold-glow)}.card-label{font-family:Fira Code,monospace;font-size:.85rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;margin-bottom:16px;letter-spacing:.1em}.obsidian-card h3{font-size:1.8rem;line-height:1.3;margin-bottom:16px}.obsidian-card p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.card-footer{padding-top:24px;border-top:1px solid var(--border-dim);margin-top:24px;display:flex;justify-content:space-between;align-items:center}.learn-more{font-family:Fira Code,monospace;color:var(--accent-gold);font-size:.9rem;text-decoration:none;font-weight:700;letter-spacing:.05em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}