:root{--bg: #110f0d;--bg-warm: #161311;--surface: #1e1a16;--surface-hover: #28231c;--amber: #D4A574;--amber-bright: #E8C49A;--amber-dim: rgba(212, 165, 116, .6);--amber-glow: rgba(212, 165, 116, .15);--amber-faint: rgba(212, 165, 116, .07);--rust: #B85C38;--rust-dim: rgba(184, 92, 56, .5);--text: #D8CCBC;--text-dim: #9A8E80;--text-muted: #5C534A;--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px;font-kerning:normal;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:1rem;font-weight:300;line-height:1.8;color:var(--text);background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:1000}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(8,6,4,.5) 100%);pointer-events:none;z-index:999}.site-header{position:relative;z-index:100;border-bottom:1px solid var(--amber-faint);background:#110f0df2}.nav-container{max-width:940px;margin:0 auto;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--amber);text-decoration:none;letter-spacing:-.02em;text-shadow:0 0 20px var(--amber-glow)}.site-nav{display:flex;gap:1.75rem}.site-nav a,.site-nav a:link,.site-nav a:visited{font-family:var(--font-body);font-size:.8rem;font-weight:400;color:var(--text-dim);text-decoration:none;letter-spacing:.04em;transition:color .2s ease;border-bottom:none}.site-nav a:hover{color:var(--amber);border-bottom:none}.page-container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:3.5rem 1.5rem 6rem}.article-tag{display:inline-block;font-family:var(--font-body);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--rust);padding:.35rem .85rem;border:1px solid var(--rust-dim);border-radius:3px;margin-bottom:2rem}h1{font-family:var(--font-display);font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:700;line-height:1.25;color:var(--amber-bright);margin-bottom:2.5rem;letter-spacing:-.02em;text-shadow:0 0 30px var(--amber-glow),0 0 60px rgba(212,165,116,.05)}h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.35;color:var(--amber);margin-top:3.5rem;margin-bottom:1.25rem;letter-spacing:-.01em;text-shadow:0 0 15px var(--amber-glow)}h2:before{content:"~";margin-right:.5rem;color:var(--text-muted);font-weight:400;text-shadow:none}h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;line-height:1.4;color:var(--text);margin-top:2.5rem;margin-bottom:1rem}p{color:var(--text);margin-bottom:1.5rem;max-width:65ch}strong{color:var(--amber);font-weight:600}a,a:link,a:visited{color:var(--amber-dim);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}a:hover{color:var(--amber);border-bottom-color:var(--amber-dim);text-shadow:0 0 8px var(--amber-glow)}ul,ol{color:var(--text);margin-bottom:1.5rem;padding-left:1.5rem}ul{list-style:none}li{margin-bottom:.75rem;position:relative}ul li:before{content:"•";position:absolute;left:-1.25rem;color:var(--amber)}ol li::marker{color:var(--amber);font-weight:500}ul li strong:first-child{color:var(--rust);text-shadow:none}code{font-size:.9em;color:var(--rust);background:var(--surface);padding:.15rem .4rem;border-radius:3px}.cta-section{margin-top:4rem;padding:2.25rem;background:var(--surface);border:1px solid var(--amber-faint);border-radius:8px;position:relative}.cta-section:before{content:"";position:absolute;top:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent,var(--amber-dim),transparent)}.cta-section p{color:var(--text);max-width:100%}.cta-section p:first-child{color:var(--amber);margin-bottom:.75rem}.cta-section strong{color:var(--amber-bright);text-shadow:0 0 10px var(--amber-glow)}a.app-link,a.app-link:visited,a.app-link:link{display:inline-block;margin-top:1.5rem;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--bg);background:var(--amber);padding:.75rem 1.5rem;text-decoration:none;letter-spacing:.04em;border:none;border-bottom:none;border-radius:5px;transition:all .2s ease}a.app-link:hover{background:var(--amber-bright);box-shadow:0 0 25px var(--amber-glow),0 4px 20px #0000004d;border-bottom:none;color:var(--bg);text-shadow:none}.article-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0 3rem}a.article-card,a.article-card:visited,a.article-card:link{display:block;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--amber-faint);border-radius:6px;text-decoration:none;color:var(--text-dim);transition:all .2s ease;border-bottom:1px solid var(--amber-faint)}a.article-card:hover{border-color:var(--amber-dim);background:var(--surface-hover);box-shadow:0 0 20px #d4a5740f;border-bottom-color:var(--amber-dim);color:var(--text-dim);text-shadow:none}.article-card .card-tag{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--rust);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem}.article-card .card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--amber);line-height:1.35;margin-bottom:.4rem;text-shadow:0 0 10px var(--amber-glow)}.article-card .card-desc{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:var(--text-dim);line-height:1.6;max-width:100%}.hub-intro{margin-bottom:3rem;max-width:65ch}.hub-intro p{font-size:1.05rem;line-height:1.85;color:var(--text)}.section-label{font-family:var(--font-body);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--amber-faint)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--amber-faint)}.footer-container{max-width:940px;margin:0 auto;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a,.footer-links a:link,.footer-links a:visited{color:var(--text-muted);text-decoration:none;transition:color .2s ease;border-bottom:none}.footer-links a:hover{color:var(--amber);border-bottom:none}@media(max-width:768px){html{font-size:16px}.nav-container{flex-direction:column;gap:1rem;padding:1rem}.site-nav{gap:1rem;flex-wrap:wrap;justify-content:center}.page-container{padding:2rem 1rem 4rem}h1{font-size:1.5rem}.cta-section{padding:1.5rem 1.25rem}.article-grid{gap:.75rem}.footer-container{flex-direction:column;gap:1rem;text-align:center}}@media(min-width:640px){.article-grid{grid-template-columns:repeat(2,1fr)}}:focus-visible{outline:1px solid var(--amber);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}::selection{background:var(--amber);color:var(--bg)}