.auth-page{min-height:100svh;background:#f5f8fb;color:#172838;display:flex;flex-direction:column;font-size:15px}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:28px 40px}.auth-brand{display:inline-flex;gap:10px;align-items:center;font-size:23px;font-weight:750;letter-spacing:-.02em}.auth-admin{color:#536577;font-size:14px;padding:10px 12px;border-radius:6px}.auth-admin:hover{background:#e7eff6;color:#005f9e}.auth-main{flex:1 1;display:grid;place-items:center;padding:28px 24px 52px}.auth-panel{width:100%;max-width:440px;background:white;border:1px solid #dfe6ed;border-radius:14px;padding:32px}.auth-tabs{display:flex;border-bottom:1px solid #dfe6ed;gap:24px;margin-bottom:28px}.auth-tabs button{padding:0 0 12px;font-size:15px;color:#536577;border-bottom:2px solid transparent;margin-bottom:-1px}.auth-tabs button[aria-current]{color:#0067ac;font-weight:700;border-color:#007acc}.auth-panel h1{font-size:28px;line-height:1.25;letter-spacing:-.025em;font-weight:700;margin:0 0 10px}.auth-intro{font-size:15px;line-height:1.65;color:#536577;margin:0 0 26px;overflow-wrap:anywhere}.auth-intro strong{color:#172838}.auth-field{margin-bottom:20px}.auth-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.auth-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.auth-label button{padding:0;font-size:12px;color:#0067ac}.auth-page input:not([type=checkbox]){display:block;width:100%;height:48px;min-height:48px;border:1px solid #bac8d5;border-radius:7px;padding:11px 12px;font-size:16px;background:#fff;color:#172838;caret-color:#007acc}.auth-page input[readonly]{background:#f5f8fb}.auth-page input::placeholder{color:#667685}.auth-password{position:relative}.auth-password input{padding-right:46px!important}.auth-password button{position:absolute;right:2px;top:2px;width:44px;height:44px;display:grid;place-items:center;color:#536577;border-radius:6px}.auth-password button:hover{background:#edf4f9}.auth-field small{display:block;color:#536577;font-size:12px;margin-top:7px}.auth-remember{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 24px;cursor:pointer}.auth-remember span{margin-left:auto;color:#536577;font-size:12px}.auth-page input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:#007acc}.auth-primary{width:100%;min-height:48px;background:#007acc;color:white;border-radius:7px;padding:12px 16px;font-size:15px;font-weight:650;transition:background .15s ease}.auth-primary:hover{background:#0067ac}.auth-primary:disabled{opacity:.65;cursor:wait}.auth-secondary{display:block;text-align:center;width:100%;margin-top:18px;color:#0067ac;font-size:14px}.auth-back{display:flex;align-items:center;gap:7px;margin-bottom:24px;padding:0}.auth-back,.auth-hint{font-size:13px;color:#536577}.auth-hint{line-height:1.65;margin:18px 0 0}.auth-success{width:46px;height:46px;display:grid;place-items:center;color:#167446;background:#eaf6ee;border-radius:50%;margin-bottom:20px}.auth-success~.auth-hint{margin-bottom:24px}.auth-error{font-size:13px;line-height:1.5;color:#a02222;background:#fff2f2;padding:12px;border-radius:6px;margin:0 0 16px}.auth-mail{display:flex;align-items:center;gap:10px;padding:12px 0;color:#0067ac;overflow-wrap:anywhere}.auth-footer{text-align:center;padding:16px 24px 24px;color:#536577;font-size:12px}.auth-page :is(button,a,input):focus-visible{outline:3px solid #007acc;outline-offset:3px}.auth-page ::selection{background:#c9e9ff;color:#063b63}@media(max-width:520px){.auth-header{padding:20px}.auth-brand{font-size:21px}.auth-main{padding:18px 20px 32px;align-items:start}.auth-panel{border:0;padding:20px 0;background:transparent}.auth-panel h1{font-size:27px}.auth-admin{font-size:13px}.auth-footer{padding-bottom:20px}}.auth-page{position:relative;isolation:isolate;overflow:hidden;background:#061c30}.auth-flow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 62%,#074d763b,transparent 55%),radial-gradient(ellipse at 92% 38%,#007acc24,transparent 52%),linear-gradient(125deg,#061827,#082b46 55%,#051726)}.auth-flow canvas{display:block;width:100%;height:100%}.auth-header{position:relative;z-index:1}.auth-brand{color:#f4f9ff}.auth-admin{color:#c1d5e6;border:1px solid #a1c8e52b;padding:10px 16px}.auth-admin:hover{background:#ffffff0d;color:#fff;border-color:#a1c8e566}.auth-main,.auth-panel{position:relative}.auth-panel{padding:34px;border-color:#fff;border-radius:18px;box-shadow:0 24px 90px #0005,0 0 0 7px #ffffff06}.auth-footer,.auth-motion{color:#9fb8cb}.auth-motion{position:absolute;bottom:16px;left:28px;display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;border-radius:6px}.auth-motion:hover{color:white;background:#ffffff0a}@media(max-width:600px){.auth-header{padding:20px}.auth-main{padding:22px 20px 32px;align-items:center}.auth-panel{background:#fff;border:1px solid #fff;padding:26px 22px;border-radius:16px}.auth-footer{padding-bottom:64px}.auth-motion{bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.auth-panel{animation:auth-arrive .5s cubic-bezier(.2,.7,.3,1) both}@keyframes auth-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}