.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;background:radial-gradient(900px 500px at 85% -10%,#dfe7fa 0,transparent 60%),radial-gradient(700px 400px at 0 110%,#e8edf9 0,transparent 60%),#f4f6fb}.auth-card{width:min(400px,100%);background:#fff;border:1px solid #e3e8f1;border-radius:22px;padding:30px 28px 26px;box-shadow:0 24px 60px -24px rgba(27,45,92,.35)}.auth-brand{display:flex;align-items:center;gap:12px;direction:ltr;justify-content:center;margin-bottom:22px}.auth-brand strong{display:block;font-size:22px;font-weight:800;letter-spacing:2px;color:#27417f;line-height:1.1}.auth-brand small{display:block;font-size:12px;color:#66728a;letter-spacing:1.2px}.auth h1{font-size:18px;font-weight:800;text-align:center;margin-bottom:20px;color:#0f1a33}.auth-field{display:block;margin-bottom:14px}.auth-field>span{display:block;font-size:13px;font-weight:600;color:#34405a;margin-bottom:6px}.auth-field>div{display:flex;align-items:center;gap:10px;height:46px;border:1px solid #e3e8f1;border-radius:12px;padding:0 12px;color:#98a2b6;transition:border-color .15s,box-shadow .15s;background:#fff}.auth-field>div:focus-within{border-color:#6383de;box-shadow:0 0 0 3px #e6ecf8;color:#27417f}.auth-field input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:#0f1a33;height:100%}.auth-eye{color:#98a2b6;display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.auth-eye:hover{background:#f3f6fc;color:#27417f}.auth-error{background:#fdecea;color:#d92d20;border-radius:10px;padding:9px 12px;font-size:13px;margin:4px 0 12px}.auth-submit{width:100%;height:48px;border-radius:12px;background:#27417f;color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center;margin-top:6px;box-shadow:0 8px 20px -8px rgba(39,65,127,.7);transition:background .15s}.auth-submit:hover{background:#2c4a91}.auth-foot{font-size:12px;color:#98a2b6}