@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500&display=swap");:root{--bg-deep:#060a12;--bg-primary:#0a0e1a;--bg-elevated:#0f1424;--bg-card:#141a2e;--bg-card-hover:#1a2240;--accent-gold:#d4a843;--accent-amber:#c99a45;--accent-warm:#b8864a;--accent-glow:rgba(212,168,67,0.15);--accent-glow-strong:rgba(212,168,67,0.3);--text-primary:#e8e4dc;--text-secondary:#a8a29e;--text-muted:#6b6560;--text-gold:#d4a843;--status-active:#4ade80;--status-elevated:#d4a843;--status-sunset:#78716c;--star-bright:#f5f0e6;--star-dim:rgba(245,240,230,0.4);--line-constellation:rgba(212,168,67,0.2);--font-display:"Cinzel",serif;--font-body:"IBM Plex Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{background:url(/cosmic-bg.png) 50%/cover no-repeat fixed;z-index:0;opacity:.8}body:after,body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none}body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;z-index:1}main{position:relative;z-index:2}a{color:var(--accent-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;letter-spacing:.05em}h1{font-size:clamp(2rem,5vw,3.5rem);color:var(--text-primary)}h2{font-size:clamp(1.25rem,3vw,1.75rem);color:var(--text-gold)}h3{font-size:1.1rem;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-gold{color:var(--text-gold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.active{background:rgba(74,222,128,.1);color:var(--status-active)}.status-badge.active:before{background:var(--status-active);box-shadow:0 0 8px var(--status-active)}.status-badge.elevated{background:var(--accent-glow);color:var(--status-elevated)}.status-badge.elevated:before{background:var(--status-elevated);box-shadow:0 0 8px var(--status-elevated)}.status-badge.sunset{background:rgba(120,113,108,.15);color:var(--status-sunset)}.status-badge.sunset:before{background:var(--status-sunset)}.tag{display:inline-block;padding:2px 8px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-constellation);color:var(--text-muted);border-radius:1px}.card{background:var(--bg-card);border:1px solid rgba(212,168,67,.1);padding:var(--space-lg);transition:all var(--transition-base);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:0;transition:opacity var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:rgba(212,168,67,.25);transform:translateY(-2px)}.card:hover:before{opacity:.6}.section-divider{display:flex;align-items:center;gap:var(--space-lg);margin:var(--space-3xl) 0 var(--space-xl)}.section-divider:after,.section-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--line-constellation),transparent)}.section-divider h2{flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.8rem;letter-spacing:.05em;background:transparent;border:1px solid var(--line-constellation);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:var(--accent-glow)}.link-arrow{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--text-muted);transition:all var(--transition-fast)}.link-arrow:hover{color:var(--accent-gold);gap:var(--space-sm)}.link-arrow:after{content:"→";transition:transform var(--transition-fast)}.link-arrow:hover:after{transform:translateX(4px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--bg-card-hover)}::selection{background:var(--accent-glow-strong);color:var(--text-primary)}