:root{color-scheme:dark;--bg:#050b14;--card:#0d192a;--line:rgba(148,163,184,.2);--text:#edf4fb;--muted:#91a3b9;--teal:#4fd1c5;--gold:#e6b24a;--red:#fb7185}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(700px 420px at 50% 0,rgba(40,104,155,.2),transparent 70%),var(--bg);color:var(--text);font-family:system-ui,"Segoe UI",Tahoma,sans-serif}
.support-shell{min-height:100vh;display:grid;place-items:center;padding:28px 16px}
.support-card{width:min(720px,100%);padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(16,31,51,.98),rgba(7,15,27,.99));box-shadow:0 30px 90px rgba(0,0,0,.45)}
.support-brand{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;text-decoration:none;font:900 .78rem ui-monospace,Consolas,monospace;letter-spacing:.12em}.support-brand img{border-radius:16px}
.kicker{text-align:center;color:var(--teal);font-size:.68rem;font-weight:900;letter-spacing:.15em;margin:14px 0 6px}
h1{text-align:center;margin:0;font-size:clamp(1.55rem,4vw,2.25rem)}.intro{max-width:610px;margin:10px auto 18px;text-align:center;color:#a9b7c8;font-size:.84rem;line-height:1.9}
.support-state{margin-bottom:15px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#07111f;color:var(--muted);font-size:.74rem;text-align:center}.support-state.ready{color:#75e0af;border-color:rgba(84,217,151,.3)}.support-state.off{color:#ffc0ca;border-color:rgba(251,113,133,.35)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid label{display:grid;gap:6px;color:#c5d0de;font-size:.76rem;font-weight:750}.grid .wide{grid-column:1/-1}
input,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;outline:0;background:#060e19;color:#fff;font:500 .82rem system-ui,"Segoe UI",Tahoma,sans-serif;resize:vertical}input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(79,209,197,.1)}
.trap{position:absolute!important;inset-inline-start:-9999px!important}
form button{width:100%;margin-top:14px;padding:13px;border:0;border-radius:10px;background:linear-gradient(135deg,#78e6d8,var(--teal));color:#041313;font-weight:900;cursor:pointer}form button:disabled{opacity:.45;cursor:not-allowed}
.form-message{min-height:24px;margin:10px 0 0;text-align:center;color:var(--muted);font-size:.77rem}.form-message.ok{color:#75e0af}.form-message.error{color:var(--red)}
.support-note{display:grid;gap:4px;margin-top:17px;padding:12px;border-inline-start:3px solid var(--gold);background:rgba(230,178,74,.055);color:#d4c29b;font-size:.72rem;line-height:1.65}.support-note span{color:#9e9278}.back{display:block;margin-top:17px;text-align:center;color:var(--muted);font-size:.76rem;text-decoration:none}
@media(max-width:580px){.support-card{padding:22px 16px}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}