.auth-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#05050ad9;justify-content:center;align-items:center;padding:16px;font-family:Inter,sans-serif;animation:.2s backdrop-in;display:flex;position:fixed;inset:0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.auth-modal{background-color:#1a1a26;border-radius:16px;flex-direction:column;width:100%;max-width:440px;animation:.22s modal-in;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0f}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-header{background:linear-gradient(135deg,#13131e 0%,#1a1228 100%);border-bottom:1px solid #8030ff33;justify-content:center;align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative}.auth-header-center{flex-direction:column;align-items:center;gap:2px;display:flex}.auth-mascot-img{object-fit:contain;flex-shrink:0;width:100px;height:150px}.auth-site-name{letter-spacing:-.02em;color:#f5f5f5;font-size:28px;font-weight:900}.auth-site-tagline{color:#f5f5f5;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:500}.auth-close-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:Inter,sans-serif;font-size:18px;line-height:1;transition:color .15s,background .15s}.auth-close-btn:hover{color:#ccc;background:#ffffff12}.auth-body{flex-direction:column;gap:20px;max-height:calc(100dvh - 130px);padding:28px 28px 24px;display:flex;overflow-y:auto}.auth-title{color:#fff;text-align:center;margin:0;font-size:20px;font-weight:700}.auth-tabs{border-bottom:1px solid #2e2e42;gap:0;margin-bottom:-4px;display:flex}.auth-tab{color:#aaa;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-1px;padding:8px 0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:color .15s,border-color .15s}.auth-tab:hover{color:#ddd}.auth-tab--active{color:#fff;border-bottom-color:#8030ff}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:#aaa;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600}.auth-input{color:#fff;background-color:#2e2e42;border:2px solid #3e3e58;border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .15s,background-color .15s}.auth-input::placeholder{color:#666}.auth-input:focus{background-color:#24243a;border-color:#8030ff}.auth-forgot{color:#aaa;align-self:flex-end;margin-top:-6px;font-size:13px;text-decoration:none;transition:color .15s}.auth-forgot:hover{color:#c4f}.auth-error{color:#f66;margin:0;font-size:14px}.auth-submit{color:#fff;cursor:pointer;background-color:#8030ff;border:none;border-radius:8px;margin-top:2px;padding:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:background-color .15s,transform .1s}.auth-submit:hover{background-color:#9040ff;transform:scale(1.01)}.auth-submit:active{transform:scale(.99)}.auth-switch{text-align:center;color:#aaa;margin:0;font-size:14px}.auth-switch-btn{color:#c4f;cursor:pointer;background:0 0;border:none;padding:0;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:color .15s}.auth-switch-btn:hover{color:#d5f}@media (max-width:520px){.auth-backdrop{align-items:center;padding:12px}.auth-modal{border-radius:14px;max-width:100%}.auth-body{max-height:calc(100dvh - 120px);padding:24px 20px 20px}}