:root{--bg:#080e1a;--card:#0d1526;--muted:#7e92b0;--accent:#7c3aed;--accent2:#06b6d4;--border:#ffffff0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#dde8f8;-webkit-font-smoothing:antialiased;background:radial-gradient(at 20% 0,#0f1f3e 0%,#080e1a 60%);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{max-width:1260px;margin:0 auto;padding:24px 20px 40px}.header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.logo{object-fit:contain;mix-blend-mode:screen;flex-shrink:0;width:48px;height:48px}h1{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 4px 24px #0006}.controls label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:12px;display:block}.controls select,.controls textarea{border:1px solid var(--border);color:#dde8f8;appearance:auto;background:#0d1526;border-radius:9px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s}.controls select option{color:#dde8f8;background:#0d1526}.controls select:focus,.controls textarea:focus{border-color:var(--accent)}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.45;cursor:default}.muted{color:var(--muted);font-size:13px}hr{border:none;border-top:1px solid var(--border);margin:14px 0}@media (max-width:900px){.three-col{grid-template-columns:1fr!important}}