/* Centered entrance choreography. Existing form logic remains unchanged. */
body.ae-page{background:radial-gradient(ellipse at 50% 40%,#e4ecff 0,transparent 60%),#f7f9fd;overflow-x:clip;min-height:100vh}
.ae-page>header{background:transparent;border:0;padding:28px 5%}
.ae-page main{display:block;max-width:none;margin:32px auto;padding:0 22px;position:relative}
.ae-page aside{display:none}
.ae-stage{position:relative;width:min(100%,460px);margin:auto;min-width:0}
.ae-stage .auth-card{position:relative;border:1px solid #dbe5fa;box-shadow:0 25px 70px #244c9515;padding:32px;border-radius:24px;background:#ffffffed}
.ae-tabs{display:flex;gap:5px;background:#f0f4fb;border-radius:12px;padding:5px;margin-bottom:24px}
.ae-tabs a{flex:1;text-align:center;padding:11px 8px;border-radius:9px;color:#68758e;font-size:14px;font-weight:600}
.ae-tabs a[aria-current=page]{background:white;color:#155eef;box-shadow:0 2px 8px #18356010}
.ae-person{position:absolute;width:210px;left:-185px;top:180px;z-index:3;pointer-events:none;transform-origin:50% 85%}
.ae-person img{width:100%;display:block;filter:drop-shadow(0 8px 7px #17386712)}
.ae-person img[hidden]{display:none}
.ae-person .ae-model{display:block;width:100%;aspect-ratio:240/400}
.ae-person .ae-model[hidden]{display:none}
.ae-bubble{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:white;border:1px solid #dfe7f7;padding:12px 16px;border-radius:14px 14px 2px 14px;font-size:13px;font-weight:600;box-shadow:0 8px 28px #1835600c;white-space:nowrap}
.ae-controls{display:flex;justify-content:center;gap:12px;align-items:center;margin:20px auto 0}
.ae-controls button{font-size:13px;background:transparent;border:0;padding:8px;color:#61718c}
.ae-page .ae-enter .auth-card{animation:ae-card 6.6s linear both}
.ae-page .ae-enter .ae-person{animation:ae-person 6.6s linear both}
.ae-page .ae-enter .ae-person img{animation:ae-steps .32s ease-in-out infinite alternate}
.ae-page .ae-enter .auth-card{pointer-events:none}
@keyframes ae-person{0%{transform:translateX(-100vw)}16%,36%{transform:translateX(0)}56%,58%{transform:translateX(var(--ae-edge,0px))}94%{transform:translateX(0)}100%{transform:none}}
@keyframes ae-card{0%,55%{transform:translateX(var(--ae-edge,0px));opacity:0}56%,58%{transform:translateX(var(--ae-edge,0px));opacity:1}94%,100%{transform:none;opacity:1}}
@keyframes ae-steps{from{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-4px) rotate(1deg)}}
@media(max-width:850px){.ae-page main{margin:150px auto 24px}.ae-person{width:95px;left:0;top:-125px}.ae-bubble{left:100%;bottom:40%;transform:none;max-width:225px;white-space:normal;width:max-content;font-size:12px}.ae-stage .auth-card{padding:24px}.ae-page>header>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ae-page .ae-enter .auth-card,.ae-page .ae-enter .ae-person,.ae-page .ae-enter .ae-person img{animation:none}.ae-page .ae-enter .auth-card{pointer-events:auto}}

.ae-page .ae-stage{width:min(100%,520px)}
.ae-page .ae-stage .auth-card{width:100%;max-width:none;margin:0;box-sizing:border-box}
.ae-page .ae-stage .auth-card:before{display:block;width:150px;height:65px;margin-bottom:12px;background-image:url("/assets/brand/logo/platform_5610_horizontal_small.png")}
.ae-page .ae-stage h1{font-size:30px;line-height:1.2;margin:0 0 12px}
.ae-page .ae-stage input:not([type=checkbox]){box-sizing:border-box;max-width:100%}
.ae-page .ae-stage a{color:#155eef}
.ae-controls button[hidden]{display:none}
.ae-page .ae-controls button{box-shadow:none;transform:none}
@media(max-width:850px){.ae-page .ae-stage{margin-top:145px}.ae-page .ae-stage .auth-card{padding:24px}.ae-page .ae-bubble{max-width:min(210px,55vw)}}

/* Compact login: legal navigation is outside the animated form. */
body.ae-page .app-shell-auth{min-height:100dvh}
body.ae-page main.main{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;width:100%;margin:0;padding:20px 24px;box-sizing:border-box}
body.ae-page .auth-card{width:min(100%,520px);max-width:520px;margin:0 auto;padding:24px 28px}
body.ae-page .ae-stage{margin:0 auto}
body.ae-page .ae-stage .auth-card{padding:24px 28px}
body.ae-page .auth-card:before,body.ae-page .ae-stage .auth-card:before{height:52px;width:136px;margin-bottom:8px;background-size:contain;background-repeat:no-repeat}
body.ae-page .auth-card h1{font-size:28px;line-height:1.2;margin:0 0 8px}
body.ae-page .auth-card>p{font-size:14px;line-height:1.4;margin:8px 0 14px}
body.ae-page .auth-card>p:last-child{margin:8px 0 0;font-size:12px}
body.ae-page .auth-card form.grid{gap:12px;background:transparent}
body.ae-page .auth-card label{font-size:14px;gap:5px}
body.ae-page .auth-card input:not([type=checkbox]):not([type=hidden]){height:44px;min-height:44px;padding:10px 12px;box-sizing:border-box}
body.ae-page .auth-card .auth-remember{padding:10px 12px;margin:0;gap:10px}
body.ae-page .auth-card .auth-remember small{font-size:11px;line-height:1.3}
body.ae-page .auth-card button.full{min-height:44px;padding:10px 14px}
body.ae-page .ae-person{top:150px;width:175px;left:-170px}
body.ae-page .ae-documents{position:fixed;right:22px;bottom:22px;width:280px;padding:14px 16px;background:#ffffffed;border:1px solid #dbe5fa;border-radius:14px;z-index:2;box-sizing:border-box}
body.ae-page .ae-documents .auth-legal-links{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;border:0;font-size:12px;line-height:1.35}
body.ae-page .ae-documents a{color:#2563eb;overflow-wrap:anywhere}
body.ae-page .ae-controls{position:fixed;top:12px;right:20px;margin:0;z-index:5}
body.ae-page .ae-controls[hidden]{display:none}
@media(max-width:1200px){body.ae-page main.main{justify-content:flex-start;padding-top:28px}body.ae-page .ae-documents{position:static;align-self:flex-end;width:min(100%,520px);margin:22px auto 0}}
@media(max-width:850px){body.ae-page main.main{padding:100px 16px 64px}body.ae-page .ae-stage{margin:0 auto}body.ae-page .ae-person{width:74px;left:4px;top:-85px}body.ae-page .ae-bubble{font-size:11px;left:100%;bottom:35%;max-width:220px}body.ae-page .ae-stage .auth-card{padding:20px}body.ae-page .ae-documents{padding:12px 14px;margin-top:16px}}
@media(min-width:1201px) and (max-height:700px){body.ae-page main.main{padding-top:12px;padding-bottom:12px}body.ae-page .ae-stage .auth-card{padding:18px 24px}body.ae-page .auth-card form.grid{gap:9px}body.ae-page .auth-card:before,body.ae-page .ae-stage .auth-card:before{height:42px}body.ae-page .auth-card>p{margin-bottom:10px}}

/* Shared blue platform mark, matching the public homepage. */
body.auth-main .auth-card:before,body.auth-main.ae-page .ae-stage .auth-card:before{width:52px;height:52px;background-image:url("/assets/brand/logo/platform_5610_icon_96.png?v=blue-20261003");background-size:contain;background-repeat:no-repeat;margin-bottom:16px}
