.su-wrap{min-height:calc(100vh - 220px);display:grid;place-items:center;padding:10px 0}
.su-card{position:relative;width:min(100%,420px);padding:34px 28px 26px;border-radius:24px;background:rgba(10,10,18,.62);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px -20px rgba(34,184,240,.35),0 0 0 1px rgba(124,92,255,.12) inset;isolation:isolate;overflow:hidden}
.su-glow{position:absolute;z-index:-1;inset:-40% -20% auto;height:70%;background:radial-gradient(closest-side,rgba(124,92,255,.35),transparent);pointer-events:none}
.su-title{font-size:1.7rem;font-weight:900;text-align:center;line-height:1.5}
.su-title span{color:#ffd000;text-shadow:0 0 16px rgba(255,208,0,.5)}
.su-sub{text-align:center;color:#a9a3c7;font-size:.92rem;margin:4px 0 22px}
.su-field{position:relative;margin-bottom:18px}
.su-field input{width:100%;height:52px;padding:18px 14px 4px;border-radius:14px;border:1px solid #343446;background:#14141f;color:#fff;font:inherit;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}
.su-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.2)}
.su-field label{position:absolute;right:14px;top:15px;color:#8b8fa8;font-size:.95rem;pointer-events:none;transition:all .18s ease;transform-origin:right}
.su-field input:focus+label,.su-field input:not(:placeholder-shown)+label{top:5px;font-size:.72rem;color:#38bdf8}
.su-field.bad input{border-color:#ff5d73}
.su-err{display:block;color:#ff7d8e;font-size:.78rem;margin:4px 6px 0}
.su-eye{position:absolute;left:8px;top:8px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:#8b8fa8}
.su-eye:hover{color:#fff}
.su-field input[dir=ltr]{text-align:left}
.su-btn{width:100%;height:52px;border:0;border-radius:14px;color:#fff;font:inherit;font-size:1.05rem;font-weight:800;background:linear-gradient(135deg,#7c5cff,#22b8f0);box-shadow:0 10px 30px -10px #22b8f0;transition:transform .2s,filter .2s}
.su-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.su-btn:disabled{opacity:.6;transform:none}
.su-msg{margin-top:16px;padding:10px 14px;border-radius:12px;font-size:.9rem;text-align:center}
.su-msg.ok{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.4);color:#86efac}
.su-msg.no{background:rgba(255,93,115,.1);border:1px solid rgba(255,93,115,.4);color:#ff9aa8}
.su-foot{margin-top:16px;text-align:center;color:#7d819a;font-size:.78rem}
@media (max-width:480px){.su-card{padding:28px 18px 22px;border-radius:20px}.su-title{font-size:1.45rem}}
.su-field:has(.su-eye) input{padding-left:50px}