:root{color-scheme:dark;--bg:#071526;--panel:#0e233a;--panel2:#112b46;--line:#2a4a63;--text:#eef8ff;--muted:#a6bfd1;--cyan:#63e0f5;--blue:#2384e8;--good:#61d9ac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 75% 3%,#133858 0,transparent 48%),var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1140px,calc(100% - 36px));margin:auto}.header{border-bottom:1px solid #25435a;background:#071727d9;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.head{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px;font-size:19px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:#1e5675;border:1px solid #4387aa;border-radius:11px;font-size:21px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--muted)}.nav{display:flex;align-items:center;gap:14px;font-size:13px;color:#d2e6f2}.nav a:hover{color:var(--cyan)}.nav .outline{border:1px solid #426780;padding:9px 15px;border-radius:9px}.hero{padding:66px 0 44px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cyan);font-weight:800}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.13;letter-spacing:-1.4px;margin:15px 0 17px}.hero h1 em{font-style:normal;color:var(--cyan)}.lead{font-size:17px;color:#c0d4e3;max-width:670px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border-radius:11px;min-height:47px;padding:12px 21px;font-weight:750;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(100deg,#168ce4,#15b6d2);color:white}.btn-outline{border:1px solid #4a7796;background:#153450}.hero-card{padding:26px;border:1px solid #37617d;background:linear-gradient(155deg,#153858,#0b2036);border-radius:24px;box-shadow:0 25px 70px #0004}.hero-card .icon{font-size:64px;line-height:1.2}.hero-card h2{font-size:23px;margin:8px 0}.hero-card p{color:var(--muted);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.chip{font-size:12px;padding:7px 10px;border-radius:100px;background:#183c56;border:1px solid #32627f}.section{padding:40px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(25px,3vw,34px);line-height:1.25;margin:6px 0}.section-head p{color:var(--muted);margin:6px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{border:1px solid var(--line);border-radius:16px;background:#0d263e;padding:21px;min-height:150px}.feature b{display:block;font-size:16px;margin:9px 0 5px}.feature p{margin:0;color:var(--muted);font-size:13px}.feature .symbol{font-size:25px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.plan{border:1px solid #3b6682;background:linear-gradient(160deg,#102d49,#0b2035);border-radius:19px;padding:26px;display:flex;flex-direction:column}.plan.vip{border-color:#3a9cbd;box-shadow:0 0 0 1px #1d647f inset}.tag{display:inline-flex;align-self:flex-start;padding:5px 11px;border-radius:99px;background:#1c5267;color:#9be9f7;font-size:11px;font-weight:800;letter-spacing:.8px}.tag.free{background:#174d3c;color:#a2f2d0}.plan h3{font-size:26px;margin:13px 0 5px}.plan .subtitle{color:var(--muted);font-size:14px;min-height:45px}.plan ul{list-style:none;padding:0;margin:18px 0 22px;flex:1}.plan li{padding:9px 0;border-bottom:1px solid #23435b;font-size:14px;display:flex;gap:9px}.plan li:before{content:'✓';color:var(--good);font-weight:900}.plan.vip li:before{color:var(--cyan)}.plan .btn{width:100%}.plan .footnote{font-size:12px;color:var(--muted);text-align:center;margin-top:11px}.notice{border:1px solid #38617a;border-radius:13px;padding:16px 20px;background:#102c45;color:#c6deeb;font-size:13px;margin-top:20px}.footer{border-top:1px solid #23435b;padding:24px 0;margin-top:48px;color:#8ba9bd;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.crumb{font-size:13px;color:var(--muted);margin:30px 0}.vip-panel{max-width:770px;margin:48px auto 85px;padding:34px;border:1px solid #386582;background:#0d263e;border-radius:22px}.vip-panel h1{font-size:clamp(27px,4vw,40px);line-height:1.2}.vip-panel p{color:var(--muted)}.vip-panel .notice{margin:24px 0}.mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.mini div{background:#14324c;border-radius:12px;padding:14px;font-size:14px}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:38px}.hero-card{max-width:100%}.features{grid-template-columns:repeat(2,1fr)}.nav a:not(.outline){display:none}}@media(max-width:600px){.wrap{width:min(100% - 28px,1140px)}.head{min-height:65px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.nav .outline{padding:8px 10px;font-size:12px}.hero{padding:32px 0 14px}.hero h1{letter-spacing:-.6px}.lead{font-size:15px}.cta .btn{flex:1 1 100%}.features,.plans,.mini{grid-template-columns:1fr}.section{padding:28px 0}.plan{padding:21px}.hero-card{padding:21px}.feature{min-height:unset}.vip-panel{padding:22px;margin:20px auto 50px}}

/* Online login demo */
.auth-shell{max-width:540px;margin:42px auto 64px;padding:30px;border:1px solid #386582;border-radius:20px;background:#0d263e;box-shadow:0 20px 55px #0003}
.auth-shell h1{font-size:clamp(26px,4vw,34px);margin:8px 0 10px}.auth-shell p,.muted{color:var(--muted)}.field{display:block;margin:18px 0 0;font-weight:700;font-size:13px}.field input{display:block;width:100%;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #4a7592;background:#071b2c;color:#fff;font:inherit;min-height:46px}.field input:focus{outline:2px solid var(--cyan);outline-offset:1px}.auth-shell .btn{width:100%;margin-top:22px;border:0;cursor:pointer}.auth-shell .btn:disabled{opacity:.6;cursor:wait}.auth-error{min-height:24px;color:#ffb6b6;margin:12px 0 0;font-size:14px}.demo-warning{margin:22px 0 0;border:1px solid #b58a4c;background:#372b1d;padding:14px;border-radius:11px;color:#ffe3af;font-size:13px}.role-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:25px 0}.role-card{padding:18px;background:#14324c;border:1px solid #315e7b;border-radius:13px}.role-card b{display:block;margin-bottom:6px}.role-card p{font-size:13px;margin:0}.role-card[hidden]{display:none}.dashboard-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-actions button{cursor:pointer}.demo-badge{font-size:12px;color:#b8d5e5}.auth-shell .btn-outline{border:1px solid #4a7796}
@media(max-width:600px){.auth-shell{padding:20px;margin:22px auto 40px}.role-cards{grid-template-columns:1fr}}