@charset "UTF-8";:root{--bg-deep: #080c0a;--bg-card: #0f1612;--bg-surface: #141d18;--bg-elevated: #1c2820;--gold: #c9a84c;--gold-light: #e8c96a;--gold-dim: #c9a84c33;--green: #2a6b4a;--green-bright: #3dba78;--green-dim: #3dba7820;--green-mid: #1e4533;--text-primary: #f0ede6;--text-secondary: #9ca897;--text-muted: #5a6358;--border: #1f2c24;--border-bright: #2a3d30;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-py: clamp(40px, 4.5vw, 72px);--container: 1200px;--gap: clamp(24px, 4vw, 48px);--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg-deep: #f7f5ef;--bg-card: #ffffff;--bg-surface: #f1ede3;--bg-elevated: #e9e4d4;--gold: #b8902c;--gold-light: #d4a83a;--gold-dim: #b8902c1f;--green: #2a6b4a;--green-bright: #1e8a52;--green-dim: #1e8a5214;--green-mid: #cfe6d8;--text-primary: #0f1612;--text-secondary: #4a5550;--text-muted: #7a847d;--border: #d9d3c2;--border-bright: #b9b09a}body,.navbar,.card,.btn{transition:background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}:root[data-theme=light] .navbar.scrolled{background:#f7f5efeb!important}:root[data-theme=light] .mobile-menu{background:#f7f5eff7!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--green) var(--bg-deep)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--green);border-radius:2px}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-deep);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--gold-dim);color:var(--gold-light)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 clamp(20px,5vw,64px)}section{padding:var(--section-py) 0;position:relative}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green-bright);margin-bottom:12px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:block;width:32px;height:1px;background:var(--green-bright)}.section-title{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.05;color:var(--text-primary);margin-bottom:16px}.section-title .accent-gold{color:var(--gold)}.section-title .accent-green{color:var(--green-bright)}.section-sub{font-size:clamp(15px,2vw,17px);color:var(--text-secondary);max-width:560px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:4px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.04em;cursor:pointer;border:none;text-decoration:none;transition:all .3s var(--ease);position:relative;overflow:hidden}.btn-gold{background:var(--gold);color:var(--bg-deep)}.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 32px var(--gold-dim)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-bright)}.btn-outline:hover{border-color:var(--green-bright);color:var(--green-bright);transform:translateY(-2px)}.btn-green{background:var(--green-dim);color:var(--green-bright);border:1px solid var(--green-bright)}.btn-green:hover{background:var(--green-bright);color:var(--bg-deep);transform:translateY(-2px)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:32px;transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 0 1px var(--green-dim)}.tag{display:inline-block;padding:4px 10px;border-radius:3px;font-family:var(--font-mono);font-size:11px;background:var(--green-dim);color:var(--green-bright);border:1px solid var(--green-bright);letter-spacing:.05em}.tag-gold{background:var(--gold-dim);color:var(--gold);border-color:var(--gold)}.noise{position:relative}.noise:after{content:"";position:absolute;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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent);margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 var(--gold-dim)}50%{box-shadow:0 0 0 8px transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-up{animation:fadeUp .8s var(--ease) both}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}@media (max-width: 1024px){:root{--section-py: clamp(56px, 8vw, 96px);--container: 100%}.card{padding:24px}}@media (max-width: 768px){:root{--section-py: 56px}body{font-size:15px}.section-title{font-size:clamp(28px,7vw,40px)}.section-sub{font-size:14px}.container{padding:0 20px}.card{padding:20px}.btn{padding:11px 22px;font-size:13px}}@media (max-width: 480px){:root{--section-py: 48px}.container{padding:0 16px}.card{padding:18px}}