*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f4f8;--bg-alt: #e8eef5;--bg-pure: #ffffff;--surface: #ffffff;--surface-2: rgba(255,255,255,.72);--primary: #3fa8c8;--primary-d: #2a8aab;--primary-l: #6fcbe8;--primary-xl: #b8e8f5;--text: #0d1520;--text-dim: #3d5068;--text-muted: #7a90a8;--glass-bg: rgba(255,255,255,.65);--glass-blur: blur(20px) saturate(150%);--border: rgba(0,30,60,.08);--border-h: rgba(63,168,200,.35);--shadow-xs: 0 1px 3px rgba(0,20,50,.06);--shadow-sm: 0 2px 12px rgba(0,20,50,.07), 0 1px 3px rgba(0,20,50,.04);--shadow-md: 0 8px 32px rgba(0,20,50,.09), 0 2px 8px rgba(0,20,50,.05);--shadow-lg: 0 24px 64px rgba(0,20,50,.11), 0 6px 20px rgba(0,20,50,.06);--shadow-btn: 0 4px 20px rgba(63,168,200,.35), 0 1px 4px rgba(63,168,200,.2);--glow-cyan: 0 0 60px rgba(63,168,200,.12);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-2xl: 40px;--f-head: "Outfit", sans-serif;--f-body: "DM Sans", sans-serif;--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-mid: .28s cubic-bezier(.4, 0, .2, 1);--t-slow: .55s cubic-bezier(.22, 1, .36, 1);--t-spring: .45s cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--bg: #0a0e14;--bg-alt: #0e1218;--bg-pure: #111822;--surface: rgba(255,255,255,.04);--surface-2: rgba(255,255,255,.06);--text: #e8edf5;--text-dim: #8a9ab0;--text-muted: #4a5a70;--glass-bg: rgba(255,255,255,.04);--border: rgba(255,255,255,.08);--shadow-xs: 0 1px 3px rgba(0,0,0,.3);--shadow-sm: 0 2px 12px rgba(0,0,0,.35);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 24px 64px rgba(0,0,0,.5)}:root[data-theme=cyber]{--primary: #40e0a0;--primary-d: #30c888;--primary-l: #70f0c0;--primary-xl: #b0f8e0;--border-h: rgba(64,224,160,.35);--shadow-btn: 0 4px 20px rgba(64,224,160,.35);--glow-cyan: 0 0 60px rgba(64,224,160,.12)}:root[data-theme=gamedev]{--primary: #b060e0;--primary-d: #9040c0;--primary-l: #d090f0;--primary-xl: #e8c0f8;--border-h: rgba(176,96,224,.35);--shadow-btn: 0 4px 20px rgba(176,96,224,.35);--glow-cyan: 0 0 60px rgba(176,96,224,.12)}:root[data-theme=infra]{--primary: #5090d0;--primary-d: #3870b0;--primary-l: #80b8f0;--primary-xl: #b8d8f8;--border-h: rgba(80,144,208,.35);--shadow-btn: 0 4px 20px rgba(80,144,208,.35)}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.65}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.7}.container{max-width:1160px;margin:0 auto;padding:0 36px}.section{position:relative;z-index:1;padding:120px 0}h1,h2,h3,h4{font-family:var(--f-head);line-height:1.1;letter-spacing:-.02em;color:var(--text)}.gradient-text{background:linear-gradient(130deg,var(--primary-d) 0%,var(--primary) 50%,var(--primary-l) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:20px}.section-label:before{content:"";width:20px;height:1px;background:var(--primary);opacity:.7}.section-title{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:300;letter-spacing:-.03em;line-height:1.12;margin-bottom:24px;max-width:780px}.section-sub{font-size:1.05rem;color:var(--text-dim);max-width:620px;margin-bottom:64px;line-height:1.75;font-weight:300}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:var(--r-xl);font-family:var(--f-head);font-size:.88rem;font-weight:500;letter-spacing:.04em;text-decoration:none;border:none;cursor:pointer;transition:all var(--t-spring);white-space:nowrap}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-d) 100%);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #3fa8c873}.btn--outline{background:transparent;color:var(--primary-d);border:1.5px solid var(--primary);box-shadow:var(--shadow-xs)}.btn--outline:hover{background:#3fa8c812;border-color:var(--primary-d);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-dim);border:1.5px solid var(--border)}.btn--ghost:hover{background:var(--bg-pure);color:var(--text);border-color:#001e3c2e}.btn--sm{padding:9px 18px;font-size:.82rem}.btn--lg{padding:17px 32px;font-size:.95rem}.btn--full{width:100%;justify-content:center}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background var(--t-mid),box-shadow var(--t-mid);border-bottom:1px solid transparent}.nav.scrolled{background:#f0f4f8d9;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}[data-theme=dark] .nav.scrolled,[data-theme=cyber] .nav.scrolled,[data-theme=gamedev] .nav.scrolled{background:#0a0e14e0}.nav__inner{display:flex;align-items:center;gap:28px;height:72px}.nav__logo{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--f-head);font-size:1rem;font-weight:500;letter-spacing:.04em;color:var(--text);flex-shrink:0}.logo-mark{color:var(--primary);font-size:1.1rem}.nav__links{display:flex;align-items:center;gap:24px;list-style:none;margin-left:auto}.nav__links a{text-decoration:none;font-size:.82rem;font-weight:400;letter-spacing:.04em;color:var(--text-dim);transition:color var(--t-fast);position:relative;padding:4px 0}.nav__links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary);transition:width var(--t-mid)}.nav__links a:hover,.nav__links a.active{color:var(--text)}.nav__links a:hover:after,.nav__links a.active:after{width:100%}.nav__links a.section-link:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--primary);opacity:0;transition:opacity var(--t-fast);margin-right:6px}.nav__links a.section-link.active:before{opacity:1}.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}.nav__burger span{display:block;width:22px;height:1.5px;background:var(--text);transition:var(--t-mid)}.nav__mobile{display:none;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--border);padding:24px 32px 32px}.nav__mobile.open{display:block}.nav__mobile ul{list-style:none;display:flex;flex-direction:column;gap:16px}.nav__mobile a{text-decoration:none;color:var(--text);font-size:1rem}.lang-toggle{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:100px;box-shadow:var(--shadow-xs)}.lang-toggle__btn{padding:3px 8px;background:transparent;border:none;border-radius:100px;font-family:var(--f-head);font-size:.7rem;font-weight:500;letter-spacing:.08em;color:var(--text-muted);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);line-height:1.6}.lang-toggle__btn:hover{color:var(--text-dim)}.lang-toggle__btn.active{background:var(--surface);color:var(--primary-d);box-shadow:var(--shadow-xs)}.lang-toggle__sep{font-size:.65rem;color:var(--border);pointer-events:none;-webkit-user-select:none;user-select:none}.lang-toggle--mobile{background:transparent;border:none;box-shadow:none;padding:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.fade-in-up{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transform:translateY(18px);animation:fadeUp .8s cubic-bezier(.22,1,.36,1) forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.32s}.fade-in:nth-child(4){animation-delay:.44s}.fade-in:nth-child(5){animation-delay:.56s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.stagger.visible>*:nth-child(1){transition-delay:.05s}.stagger.visible>*:nth-child(2){transition-delay:.12s}.stagger.visible>*:nth-child(3){transition-delay:.19s}.stagger.visible>*:nth-child(4){transition-delay:.26s}.stagger.visible>*:nth-child(5){transition-delay:.33s}.stagger.visible>*:nth-child(6){transition-delay:.4s}.stagger.visible>*{opacity:1;transform:translateY(0)}.card{padding:32px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--t-slow),box-shadow var(--t-slow),border-color var(--t-mid)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md),var(--glow-cyan);border-color:var(--border-h)}.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:56px 0 40px;position:relative;z-index:1}.footer__inner{display:grid;grid-template-columns:1.4fr 1fr 1.4fr;gap:40px;align-items:start}.footer__brand p{font-size:.85rem;color:var(--text-muted);margin-top:10px}.footer__links{display:flex;flex-direction:column;gap:10px}.footer__links a{font-size:.85rem;color:var(--text-dim);text-decoration:none;transition:color var(--t-fast)}.footer__links a:hover{color:var(--primary-d)}.footer__legal p{font-size:.78rem;color:var(--text-muted);line-height:1.65}@media(max-width:960px){.footer__inner{grid-template-columns:1fr 1fr}}@media(max-width:680px){.container{padding:0 20px}.section{padding:80px 0}.nav__links,.nav .btn--sm{display:none}.nav__burger{display:flex}.footer__inner{grid-template-columns:1fr}}