:root{color-scheme:dark;--bg:#080d1e;--panel:#151d36;--panel2:#1b2643;--edge:#2a3551;--txt:#f2f5ff;--muted:#9ca9c7;--accent:#bda0ff;--a2:#67e7ce;--danger:#ff9da9;--radius:19px;--shadow:0 14px 60px #03051377}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -8%,#292053 0%,transparent 35%),linear-gradient(160deg,#080d1e,#0d1430 65%,#080d1e);font:15px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--txt);min-height:100vh}a{color:var(--a2);text-decoration:none}a:hover{color:#d5fff8}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--a2);outline-offset:3px}.topbar{max-width:1264px;margin:0 auto;padding:15px 25px;min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.8px;color:#fff;font-size:20px;line-height:1.08}.brand-accent{color:var(--accent)}.brand small{display:block;font-size:9px;letter-spacing:2.6px;color:var(--muted);margin-top:5px}.brand-mark{width:44px;height:44px;background:linear-gradient(135deg,#ab84fb,#38dac6);display:grid;place-items:center;border-radius:14px;color:#101429;font-size:27px;box-shadow:0 7px 25px #9874fb44}.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.nav-link{padding:10px 12px;color:var(--muted);font-weight:600;font-size:13px;border-radius:10px;white-space:nowrap}.nav-link.current,.nav-link:hover{background:#ffffff0e;color:#fff}.mobile-menu{display:none;border:1px solid var(--edge);border-radius:12px;padding:9px 13px;background:var(--panel);color:#fff}.main-container{max-width:1264px;min-height:calc(100vh - 180px);margin:0 auto;padding:28px 25px 80px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:28px}.page-head h1{font-size:clamp(26px,3.4vw,39px);line-height:1.15;letter-spacing:-1.3px;margin:5px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:850;color:var(--a2)}.account-chip{font-size:12px;font-weight:700;color:#d1bcff;background:#ab84ff19;border:1px solid #ab84ff44;padding:9px 13px;border-radius:999px}.btn{border:1px solid #3b4462;cursor:pointer;color:var(--txt);border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.2;font-weight:700;white-space:nowrap;background:var(--panel2);min-height:42px;text-align:center;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.15);transform:translateY(-1px);color:#fff}.btn-primary{color:#101329;border:0;background:linear-gradient(110deg,#c4a6ff,#74f0d3);box-shadow:0 10px 26px #9e7ff62b}.btn-primary:hover{color:#080b16}.btn-secondary{background:#252f4e}.btn-ghost{background:transparent}.btn-small{font-size:12px;min-height:36px;padding:8px 11px}.nav-logout{display:inline-flex;margin:0}.site-footer{max-width:1264px;margin:auto;padding:21px 25px 35px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #ffffff16;color:var(--muted);font-size:12px}.panel,.metric,.price-card,.feature{background:linear-gradient(170deg,#1b2440ee,#11192fee);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:26px;margin-bottom:21px;overflow:hidden}.panel-head{margin-bottom:22px}.panel-head h2{font-size:19px;letter-spacing:-.4px;margin:0}.panel-head p{font-size:13px;color:var(--muted);margin:7px 0 0}.panel>p,.intro{color:var(--muted);max-width:790px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:800px}.form-grid.narrow{max-width:520px}.form-grid.compact{margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;color:#c8d0e6;font-weight:650;font-size:13px;min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0;background:#0b1329;border:1px solid #35415f;border-radius:11px;color:#fff;padding:12px 13px;outline:none;min-height:46px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#bda0ff;box-shadow:0 0 0 3px #bda0ff20}.full{grid-column:1/-1}.form-grid>.btn,.form-grid>.check{align-self:end}.field[hidden]{display:none!important}.check{display:flex;align-items:center;gap:10px}.hint{font-size:12px!important;color:var(--muted);margin-top:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1225;border:1px solid #313a5a;padding:15px;border-radius:12px}code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;word-break:break-word}.flash{padding:13px 17px;background:#292345;border-left:3px solid var(--accent);margin-bottom:20px;border-radius:11px}.flash.error{background:#52202b;border-left-color:var(--danger)}.flash.success{background:#123d35;border-left-color:#78efce}.status{display:inline-flex;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800;border:1px solid #3f5064;background:#28334b;color:#c6d1e4}.status-active{color:#83f5d7;background:#123d36;border-color:#276b5f}.status-suspended,.status-expired{color:#ffca89;background:#533c21;border-color:#79582c}.status-revoked,.status-disabled{color:#ffaeb6;background:#4b2533;border-color:#7b4154}.table-scroll{overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:13px 12px;background:#111a31}td{border-bottom:1px solid #ffffff10;padding:15px 12px}td small{display:block;color:var(--muted)}td a{font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.metric{padding:22px}.metric>span{display:block;color:var(--muted);font-size:12px;font-weight:600}.metric strong{font-size:35px;letter-spacing:-1px;display:block;margin-top:8px;line-height:1.1}.metric strong.metric-label{font-size:22px;letter-spacing:-.3px}.actions-strip{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}.inline-form{display:inline-flex}.inline-form .btn{min-height:34px;font-size:12px;padding:7px 11px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-grid>div{border:1px solid #34405b;background:#10182d;padding:14px;border-radius:12px;min-width:0}.detail-grid small{display:block;color:var(--muted);margin-bottom:7px}.detail-grid b{word-break:break-word}.status-list{display:grid;gap:0}.status-list>div,.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px;border-bottom:1px solid #ffffff15}.status-list span,.list-row small{color:var(--muted);font-size:12px}.list-row small{display:block}.secret-panel{border:1px solid #a2dcca66;background:linear-gradient(135deg,#193c40,#1a2845);padding:23px;margin-bottom:20px;border-radius:18px}.secret-panel h2{margin:0 0 5px}.secret-panel p{color:#c3e0de}.secret-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.secret-code{background:#071b22;padding:13px;border:1px solid #499b90;border-radius:11px;overflow-wrap:anywhere;flex:1}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{padding:25px}.price-kicker{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:var(--a2)}.price-amount{font-size:34px;font-weight:850;margin:14px 0;letter-spacing:-1px}.price-amount small{font-size:12px;color:var(--muted);font-weight:500}.price-card p{min-height:52px;color:var(--muted);font-size:13px}.price-card ul{list-style:none;margin:18px 0 23px;padding:0}.price-card li{padding:8px 0;border-bottom:1px solid #ffffff11;color:#cad3e8}.price-card li:before{content:'✓';color:var(--a2);margin-right:10px}.price-card .btn{width:100%}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;margin:5px 0 42px}.hero h2{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-2.8px;margin:20px 0}.hero h2 em{font-style:normal;color:var(--accent)}.hero p{max-width:570px;color:#aebad4;line-height:1.75}.pill{color:#75ebd0;border:1px solid #30866e;background:#0f483d38;border-radius:100px;padding:8px 13px;font-weight:800;font-size:10px;letter-spacing:1.4px}.hero-actions{display:flex;gap:10px;margin:25px 0}.mini-stats{display:flex;gap:20px;color:var(--muted);font-size:11px;flex-wrap:wrap}.hero-visual{position:relative;overflow:hidden;min-height:395px;background:linear-gradient(145deg,#241a46,#101d3d);border:1px solid #544071;border-radius:26px;padding:26px;box-shadow:0 20px 75px #3d287144}.glow{position:absolute;width:290px;height:290px;background:#9b7af366;filter:blur(100px);right:-140px;top:-90px}.visual-top{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#c5b6e7;display:flex;justify-content:space-between}.visual-top span{color:#66f7d0}.display-number{font-size:90px;letter-spacing:-10px;font-weight:950;text-align:center;margin:20px auto;color:#eddbff;text-shadow:0 0 38px #c087fb66}.display-number span{color:#89ecd3}.visual-rows{position:relative;display:grid;gap:9px}.visual-rows>div{padding:14px;border:1px solid #ffffff26;border-radius:10px;background:#ffffff0d;display:flex;justify-content:space-between;gap:10px;font-size:12px}.visual-rows b{color:#a6ffe5}.hero-visual small{display:block;color:#c0b3da;margin-top:17px;font-size:10px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 48px}.feature{padding:22px}.feature-icon{font-size:28px;color:var(--a2)}.feature h3{font-size:15px}.feature p{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-heading h2{font-size:28px;letter-spacing:-1px;margin:8px 0}.section-heading p{color:var(--muted);font-size:13px}
@media(max-width:1000px){.topbar{align-items:center;flex-wrap:wrap}.mobile-menu{display:inline-flex;margin-left:auto}.main-nav{display:none;width:100%;flex-direction:column;align-items:stretch;background:#121a33;border:1px solid #283650;border-radius:18px;padding:12px}.main-nav.open{display:flex}.nav-link{padding:12px}.main-nav .btn{justify-content:center}.hero{grid-template-columns:1fr}.hero-visual{min-height:330px}.feature-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar{padding:14px 16px;min-height:72px}.main-container{padding:24px 14px 65px}.page-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}.page-head h1{font-size:27px;letter-spacing:-.7px}.panel{padding:18px;border-radius:17px}.form-grid{grid-template-columns:1fr;gap:12px}.stats-grid{gap:10px}.metric{padding:17px}.metric strong{font-size:29px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px}.hero h2{font-size:37px;letter-spacing:-1.8px}.hero-visual{min-height:310px;padding:20px}.display-number{font-size:75px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature{padding:16px}.feature h3{font-size:13px}.feature p{font-size:11px}.pricing-grid{grid-template-columns:1fr}.price-card p{min-height:auto}.account-chip{font-size:11px}.site-footer{padding:19px 15px;font-size:11px}.section-heading{align-items:flex-start;flex-direction:column}.secret-row{flex-direction:column;align-items:stretch}.btn{font-size:13px}.actions-strip .btn{flex:1 1 42%;white-space:normal}.hero{gap:19px}}
@media(max-width:370px){.feature-grid,.detail-grid{grid-template-columns:1fr}.mini-stats{gap:9px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 100%}}