.auth-transition[hidden]{display:none!important}
.auth-transition{position:fixed;inset:0;z-index:2147483000;min-height:100svh;overflow:auto;box-sizing:border-box;padding:40px 24px;background:radial-gradient(ellipse at 15% 10%,#edf7fc 0,transparent 52%),radial-gradient(ellipse at 85% 90%,#f1edf7 0,transparent 52%),#f7f9fc;color:#283347;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:auth-appear 140ms ease-out}
.auth-transition *{box-sizing:border-box}.auth-transition-logo{display:block!important;width:162px!important;max-width:100%!important;height:auto!important;object-fit:contain}
.auth-transition-content{margin:auto;text-align:center;padding:56px 0;max-width:440px;width:100%}.auth-transition-mark{width:72px;height:72px;border:1px solid #e2e7f0;background:#fff;border-radius:24px;margin:0 auto 28px;display:grid;place-items:center;box-shadow:0 10px 30px #31426008}
.auth-spinner{width:26px;height:26px;border:2px solid #e3e8f0;border-top-color:#68408c;border-right-color:#007bb6;border-radius:50%;animation:auth-spin 800ms linear infinite}
.auth-transition h2{font:500 26px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#283347;letter-spacing:-.035em;margin:0 0 12px;outline:none}.auth-transition p{font:400 14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#66758b;margin:0}.auth-transition .auth-transition-footer{font-size:11px}
.auth-transition-actions{display:flex;gap:8px;justify-content:center;margin-top:20px}.auth-transition-actions button{min-height:44px;padding:8px 18px;border:1px solid #dce6f2;border-radius:100px;background:#edf4fb;color:#46556d;font:400 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.auth-transition-actions button:focus-visible{outline:3px solid #79b3d8;outline-offset:3px}.auth-transition.is-finished{pointer-events:none;animation:auth-disappear 140ms ease-out forwards}.auth-transition.is-error .auth-spinner{animation:none;border-color:#b95761}
.auth-notice{font-size:13px;line-height:1.5;color:#3b665a;background:#edf6f2;border:1px solid #dcebe4;padding:10px 12px;border-radius:12px;margin:0 0 20px}.auth-form-error{font-size:13px;line-height:1.5;color:#a53b49;background:#fcf2f3;border:1px solid #ecdde0;padding:10px 12px;border-radius:12px;margin:0 0 18px}.auth-form-error:focus{outline:2px solid #b95761;outline-offset:2px}
.google-access{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 14px;background:#fff;border:1px solid #dce6f2;border-radius:13px;text-decoration:none;color:#46556d;font-size:14px}.google-access:hover{background:#f7f9fc}.access-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#66758b;font-size:11px}.access-divider::before,.access-divider::after{content:"";height:1px;background:#e7ecf3;flex:1}.remember-choice{display:flex;align-items:center;gap:8px;min-height:44px;color:#66758b;font-size:12px;margin-top:-8px}.remember-choice input{accent-color:#007bb6;width:16px;height:16px}.access-help{font-size:11px;color:#66758b;line-height:1.6;text-align:center;margin:20px 0 0}
@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-appear{from{opacity:0}to{opacity:1}}@keyframes auth-disappear{to{opacity:0}}
@media(max-width:480px){.auth-transition h2{font-size:24px}.auth-transition{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.auth-transition,.auth-spinner,.auth-transition.is-finished{animation:none}.auth-spinner{border-style:dotted;border-color:#68408c}}