:root{--bg: #0f1115;--panel: #171a21;--panel-2: #1f242d;--border: #2a313d;--fg: #e8ecf2;--muted: #9aa3b2;--accent: #6ea8fe;--accent-2: #5d8bff;--good: #4ade80;--bad: #f87171;--radius: 12px;--shadow: 0 8px 24px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);font-size:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.btn{background:var(--accent);color:#0b1020;border:none;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .04s ease,background .15s ease}button:hover,.btn:hover{background:var(--accent-2)}button:active,.btn:active{transform:translateY(1px)}button.secondary{background:var(--panel-2);color:var(--fg)}input,select,textarea{background:var(--panel-2);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px;width:100%}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar .brand{font-weight:700;letter-spacing:.3px}.topbar .role{color:var(--muted);font-size:13px}.container{max-width:920px;width:100%;margin:0 auto;padding:28px 22px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.stack>*+*{margin-top:14px}.muted{color:var(--muted)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.fullscreen-cta{margin-top:14px;font-size:13px;color:var(--muted)}@media (max-width: 640px){.container{padding:16px 12px}.card{padding:16px;border-radius:12px}.topbar{padding:12px 14px}input,select,textarea{font-size:16px}button,.btn{font-size:16px;padding:12px 16px}h1{font-size:26px}h2{font-size:21px}.grid-2,.grid-auto{grid-template-columns:1fr!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@keyframes q-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes q-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.q-card{animation:q-in .32s cubic-bezier(.2,.7,.2,1)}.fade-up{animation:fade-up .4s ease both}