:root{--bg: #0b1020;--bg-elev: #0f1428;--surface: #121936;--text: #e7ebf6;--muted: #a7b0c7;--primary: #6aa7ff;--primary-600: #3e86ff;--success: #27c07d;--danger: #ff6b6b;--warning: #ffcf5c;--border: #223055;--ring: rgba(110, 174, 255, .5);--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background-color:var(--bg);overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#1b2452 0%,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#1a2b4d 0%,transparent 65%),linear-gradient(180deg,var(--bg) 0%,#0b122a 100%);line-height:1.6;-webkit-text-size-adjust:100%;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);z-index:20}.navbar{display:flex;align-items:center;gap:16px;padding:16px 0}.brand{font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary-600),#7b7cff);color:#fff;box-shadow:var(--shadow)}.nav-spacer{flex:1}.nav-links{display:flex;gap:14px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);color:var(--text);background:#0b122a;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn:hover{border-color:#2a3c6d;box-shadow:0 0 0 3px #3a72ff26;transform:translateY(-1px);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-600),#7b7cff);border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-outline{background:transparent;border-color:#3b4f8e;color:var(--text)}.main{padding:40px 0 80px}.hero{padding:64px 0 40px}.hero-inner{display:grid;gap:20px}.hero-title{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:0}.hero-subtitle{color:var(--muted);font-size:clamp(16px,2vw,20px);margin:8px 0 0}.hero-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:36px}.col-4{grid-column:span 12}@media (min-width: 800px){.col-4{grid-column:span 4}}.card{background:#121936cc;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card-body{padding:20px}.card-title{margin:0 0 6px;font-size:18px}.card-text{margin:0;color:var(--muted);font-size:14px}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.label{color:var(--muted);font-size:14px}.input{background:#0c1330;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none;font-size:16px}.input:focus{border-color:#4a6fff;box-shadow:0 0 0 3px var(--ring)}input,select,textarea,button{font-size:16px}.form-actions{margin-top:6px}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:999px;background:#0f1738;border:1px solid var(--border);color:var(--muted)}.badge.green{color:#b8f2d6;border-color:#27c07d59;background:#27c07d1a}.badge.red{color:#ffc9c9;border-color:#ff6b6b59;background:#ff6b6b14}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;background:#0c1432;border:1px solid var(--border);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere;word-break:break-word;max-width:100%;min-width:0;display:inline-block}.section{margin-top:40px}.footer{border-top:1px solid var(--border);padding:20px 0;color:var(--muted)}.footer a{color:var(--muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:#121936fa;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-width:560px;width:100%}.modal-body{padding:20px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.navbar{position:relative}.nav-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--border);background:#0b122a;color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}.hamburger{width:20px;height:2px;background:var(--text);position:relative;display:inline-block}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--text)}.hamburger:before{top:-6px}.hamburger:after{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.nav-links{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:12px;background:var(--surface);border-bottom:1px solid var(--border)}.nav-links.open{display:flex}.nav-toggle{display:inline-flex}.nav-links .btn,.nav-links .btn-outline,.nav-links .btn-primary{width:100%}}@media (min-width: 901px){.nav-toggle{display:none}.nav-links{position:static;display:flex;padding:0;background:transparent;flex-direction:row}}body.no-scroll{overflow:hidden}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:60}.drawer{position:fixed;top:0;bottom:0;left:0;width:300px;max-width:85vw;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-100%);transition:transform .25s ease;z-index:70;display:flex;flex-direction:column;padding:16px}.drawer.open{transform:translate(0)}.drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.drawer .drawer-links{display:grid;gap:10px}.drawer .drawer-links .btn,.drawer .drawer-links .btn-outline,.drawer .drawer-links .btn-primary{width:100%}@media (min-width: 901px){.drawer,.drawer-overlay{display:none}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(234,238,255,.35);border-top-color:var(--primary);border-radius:50%;animation:hp-spin .8s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}@keyframes hp-spin{to{transform:rotate(360deg)}}@supports (height: 100dvh){body{min-height:100dvh}}html{scroll-behavior:smooth;scrollbar-gutter:stable}.success-anim{display:flex;justify-content:center;margin-bottom:8px}.success-check{position:relative;width:84px;height:84px;border-radius:999px;background:linear-gradient(135deg,var(--success),#39d98a);box-shadow:0 12px 30px #27c07d40,var(--shadow);border:1px solid rgba(39,192,125,.35);display:inline-flex;align-items:center;justify-content:center;transform:scale(.85);animation:hp-pop .35s ease-out forwards}.success-check svg{overflow:visible}.success-check .check{stroke:#fff;stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:hp-draw .6s ease-out .25s forwards;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.success-check:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;border:2px solid rgba(39,192,125,.45);opacity:0;transform:scale(.6);animation:hp-ping .8s ease-out .25s forwards}@keyframes hp-pop{0%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes hp-draw{to{stroke-dashoffset:0}}@keyframes hp-ping{0%{opacity:0;transform:scale(.6)}30%{opacity:1}to{opacity:0;transform:scale(1.15)}}