.modal.auth-modal{max-width:780px;width:100%;padding:0;overflow:hidden;border-radius:24px}.modal.auth-modal .modal-head{position:absolute;top:8px;left:8px;z-index:3;margin:0;padding:0;border:none;background:0 0}.modal.auth-modal .modal-head h3{display:none}.modal.auth-modal .modal-x{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;backdrop-filter:none}.modal.auth-modal .modal-x:hover{background:rgba(255,255,255,.3)}.modal.auth-modal .modal-body{padding:0}.auth{display:grid;grid-template-columns:270px 1fr;min-height:460px;transition:grid-template-columns .01s}.auth-aside{order:0;transition:transform .32s cubic-bezier(.4,0,.2,1)}.auth-main{order:1}.auth.auth-flip{grid-template-columns:1fr 270px}.auth.auth-flip .auth-aside{order:1}.auth.auth-flip .auth-main{order:0}.auth-main{transition:opacity .26s ease,transform .26s ease}.auth-swap-out{opacity:0;transform:scale(.96) translateY(8px)}.auth-swap-in{animation:authSwapIn .46s cubic-bezier(.22,1,.36,1)}@keyframes authSwapIn{0%{opacity:0;transform:scale(.94) translateY(10px)}60%{opacity:1}100%{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-aside,.auth-main{transition:none}.auth-swap-in{animation:none}.auth-swap-out{opacity:1;transform:none}}.auth-aside{position:relative;padding:0;background:var(--bg-soft,#eef2f7);overflow:hidden}.auth-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.auth-main{padding:34px 34px 30px;background:var(--card,#fff);display:flex;flex-direction:column}.auth-main-scroll{max-height:80vh;overflow-y:auto}.auth-head{margin-bottom:24px}.auth-head h3{margin:0 0 5px;font-size:24px;font-weight:800;color:var(--text,#17202e)}.auth-head p{margin:0;font-size:13px;color:var(--text-muted,#667);line-height:1.8}.af{position:relative;margin-bottom:20px}.af-input{width:100%;box-sizing:border-box;height:54px;padding:20px 44px 6px 42px;border:1.5px solid var(--border,#e3e8ef);border-radius:14px;background:var(--bg-soft,#f8fafc);color:var(--text,#17202e);font-family:inherit;font-size:14.5px;font-weight:600;outline:0;transition:border-color .16s,background .16s}.af-input:focus{border-color:var(--teal,#1ebdc6);background:var(--card,#fff)}.af-input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px var(--bg-soft,#f8fafc) inset}.af label{position:absolute;top:50%;right:44px;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--text-muted,#8a97a8);pointer-events:none;transition:top .16s ease,font-size .16s ease,color .16s ease}.af-input:focus+label,.af-input:not(:placeholder-shown)+label{top:15px;font-size:11px;color:var(--teal-dark,#0e9e8e)}.af-ico{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;color:var(--text-muted,#9aa6b6)}.af-ico svg{width:100%;height:100%;display:block}.af-input:focus~.af-ico{color:var(--teal,#1ebdc6)}.af-eye{position:absolute;top:50%;left:10px;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:8px;background:0 0;cursor:pointer;font-size:14px;line-height:1;opacity:.6}.af-eye svg{width:19px;height:19px;display:block}.af-eye:hover{opacity:1;background:rgba(0,0,0,.05)}.af-ok{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#10b981;font-weight:800;font-size:15px}.af-hint{font-size:12px;color:var(--text-muted,#667);margin:-12px 0 18px;min-height:1px}.af-group{margin-bottom:20px}.af-group-label{display:block;font-size:12.5px;font-weight:700;color:var(--text-muted,#667);margin-bottom:8px}.af-group-label em{font-style:normal;font-weight:400;opacity:.8;font-size:11.5px}.birth-row{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px}.af-select{width:100%;min-width:0;box-sizing:border-box;height:46px;padding:0 10px;border:1.5px solid var(--border,#e3e8ef);border-radius:12px;background:var(--bg-soft,#f8fafc);color:var(--text,#17202e);font-family:inherit;font-size:13.5px;font-weight:600;text-align:center;text-align-last:center;outline:0}.af-select:focus{border-color:var(--teal,#1ebdc6);background:var(--card,#fff)}.auth-row{display:flex;justify-content:flex-start;margin:-8px 0 20px}.auth-alt a,.auth-link{color:var(--teal-dark,#0e9e8e);font-size:12.5px;font-weight:700;cursor:pointer}.auth-alt a:hover,.auth-link:hover{text-decoration:underline}.auth-submit{height:58px;border-radius:14px;font-size:15.5px;font-weight:800}.auth-alt{margin-top:auto;padding-top:22px;text-align:center;font-size:13px;color:var(--text-muted,#667)}.auth-alt a{font-size:13px}.dark .auth-main{background:var(--navy-dark,#16202e)}.dark .af-input,.dark .af-select{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#e8eef7}.dark .af-input:focus,.dark .af-select:focus{background:rgba(255,255,255,.08)}.dark .auth-head h3{color:#e8eef7}.dark .af-eye:hover{background:rgba(255,255,255,.08)}@media (max-width:680px){.modal.auth-modal{max-width:100%;border-radius:20px}.auth,.auth.auth-flip{grid-template-columns:1fr;min-height:0}.auth.auth-flip .auth-aside{order:0}.auth.auth-flip .auth-main{order:1}.auth-main{padding:22px 20px 24px;max-height:72vh;overflow-y:auto}.auth-head h3{font-size:20px}.modal.auth-modal .modal-head{left:auto;right:8px}}@media (prefers-reduced-motion:reduce){.af label,.af-ico,.af-input{transition:none}}