*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1120;color:#e5e7eb}.layout{min-height:100vh;padding:48px 24px;max-width:1100px;margin:0 auto}.hero{margin-bottom:32px}.app-shell{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 8px;color:#60a5fa;font-size:14px;text-transform:uppercase;letter-spacing:.12em}h1{margin:0 0 12px;font-size:40px}h2,h3{margin:0}.subtitle{margin:0;max-width:720px;color:#94a3b8;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.full-width{grid-column:1 / -1}.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:20px;box-shadow:0 12px 30px #00000040}.card-header{margin-bottom:12px}.card-header h2{margin:0 0 6px;font-size:22px}.card-header span{color:#60a5fa;font-size:14px}.hero-card{min-height:220px}.muted{color:#94a3b8}.error{color:#fca5a5}.banner{margin:0;padding:12px 14px;border-radius:12px;background:#7f1d1d59;border:1px solid rgba(248,113,113,.4)}.success-banner{margin:0;padding:12px 14px;border-radius:12px;background:#15803d33;border:1px solid rgba(74,222,128,.35);color:#bbf7d0}pre{margin:0;padding:14px;border-radius:12px;background:#020617;overflow-x:auto;font-size:14px;white-space:pre-wrap}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(560px,100%);background:#111827;border:1px solid #1f2937;border-radius:18px;padding:28px;box-shadow:0 20px 40px #00000047}.form-grid,.field-grid{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{color:#cbd5e1;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #334155;border-radius:12px;padding:12px 14px;background:#020617;color:#e5e7eb;font:inherit}.field textarea{min-height:220px;resize:vertical}.button-row,.top-actions,.service-badges,.tab-row{display:flex;gap:12px;flex-wrap:wrap}.top-actions{align-items:center;justify-content:flex-end}.primary-button,.secondary-button,.tab,.nav-link{border:0;border-radius:12px;padding:12px 16px;font:inherit;cursor:pointer;text-decoration:none;transition:transform .15s ease,opacity .15s ease,border-color .15s ease}.primary-button{background:#2563eb;color:#eff6ff}.secondary-button,.tab,.nav-link{background:#0f172a;color:#e5e7eb;border:1px solid #334155}.primary-button:hover,.secondary-button:hover,.tab:hover,.nav-link:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.tab.active{background:#1d4ed8;border-color:#1d4ed8}.hint-box{margin-top:20px;padding:16px;border-radius:14px;background:#2563eb1f;border:1px solid rgba(96,165,250,.25)}.hint-box p{margin-bottom:0;color:#cbd5e1}.nav-tabs{display:flex;gap:12px;margin-bottom:24px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f172a;border:1px solid #334155;color:#cbd5e1;font-size:14px}.status-pill.success{background:#15803d26;border-color:#4ade8059;color:#bbf7d0}.inline-link{display:inline-flex;align-items:center;justify-content:center}.result-block{margin-top:20px}.instruction-list{margin:0;padding-left:20px;color:#cbd5e1;line-height:1.7}.instruction-list li+li{margin-top:8px}.copy-grid{display:grid;gap:16px}.copy-field{display:grid;gap:10px}.copy-field-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.copy-field-header span{color:#cbd5e1;font-size:14px}.copy-field code{display:block;padding:14px;border-radius:12px;background:#020617;color:#e5e7eb;overflow-x:auto;word-break:break-all}@media (max-width: 900px){.app-shell,.page-grid{grid-template-columns:1fr;display:grid}.full-width{grid-column:auto}}@media (max-width: 640px){.layout,.auth-shell{padding:20px}h1{font-size:32px}}
