*{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-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}.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-query table{margin-top:14px}.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}.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:hover:enabled{filter:brightness(1.06);transform:translateY(-1px)}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-wrap;word-break:break-all;background:#0e141d;border:1px solid #2e3646;border-radius:10px;min-height:140px;margin:0;padding:12px;line-height:1.45}@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{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%}}