*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:#e7eaf0;background:linear-gradient(#0f131b 0%,#0d1118 45%,#0b0d12 100%),radial-gradient(1600px 900px at 10% -10%,#d6ae6721 0%,#d6ae6717 28%,#d6ae670a 56%,#d6ae6700 84%),radial-gradient(1200px 700px at 100% 0,#5c7eff1a 0%,#5c7eff0f 34%,#5c7eff05 60%,#5c7eff00 86%),#0b0d12;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}#app{width:100%;max-width:1240px;min-height:100vh;margin:0 auto;padding:18px 20px 36px}.page{flex-direction:column;gap:18px;width:100%;min-height:calc(100vh - 54px);display:flex}.page h1{letter-spacing:.4px;color:#f6f7fb;margin:0;font-size:46px;line-height:1.08}.subtitle{color:#afb6c5;margin:14px 0 0;font-size:16px;line-height:1.72}.landing,.support,.admin{flex-direction:column;gap:16px;display:flex}.page-shell{background:0 0;border:0;border-radius:0;padding:0 0 8px;position:relative;overflow:visible}.topbar{justify-content:space-between;align-items:center;gap:14px;padding:10px 2px 4px;display:flex}.brand{flex-direction:column;gap:3px;display:flex}.brand strong{letter-spacing:.3px;color:#f2f5fb;font-size:22px}.brand span{color:#9099ab;font-size:13px}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-inline{border-radius:12px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:700}.btn-primary,.btn-ghost{letter-spacing:.2px;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:40px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#1b1405;background:linear-gradient(#f8de9f 0%,#d6ae67 100%);border-color:#f0d28f;box-shadow:0 8px 22px #d6ae6738}.btn-primary:hover{filter:brightness(1.04);transform:translateY(-1px)scale(1.01)}.btn-ghost{color:#d6dcea;background:#161a23;border-color:#313644}.btn-ghost:hover{background:#1b202b;border-color:#454c5d}.hero{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.hero-tag{color:#d8b978;letter-spacing:1.6px;margin:0;font-size:12px;font-weight:700}.hero-copy,.hero-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#161b24 0%,#121720 100%);border:1px solid #272c38;border-radius:18px;box-shadow:0 12px 30px #00000047}.hero-copy{padding:34px 30px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.btn-large{min-width:180px;font-size:15px}.hero-hint{color:#aeb8c9;background:#161c27cc;border:1px solid #2f3645;border-radius:10px;align-items:center;min-height:38px;padding:8px 12px;font-size:13px;display:inline-flex}.hero-panel{padding:26px 22px}.hero-panel h2{color:#f0f3f9;margin:0 0 12px;font-size:20px}.plan-list{grid-template-columns:1fr;gap:10px;display:grid}.plan-item{background:#101621b8;border:1px solid #303747;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.plan-label{text-align:center;letter-spacing:.2px;border:1px solid #0000;border-radius:999px;min-width:64px;margin:0;padding:4px 8px;font-size:12px;font-weight:700}.plan-text{color:#c2cbdb;margin:0;font-size:14px;line-height:1.5}.plan-live .plan-label{color:#89e2a5;background:#3f905a33;border-color:#4ba86799}.plan-support .plan-label{color:#8fc2ff;background:#3b609638;border-color:#5d8dd88c}.plan-dev .plan-label{color:#f0cb8a;background:#916a2c33;border-color:#c4974e8f}.plan-service .plan-label{color:#c1b2ff;background:#54428f3d;border-color:#806dc294}.trust-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.trust-strip span{color:#e3c98e;text-align:center;background:#141a24e6;border:1px solid #2c3240;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mode-card{background:linear-gradient(#171d27 0%,#111620 100%);border:1px solid #2c3341;border-radius:16px;flex-direction:column;height:100%;padding:20px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 10px 22px #0003}.mode-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000042}.mode-card-software{border-color:#4b5a75}.mode-card-hardware{border-color:#6f5a31}.mode-badge{color:#d5deef;letter-spacing:.45px;text-transform:uppercase;background:#46546e33;border:1px solid #3d4658;border-radius:999px;justify-content:center;align-items:center;margin:0 0 10px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.mode-card-software .mode-badge{color:#bcd2ff;background:#5874bd38;border-color:#7895de80}.mode-card-hardware .mode-badge{color:#f1ce96;background:#966e2a3d;border-color:#cda05680}.mode-card h2{color:#f1f4fa;margin:0 0 8px;font-size:20px}.mode-price{color:#e9cb8f;letter-spacing:.3px;margin:0 0 10px;font-size:13px;font-weight:700}.mode-card p{color:#afb8c8;margin:0 0 10px;font-size:14px;line-height:1.68}.mode-card ul{margin:0;padding-left:18px}.mode-card li{color:#bec7d7;margin:0 0 6px;font-size:13px}.mode-actions{margin-top:auto;padding-top:12px}.mode-actions .btn-primary,.mode-actions .btn-ghost{width:100%}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-item{background:linear-gradient(#161b24 0%,#111620 100%);border:1px solid #2b313f;border-radius:16px;min-height:168px;padding:20px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 22px #0003}.feature-item:hover{border-color:#374055;transform:translateY(-2px);box-shadow:0 14px 28px #00000042}.feature-item h2{color:#f1f4fa;margin:0 0 8px;font-size:18px}.feature-item p{color:#acb5c6;margin:0;font-size:14px;line-height:1.7}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.info-card{background:linear-gradient(#151a23 0%,#10151e 100%);border:1px solid #2b313f;border-radius:16px;height:100%;padding:18px 16px;box-shadow:0 8px 20px #0003}.info-card h2{color:#eff3f9;margin:0 0 10px;font-size:18px}.info-card ol{margin:0;padding-left:18px}.info-card li{color:#b7c0d1;margin:0 0 8px;font-size:14px;line-height:1.6}.cta-band{background:linear-gradient(#1d212b 0%,#151922 100%);border:1px solid #3a3f49;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 12px 28px #0000003d}.cta-copy h2{color:#f4f6fb;margin:0 0 6px;font-size:22px}.cta-copy p{color:#aeb7c8;margin:0;font-size:14px;line-height:1.65}.cta-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.box{background:linear-gradient(#161b24 0%,#111720 100%);border:1px solid #2a303d;border-radius:16px;margin:14px 0;padding:16px 18px;box-shadow:0 14px 30px #0000004d}.box h2{color:#f0f3f9;margin:0 0 12px;font-size:20px}.support-hero,.admin-hero{margin:2px 0 0;padding:20px 20px 18px}.admin-login-shell{justify-content:center;align-items:stretch;min-height:calc(100vh - 54px)}.admin-login-center{flex:auto;justify-content:center;align-items:center;min-height:calc(100vh - 170px);padding:8px 0 4px;display:flex}.admin-login-card{background:linear-gradient(#171e29 0%,#121926 100%);border:1px solid #30394a;border-radius:18px;width:min(1120px,97vw);margin:0;padding:34px}.admin-login-card-rich{border-color:#37445a;position:relative;overflow:hidden;box-shadow:0 12px 24px #0000003d,inset 0 1px #ffffff0a}.admin-login-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.admin-login-side{background:radial-gradient(560px 180px at -10% -20%,#d6ae671f 0%,#d6ae6700 75%),linear-gradient(#182232f2 0%,#121925f2 100%);border:1px solid #2f3a4e;border-radius:14px;padding:22px 20px}.admin-login-main{background:linear-gradient(#141c2af2 0%,#0f1621f2 100%);border:1px solid #2f3a4e;border-radius:14px;flex-direction:column;justify-content:center;padding:24px 22px;display:flex}.admin-login-badge{color:#bdd4ff;letter-spacing:.8px;background:#3d60aa33;border:1px solid #81a0d680;border-radius:999px;align-items:center;margin:0 0 10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-login-card h1{margin:0;font-size:36px}.admin-login-card .subtitle{margin-top:10px;margin-bottom:8px}.admin-login-points{margin:18px 0 0;padding-left:18px}.admin-login-points li{color:#bfc9dc;margin:0 0 10px;font-size:14px}.admin-login-form{margin-top:0}.admin-login-field{flex-direction:column;gap:8px;display:flex}.admin-login-field span{color:#c4cee1;letter-spacing:.2px;font-size:13px}.admin-login-input{background:#0c121deb;border-color:#364359;border-radius:10px;height:42px}.admin-login-input::placeholder{color:#77839a}.admin-login-input:focus{border-color:#89a7dd;box-shadow:0 0 0 3px #5d84d233}.remember-row{color:#c3cde0;align-items:center;gap:8px;margin-top:4px;font-size:14px;display:inline-flex}.admin-remember-row{margin-top:14px}.remember-row input[type=checkbox]{width:16px;height:16px}.admin-login-actions{margin-top:14px}.admin-login-btn{letter-spacing:.3px;border-radius:12px;min-width:100%;height:46px}.admin-login-feedback{border-style:solid;border-width:1px;border-radius:12px;margin-top:14px;padding:10px 12px}@media (max-width:980px){.admin-login-center{min-height:auto;padding-top:0}.admin-login-card{width:min(900px,97vw);padding:22px 20px}.admin-login-grid{grid-template-columns:1fr;gap:14px}.admin-login-card h1{font-size:30px}}.support-hero h1,.admin-hero h1{letter-spacing:.2px;margin:0;font-size:32px;line-height:1.12}.support-hero .subtitle,.admin-hero .subtitle{margin-top:10px}.panel-actions{justify-content:flex-start;margin-top:12px;display:flex}.panel-actions button{min-width:176px}.admin-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.admin-auth{grid-column:span 12}.admin-generate{grid-column:span 5}.admin-query{grid-column:span 7}.admin-update{grid-column:span 12}.admin-trials{grid-column:span 12;overflow-x:auto}.admin-query table{margin-top:14px}.admin-query{overflow-x:auto}.admin-query .inline input,.admin-trials .inline input{flex:auto;min-width:0}.admin-query .inline button,.admin-trials .inline button{white-space:nowrap;flex:none;min-width:92px}.admin-trials .batch-inline{margin-top:10px}.admin-query .card-key-col{white-space:nowrap;min-width:180px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.admin-query .expires-col{white-space:nowrap;min-width:168px}.admin-query .bound-col{white-space:nowrap;min-width:380px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.admin-query .count-col{white-space:nowrap;text-align:right;min-width:86px}.admin-query .note-col{white-space:nowrap;min-width:140px}.admin-query .actions-col,.admin-trials .actions-col{white-space:nowrap;min-width:172px}.admin-query .table-actions,.admin-trials .table-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-query .table-actions button,.admin-trials .table-actions button{min-width:72px;padding:6px 10px}.admin-trials table{margin-top:14px}.admin-trials .machine-col{white-space:nowrap;min-width:360px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.admin-trials .created-col{white-space:nowrap;min-width:168px}.admin-update .panel-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-update .panel-actions button{min-width:176px}.upload-progress-wrap{background:#101621d6;border:1px solid #2d3443;border-radius:10px;margin-top:10px;padding:10px 12px 12px}.upload-progress-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.upload-progress-title{color:#d2d9e8;font-weight:600}.upload-progress-value{color:#e6c784;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.upload-progress-bar{width:100%;height:10px}.feedback{flex-direction:column;gap:6px;display:flex}.feedback strong{letter-spacing:.4px;font-size:13px}.feedback p{margin:0;line-height:1.45}.feedback-info{background:linear-gradient(#2937516b,#1e283a59);border-color:#3a4458}.feedback-success{background:linear-gradient(#22563b66,#1a3f2d57);border-color:#356948}.feedback-error{background:linear-gradient(#65314070,#46212c5c);border-color:#7f4655}.floating-feedback{z-index:1200;pointer-events:none;border:1px solid #33405a;border-radius:12px;width:min(460px,100vw - 24px);margin:0;padding:10px 12px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 26px #00000059}.admin-empty{margin-top:12px;font-size:13px}.self-service{scroll-margin-top:20px}.row{align-items:center;gap:10px;margin:10px 0;display:flex}.row span{color:#b8c1d1;flex:0 0 80px;width:80px;font-size:14px}.inline{align-items:center;gap:10px;display:flex}input,button{color:#e7ebf2;background:#0f141d;border:1px solid #313846;border-radius:10px;padding:10px 12px;transition:all .2s}input{width:100%}input:focus{border-color:#d6ae67;outline:none;box-shadow:0 0 0 3px #d6ae6729}button{cursor:pointer;color:#1b1405;background:linear-gradient(#f8de9f 0%,#d6ae67 100%);border-color:#f0d28f;font-weight:700;box-shadow:0 8px 20px #d6ae6733}button.btn-ghost{color:#d6dcea;box-shadow:none;background:#161a23;border-color:#313644}button:hover:enabled{filter:brightness(1.06);transform:translateY(-1px)}button.btn-ghost:hover:enabled{filter:none;background:#1b202b;border-color:#454c5d}button:disabled{opacity:.6;cursor:not-allowed;transform:none}table{border-collapse:collapse;border:1px solid #2c3342;border-radius:10px;width:100%;margin-top:12px;font-size:13px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #2d3440;padding:8px 6px}th{color:#e4ebf8;background:#1c2432}tbody tr:hover{background:#d6ae6714}.muted{color:#9ea8ba;margin-top:8px;line-height:1.6}.output-box summary{cursor:pointer;color:#e8edf8;font-weight:700}.output-box[open] summary{margin-bottom:10px}pre{white-space:pre;word-break:normal;background:#0e141d;border:1px solid #2e3646;border-radius:10px;min-height:140px;margin:0;padding:12px;line-height:1.45;overflow-x:auto}@media (max-width:920px){#app{padding:14px 14px 24px}.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid,.info-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band{flex-direction:column;align-items:flex-start}.cta-actions{justify-content:flex-start;width:100%}.support-hero h1,.admin-hero h1{font-size:28px}.admin-grid{grid-template-columns:1fr}.admin-auth,.admin-generate,.admin-query,.admin-trials,.admin-update{grid-column:auto}}@media (max-width:720px){#app{padding:10px 12px 18px}.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-wrap:wrap;width:100%}.btn-primary,.btn-ghost{flex:180px}.row{flex-direction:column;align-items:flex-start;gap:6px}.row span{flex:none;width:auto}.inline{flex-direction:column;align-items:stretch}.inline button{width:100%}.page h1{font-size:38px}.hero-copy{padding:22px 16px}.hero-panel{padding:20px 16px}.feature-grid,.trust-strip{grid-template-columns:1fr}.support-hero,.admin-hero{padding:18px 16px 16px}.support-hero h1,.admin-hero h1{font-size:24px}.panel-actions button{width:100%}.floating-feedback{width:auto;bottom:8px;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}