:root{--bg: #070a11;--bg2: #0b1220;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--muted2: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .14);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--primary: #6d7bff;--primary2: #53d4ff;--radius: 16px;--container: 1120px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 20% -20%,rgba(109,123,255,.35),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(83,212,255,.22),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}#app{min-height:100%}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a118c;border-bottom:1px solid rgba(255,255,255,.08)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:140px}.brand__mark{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#6d7bffe6,#53d4ffe6);box-shadow:0 12px 30px #6d7bff33}.brand__text{font-weight:700;letter-spacing:.2px}.nav{display:flex;align-items:center;gap:18px}.nav__link{color:var(--muted);font-size:14px;padding:8px 10px;border-radius:10px}.nav__link:hover{color:var(--text);background:#ffffff0f}.hero{padding:56px 0 28px}.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--muted);font-size:13px;margin:0 0 14px}.hero__title{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.6px;margin:0 0 12px}.hero__subtitle{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 22px;max-width:54ch}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);cursor:pointer;font-weight:600}.btn:hover{border-color:#fff3;background:#ffffff0f}.btn--primary{border-color:#6d7bff80;background:linear-gradient(135deg,#6d7bfff2,#53d4ffe6);color:#05070d}.btn--primary:hover{filter:brightness(1.02)}.btn--ghost{background:#ffffff05}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}.stats__item{padding:12px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff08}.stats__k{color:var(--muted2);font-size:12px;margin:0 0 6px}.stats__v{margin:0;font-size:16px;font-weight:700}.hero__panel{position:relative}.panel{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:var(--shadow);padding:16px}.panel__top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{padding:7px 10px;font-size:12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:var(--muted);background:#ffffff08}.chip--ok{border-color:#53d4ff66;color:#53d4fff2}.panel__card{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#070a1159;padding:14px}.row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.row:last-child{border-bottom:0}.row__title{font-weight:650}.row__meta{color:var(--muted2);font-size:12px}.dot{width:10px;height:10px;border-radius:999px;background:#ffffff4d}.dot--green{background:#42f5b4}.dot--blue{background:#53d4ff}.dot--violet{background:#9b7bff}.panel__hint{color:var(--muted2);font-size:12px;margin:12px 0 0}.section{padding:44px 0}.section--alt{padding:44px 0;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.section__head{margin-bottom:18px}.section__title{margin:0 0 8px;font-size:26px;letter-spacing:-.2px}.section__subtitle{margin:0;color:var(--muted);max-width:70ch}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:16px}.card:hover{background:#ffffff0e;border-color:#ffffff29}.card__title{margin:0 0 8px;font-size:16px}.card__text{margin:0;color:var(--muted);line-height:1.6}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.steps__item{border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px}.steps__num{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-weight:800;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.steps__title{margin:0 0 6px;font-size:16px}.steps__text{margin:0;color:var(--muted);line-height:1.6}.cta{border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#6d7bff2e,#53d4ff1a,#ffffff08);box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}.cta__title{margin:0 0 8px;font-size:22px}.cta__text{margin:0;color:var(--muted);line-height:1.6}.cta__form{display:grid;gap:10px}.input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#070a1159;color:var(--text);outline:none}.input::placeholder{color:#ffffff73}.input:focus{border-color:#53d4ff6b;box-shadow:0 0 0 4px #53d4ff1f}.cta__note{margin:0;color:#53d4fff2;font-size:13px}.footer{padding:22px 0 34px}.footer__inner{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted2);border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.footer__link:hover{color:var(--text)}@media(max-width:980px){.hero__inner{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.cta{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(var(--container),calc(100% - 28px))}.nav{display:none}.grid{grid-template-columns:1fr}}
