:root{--bg:#050505;--panel:#0f0f10;--panel-strong:#171717;--text:#f4f4f5;--muted:#a1a1aa;--soft:#d4d4d8;--border:#2a2a2c;--border-strong:#3f3f46;--white:#fff;--danger:#f87171;--success:#d4d4d8;--focus:#f5f5f5}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Helvetica,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}.site-shell{width:min(1120px,100% - 32px);margin:0 auto}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.brand{color:var(--white);align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);background:var(--panel);width:30px;height:30px;color:var(--white);border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid}.admin-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-link,.button,.icon-button{border:1px solid var(--border-strong);background:var(--white);color:#09090b;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;font-size:14px;font-weight:700;transition:background .16s,border-color .16s,color .16s,opacity .16s;display:inline-flex}.nav-link,.button{padding:0 16px}.button.secondary{color:var(--text);background:0 0}.button:disabled{cursor:not-allowed;opacity:.55}.nav-link:hover,.button:hover:not(:disabled),.icon-button:hover{background:#e4e4e7}.button.secondary:hover:not(:disabled){background:var(--panel-strong);border-color:var(--soft)}.hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:44px;max-width:780px;min-height:calc(100vh - 90px);padding:56px 0 72px;display:grid}.hero-copy{align-content:center;gap:28px;display:grid}.hero h1{max-width:760px;color:var(--white);margin:0;font-size:clamp(48px,7vw,88px);font-weight:800;line-height:.95}.hero p{max-width:620px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.system-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px}.preview-panel{min-height:520px;padding:18px}.preview-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.preview-title{gap:4px;display:grid}.preview-title strong{font-size:14px}.preview-title span,.muted{color:var(--muted);font-size:13px}.status-dot{background:var(--soft);border-radius:50%;width:10px;height:10px}.preview-body{gap:14px;padding-top:18px;display:grid}.key-row{border:1px solid var(--border);background:#080809;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.key-row span{color:var(--muted);font-size:12px}.key-row strong{color:var(--text);margin-top:4px;font-size:15px;display:block}.pill{border:1px solid var(--border);min-width:96px;color:var(--soft);text-align:center;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.section-band{border-top:1px solid var(--border);padding:56px 0 72px}.security-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.security-item{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-height:160px;padding:20px}.security-item h2{color:var(--white);margin:0 0 12px;font-size:18px}.security-item p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.admin-main{padding:38px 0 64px}.admin-grid{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;margin-top:28px;display:grid}.admin-title{gap:10px;display:grid}.admin-title h1{color:var(--white);margin:0;font-size:clamp(34px,5vw,58px);line-height:1}.admin-title p{max-width:720px;color:var(--muted);margin:0;font-size:16px;line-height:1.6}.form-panel,.result-panel{padding:20px}.login-main{justify-items:start;gap:24px;display:grid}.login-panel{width:min(100%,420px)}.policy-page{gap:18px;padding:38px 0 72px;display:grid}.policy-panel{gap:12px;max-width:860px;padding:22px;display:grid}.policy-panel h2,.policy-panel h3,.policy-panel p{margin:0}.policy-panel h2{color:var(--white);font-size:24px}.policy-panel h3{color:var(--soft);margin-top:8px;font-size:15px}.policy-panel p{color:var(--muted);font-size:14px;line-height:1.7}.inline-code{color:var(--text);font-family:Cascadia Mono,Consolas,Courier New,monospace}.form-grid{gap:16px;display:grid}.field{gap:8px;display:grid}.field label,.field legend{color:var(--soft);font-size:13px;font-weight:700}.field input,.field select,.key-output{border:1px solid var(--border-strong);width:100%;min-height:44px;color:var(--text);background:#09090b;border-radius:8px;outline:none;padding:10px 12px}.field-note,.panel-note{color:var(--muted);font-size:12px;line-height:1.5}.inline-actions{flex-wrap:wrap;gap:10px;display:flex}.inline-actions .button{flex:150px}.field input:focus,.field select:focus,.key-output:focus{border-color:var(--focus)}.result-panel{min-height:390px}.result-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.result-heading h2{margin:0;font-size:18px}.key-output{resize:vertical;min-height:120px;font-family:Cascadia Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.5}.key-output.compact{grid-column:1/-1;min-height:74px}.result-meta{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px;display:grid}.meta-item{border:1px solid var(--border);background:#09090b;border-radius:8px;padding:12px}.meta-item span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.meta-item strong{color:var(--text);overflow-wrap:anywhere;font-size:14px}.message{border:1px solid var(--border);color:var(--muted);background:#09090b;border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.message.error{color:var(--danger);border-color:#7f1d1d}.message.success{color:var(--success)}.server-list{gap:12px;display:grid}.server-card{border:1px solid var(--border);background:#09090b;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px 14px;padding:14px;display:grid}.server-card span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.server-card strong{color:var(--text);overflow-wrap:anywhere}.server-card p{color:var(--muted);grid-column:1/-1;margin:0;font-size:12px}.server-card .result-meta{grid-column:1/-1;margin-top:0}.server-card>.button{grid-column:1/-1}@media (max-width:860px){.hero,.admin-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:42px 0 56px}.preview-panel{min-height:420px}.security-grid,.result-meta{grid-template-columns:1fr}}@media (max-width:520px){.site-shell{width:min(100% - 22px,1120px)}.site-header{flex-direction:column;align-items:flex-start}.hero h1{font-size:44px}.hero-actions,.nav-link,.button,.admin-nav{width:100%}.result-heading{flex-direction:column;align-items:stretch}.key-row,.server-card{grid-template-columns:1fr}}