:root{color-scheme:dark;--bg:#050912;--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(850px 470px at 50% -5%,rgba(42,111,166,.24),transparent 68%),radial-gradient(620px 420px at 92% 24%,rgba(79,209,197,.08),transparent 72%),linear-gradient(180deg,#060b14,#040811 72%);color:var(--text);font-family:system-ui,"Segoe UI",Tahoma,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.support-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:36px 16px}
.support-card{position:relative;overflow:hidden;width:min(900px,100%);padding:34px;border:1px solid rgba(137,165,198,.24);border-radius:28px;background:linear-gradient(145deg,rgba(15,29,48,.985),rgba(6,13,24,.995));box-shadow:0 34px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045)}
.support-card:before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,var(--teal),var(--gold),transparent);opacity:.8}
.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{padding:3px;border:1px solid rgba(79,209,197,.2);border-radius:17px;background:#07111d;box-shadow:0 12px 32px rgba(0,0,0,.35)}
.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[hidden]{display:none}.support-state.off{color:#ffc0ca;border-color:rgba(251,113,133,.35)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid label{display:grid;gap:7px;color:#cbd6e4;font-size:.76rem;font-weight:780}.grid .wide{grid-column:1/-1}
input,textarea{width:100%;padding:13px;border:1px solid rgba(139,160,190,.22);border-radius:12px;outline:0;background:linear-gradient(180deg,#07111e,#050c16);color:#fff;font:500 .82rem system-ui,"Segoe UI",Tahoma,sans-serif;resize:vertical;transition:border-color .2s,box-shadow .2s,background .2s}input:hover,textarea:hover{border-color:rgba(139,180,211,.36)}input:focus,textarea:focus{border-color:var(--teal);background:#071321;box-shadow:0 0 0 3px rgba(79,209,197,.1),0 10px 28px rgba(0,0,0,.18)}
.trap{position:absolute!important;inset-inline-start:-9999px!important}
form button{width:100%;margin-top:15px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:linear-gradient(135deg,#83eadf 0%,#4fd1c5 48%,#72aed6 100%);color:#031315;font-weight:950;cursor:pointer;box-shadow:0 14px 34px rgba(42,178,172,.17);transition:transform .2s,filter .2s,box-shadow .2s}form button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 18px 38px rgba(42,178,172,.23)}form button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.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.warning{color:var(--gold)}.form-message.error{color:var(--red)}
.support-social{margin-top:22px;padding:20px;border:1px solid rgba(138,162,193,.18);border-radius:18px;background:linear-gradient(145deg,rgba(10,21,36,.9),rgba(5,12,22,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.support-social__head{text-align:center}.support-social__head p{margin:0 0 5px;color:var(--gold);font:900 .63rem ui-monospace,Consolas,monospace;letter-spacing:.18em}.support-social__head h2{margin:0;color:#f3f7fc;font-size:clamp(.98rem,2.3vw,1.2rem)}.support-social__head span{display:block;margin-top:6px;color:#8799af;font-size:.73rem;line-height:1.7}
.support-social__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;direction:rtl}
.support-social__link{--brand:79,209,197;position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:50px;padding:8px;border:1px solid rgba(var(--brand),.24);border-radius:13px;background:linear-gradient(150deg,rgba(var(--brand),.1),rgba(7,14,25,.9) 58%);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .2s,border-color .2s,box-shadow .2s}.support-social__link img{display:block;width:30px;height:30px;border-radius:9px;filter:drop-shadow(0 6px 9px rgba(0,0,0,.3))}.support-social__link:hover{transform:translateY(-3px);border-color:rgba(var(--brand),.52);box-shadow:0 14px 30px rgba(var(--brand),.12),inset 0 1px 0 rgba(255,255,255,.06)}.support-social__link:focus-visible{outline:2px solid rgb(var(--brand));outline-offset:3px}.support-social__link--telegram{--brand:34,158,217}.support-social__link--tiktok{--brand:37,244,238}.support-social__link--youtube{--brand:255,0,51}
.back{display:block;margin-top:18px;text-align:center;color:#92a5bc;font-size:.76rem;text-decoration:none;transition:color .2s}.back:hover{color:var(--teal)}
@media(max-width:760px){.support-card{padding:26px 20px}.support-social__row{grid-template-columns:repeat(3,minmax(44px,1fr));gap:7px}.support-social__link{min-height:48px;padding:7px}.support-social__link img{width:28px;height:28px}}
@media(max-width:580px){.support-shell{padding:18px 10px}.support-card{padding:23px 14px;border-radius:22px}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.support-social{padding:17px 12px}.support-social__head span{max-width:330px;margin-inline:auto}.support-social__row{gap:6px}}