*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:"Segoe UI",Arial,sans-serif;color:#fff;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,rgba(0,135,255,.18),transparent 38%),linear-gradient(145deg,#030914,#071629 55%,#02070e)}.card{width:min(620px,100%);padding:38px;border:1px solid rgba(38,164,255,.72);border-radius:22px;background:linear-gradient(145deg,rgba(5,15,32,.97),rgba(6,27,51,.95));box-shadow:0 0 18px rgba(0,157,255,.28),0 24px 70px rgba(0,0,0,.5)}.brand{text-align:center;font-weight:900;letter-spacing:.28em;color:#38b6ff;text-shadow:0 0 16px rgba(0,170,255,.7)}h1{text-align:center;margin:14px 0 6px;font-size:clamp(27px,6vw,40px)}.lead{text-align:center;color:#a9bfd2;margin:0 0 30px}label{display:block;margin:17px 0 7px;font-weight:650;color:#d9e9f7}input,textarea{width:100%;margin-top:8px;border:1px solid #1d78b8;border-radius:11px;padding:14px 15px;font:inherit;color:#fff;background:#07111f;outline:none}input:focus,textarea:focus{border-color:#2db5ff;box-shadow:0 0 0 3px rgba(45,181,255,.13)}button{width:100%;margin-top:22px;padding:15px;border:1px solid #36baff;border-radius:11px;color:#fff;font-weight:850;background:linear-gradient(135deg,#087dcc,#07529b);cursor:pointer}button:disabled{opacity:.6}#s{text-align:center;min-height:25px;margin-top:18px;font-weight:700}.ok{color:#75e6a4}.err{color:#ff8c8c}.note{text-align:center;color:#7890a4;font-size:13px;margin:18px 0 0}@media(max-width:560px){.card{padding:25px 18px}body{padding:14px}}