*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-border: #2a2a3a;--color-border-strong: #6800FC;--color-text: #d8d8e8;--color-text-muted: #8585a0;--color-accent: #6800FC;--color-accent-light: #9b4dff;--color-accent-glow: rgba(104, 0, 252, .15);--color-white: #ffffff;--color-orange: #FF6240;--font-heading: "Merriweather", Georgia, serif;--font-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1000px}html{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;background:#f5f5f5;color:#333}h1,h2,h3,h4{font-family:var(--font-heading);color:#1a1a2e;line-height:1.25}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto;display:block}.nav{padding:1.25rem 2rem;position:sticky;top:0;background:transparent;z-index:100;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}.nav.nav-light{background:#f5f5f5f2;backdrop-filter:blur(12px);border-bottom:1px solid #e0e0e8}.nav-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-heading);font-weight:900;font-size:1.2rem;color:var(--color-white);letter-spacing:-.01em;transition:color .3s}.nav-logo:hover{color:var(--color-accent-light)}.nav.nav-light .nav-logo{color:#1a1a2e}.nav.nav-light .nav-logo:hover{color:var(--color-accent)}.nav-links{display:flex;align-items:center;gap:2.5rem}.nav-links a{color:var(--color-text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:color .3s}.nav-links a:hover{color:var(--color-accent-light)}.nav.nav-light .nav-links a{color:#565a7c}.nav.nav-light .nav-links a:hover{color:var(--color-accent)}.nav-cta{background:var(--color-accent)!important;color:#fff!important;padding:10px 20px!important;border-radius:4px;font-size:.7rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:background .25s,transform .25s}.nav-cta:hover{background:var(--color-accent-light)!important;color:#fff!important;transform:translateY(-1px)}.footer{border-top:3px solid var(--color-accent);padding:3rem 2rem;margin-top:0;background:#121212}.footer-inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.25rem}.footer-links a{color:var(--color-text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.footer-links a:hover{color:var(--color-accent-light)}.footer-copy{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.02em}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:110;flex-direction:column;gap:5px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--color-text-muted);border-radius:2px;transition:transform .3s,opacity .3s,background .3s}.nav.nav-light .nav-hamburger span{background:#565a7c}.nav.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.nav-open .nav-hamburger span:nth-child(2){opacity:0}.nav.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:600px){.nav{padding:1rem 1.25rem}.nav-hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:center;gap:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 0;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s,transform .25s}.nav.nav-light .nav-links{background:#f5f5f5fa;border-bottom:1px solid #e0e0e8}.nav.nav-open .nav-links{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links a{font-size:.85rem;padding:.75rem 2rem;width:100%;text-align:center}.nav-cta{margin-top:.5rem;width:auto!important;display:inline-block!important}.footer-links{gap:1rem}}
