*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}.auth-page{min-height:100vh;min-height:100svh;font-family:Outfit,system-ui,sans-serif;color:#10182e;background:#eff5ff url('/assets/login-background.webp') center center/cover no-repeat fixed;-webkit-font-smoothing:antialiased}.auth-header{width:min(1312px,calc(100% - 80px));margin:auto;padding:46px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.auth-header img{display:block;width:196px;height:auto}.auth-back{display:flex;align-items:center;gap:12px;color:#63718c;font-size:16px;transition:color .2s}.auth-back svg{width:20px;height:20px;transform:rotate(180deg)}.auth-back:hover{color:#2654ff}.auth-main{padding:38px 24px 48px}.auth-card{width:100%;max-width:532px;margin:auto;padding:46px 50px 48px;border:1px solid #ffffffd9;border-radius:25px;background:linear-gradient(135deg,#ffffffc9,#ffffffac);box-shadow:0 18px 60px #527abb09;backdrop-filter:blur(15px);animation:auth-enter .65s cubic-bezier(.2,.7,.25,1) both}.auth-intro{text-align:center;margin-bottom:34px}.auth-intro h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 10px;font-weight:600}.auth-intro p{font-size:18px;line-height:1.55;color:#8997b2;margin:0}.auth-form{display:grid;gap:20px}.auth-field{display:grid;gap:8px;min-width:0}.auth-field label{font-size:16px;font-weight:500}.auth-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.auth-label a{font-size:14px;color:#3454ff}.auth-label a:hover{text-decoration:underline}.auth-field input{width:100%;min-width:0;height:52px;border:1px solid #dbe2f0;border-radius:12px;background:#ffffff40;color:#10182e;padding:0 16px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.auth-field input::placeholder{color:#8c9ab5;opacity:1}.auth-field input:focus{border-color:#728cff;background:#ffffffb3;box-shadow:0 0 0 4px #476aff12}.auth-input{position:relative}.auth-input>svg{position:absolute;left:17px;top:16px;width:21px;height:21px;color:#5d6e8f;pointer-events:none}.auth-input input{padding-left:54px;padding-right:50px}.auth-eye{position:absolute;right:5px;top:5px;width:42px;height:42px;display:grid;place-items:center;background:none;border:0;color:#63718e;border-radius:9px;cursor:pointer}.auth-eye svg{width:21px;height:21px}.auth-eye[aria-pressed=true]{color:#3159ff;background:#eaf0ff}.auth-eye:hover{background:#eaf0ff}.auth-submit{height:52px;border:1px solid #ffffff20;border-radius:15px;background:linear-gradient(110deg,#10182b 20%,#1c205b);color:white;display:flex;align-items:center;justify-content:center;gap:13px;font-weight:600;cursor:pointer;box-shadow:0 5px 14px #22265b12;transition:transform .2s,box-shadow .2s}.auth-submit svg,.auth-switch svg{width:21px;height:21px;transition:transform .2s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px #27399030}.auth-submit:hover svg,.auth-switch:hover svg{transform:translateX(4px)}.auth-divider{display:flex;align-items:center;gap:16px;color:#8b98b1;font-size:14px;margin:26px 0 22px}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#e1e7f1}.auth-switch{min-height:52px;padding:12px 16px;border:1px solid #c7d3eb;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px;background:#ffffff38;transition:background .2s,border-color .2s}.auth-switch strong{color:#3454ff;font-weight:600}.auth-switch svg{color:#3454ff;flex-shrink:0}.auth-switch:hover{background:#fff;border-color:#93a9ff}.auth-footer{text-align:center;font-size:13px;color:#6d7e9c;margin:38px auto 0}.auth-names{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-error{padding:13px 16px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b42338;font-size:14px;line-height:1.5;margin-bottom:22px}.auth-register .auth-main{padding-top:8px}.auth-register .auth-card{padding-top:32px;padding-bottom:32px}.auth-register .auth-intro{margin-bottom:26px}.auth-register .auth-form{gap:16px}:focus-visible{outline:3px solid #6481ff;outline-offset:4px}@keyframes auth-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1500px){.auth-header{width:73.2%}}@media(max-width:600px){.auth-page{background-attachment:scroll;background-position:center}.auth-header{width:calc(100% - 40px);padding:26px 0}.auth-header img{width:145px}.auth-back{gap:6px;font-size:13px}.auth-back svg{width:16px;height:16px}.auth-main,.auth-register .auth-main{padding:30px 18px}.auth-card,.auth-register .auth-card{padding:32px 23px;border-radius:23px}.auth-intro{margin-bottom:28px}.auth-intro h1{font-size:29px}.auth-intro p{font-size:16px}.auth-switch{font-size:14px;gap:8px}.auth-footer{margin-top:28px;font-size:12px}.auth-names{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.auth-success{padding:18px;border:1px solid #a7e4ce;border-radius:12px;background:#ecfdf5;color:#157653;font-size:16px;line-height:1.6}