.gate{color:#e8f3ec;background:radial-gradient(120% 90% at 50% 0,#123227 0%,#0a1a15 55%,#060d0b 100%);place-items:center;min-height:100vh;padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:grid}.gate-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#081813b8;border:1px solid #c7e7d524;border-radius:20px;flex-direction:column;gap:14px;width:min(380px,100%);padding:34px 30px;display:flex;box-shadow:0 30px 80px #00000073}.gate-brand{letter-spacing:.01em;color:#f2f8f3;margin:0;font-size:22px;font-weight:600}.gate-title{color:#cfe6d8;margin:6px 0 0;font-size:17px;font-weight:500}.gate-sub{color:#cfe6d89e;margin:0;font-size:13px;line-height:1.5}.gate-input{color:#eaf5ee;background:#ffffff0d;border:1px solid #c7e7d533;border-radius:12px;outline:none;width:100%;margin-top:6px;padding:13px 15px;font-size:15px;transition:border-color .18s,background .18s}.gate-input::placeholder{color:#cfe6d866}.gate-input:focus{background:#ffffff14;border-color:#00a884bf}.gate-error{color:#f4a8a0;margin:0;font-size:12.5px}.gate-button{color:#04150f;cursor:pointer;background:linear-gradient(#17c295 0%,#00a884 100%);border:none;border-radius:12px;width:100%;padding:13px 15px;font-size:15px;font-weight:600;transition:filter .18s,transform .18s}.gate-button:hover:not(:disabled){filter:brightness(1.06)}.gate-button:active:not(:disabled){transform:translateY(1px)}.gate-button:disabled{opacity:.65;cursor:default}
