.gate{background:#121275 radial-gradient(120% 90% at 50% -10%,#1a1a9e 0%,#121275 45%,#0c0c4d 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.gate__card{text-align:center;background:#ffffff08;border:1px solid #ffffff24;border-radius:20px;width:100%;max-width:420px;padding:clamp(28px,5vw,44px)}.gate__logo{width:clamp(180px,60%,240px);height:auto;margin:0 auto 28px;display:block}.gate__title{color:#fff;margin:0 0 8px;font-size:clamp(20px,3.4vw,26px);font-weight:800;line-height:1.15}.gate__sub{color:#ffffff9e;margin:0 0 28px;font-size:15px;line-height:1.5}.gate__form{text-align:left;flex-direction:column;gap:10px;display:flex}.gate__label{color:#ffffffc7;letter-spacing:.02em;font-size:13px;font-weight:700}.gate__input{color:#fff;background:#ffffff0a;border:1.5px solid #ffffff2e;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px;font-size:16px;transition:border-color .15s}.gate__input:focus{border-color:#6f8cff}.gate__error{color:#ff9b9b;margin:4px 0 0;font-size:13.5px;font-weight:600}.gate__btn{color:#121275;letter-spacing:.01em;cursor:pointer;background:#fff;border:none;border-radius:12px;height:48px;margin-top:10px;font-size:15px;font-weight:800;transition:opacity .15s}.gate__btn:hover{opacity:.9}.gate__btn:disabled{opacity:.6;cursor:default}