.login-page{min-height:100dvh;background:#faf8f2;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:10px;margin:32px 5%;font-weight:600;font-size:20px;letter-spacing:1px;width:max-content}.login-brand>span{font-size:35px;color:#8f9e78;line-height:1}.login-main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 24px 60px}.login-card{width:min(100%,370px);position:relative;padding:12px 0 0}.login-decoration{color:#acb891;font:39px Georgia,serif;display:inline-block;transform:rotate(12deg);margin-bottom:21px}.login-card h1{font:500 32px 'Noto Serif SC','Microsoft YaHei',serif;letter-spacing:1px;line-height:1.5;margin:0 0 10px}.login-subtitle{color:#9b9d8d;font-size:12px;margin:0 0 36px}.login-card label{display:block;color:#6f785f;font-size:12px;margin:19px 0 9px}.login-card input{display:block;width:100%;font:13px 'DM Sans','Microsoft YaHei',sans-serif;background:#fffdf7;border:1px solid #e1e3d6;border-radius:9px;padding:15px;color:#404735;min-height:49px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{outline:0;border-color:#9aaa81;box-shadow:0 0 0 3px #b5c39920}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{border:0;background:transparent;color:#9c9f90;font-size:10px;position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px}.login-message{font-size:11px;color:#b17e6d;line-height:1.8;margin:12px 0;min-height:20px;overflow-wrap:anywhere}.login-submit{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;min-height:49px;border:0;border-radius:9px;background:#637751;color:#fffdf3;font-size:13px;cursor:pointer;transition:background .2s}.login-submit span{font-size:20px;line-height:1}.login-submit:hover{background:#536644}.login-submit:disabled{opacity:.65;cursor:wait}.login-switch{text-align:center;font-size:11px;color:#a0a18e;margin:24px 0 0}.login-switch button{border:0;background:transparent;color:#74885c;padding:6px;font-size:11px}.login-home{font-size:10px;color:#a1a38f;margin-top:46px}.login-footer{display:block!important;width:100%;max-width:none;padding:0 20px 24px;text-align:center;font-size:10px;color:#b0b29f;letter-spacing:1px}.switch-account{display:block;margin:18px auto 0;border:0;background:transparent;color:#8b987a;font-size:11px;padding:8px}#signed-in-name{font-size:12px;color:#879277;overflow-wrap:anywhere;margin:0 0 20px}.login-card [hidden]{display:none!important}@media(max-width:700px){.login-brand{margin:25px 7%;font-size:18px}.login-main{justify-content:flex-start;padding:45px 8% 40px}.login-card h1{font-size:29px}.login-decoration{font-size:33px;margin-bottom:18px}.login-subtitle{margin-bottom:28px}.login-home{margin-top:35px}.login-footer{padding-bottom:22px}}

.email-code-row{display:flex;align-items:stretch;gap:9px}.email-code-row input{flex:1;min-width:0;letter-spacing:3px}.email-code-row button{flex-shrink:0;border:1px solid #dce3cf;border-radius:9px;background:#eef3e3;color:#74865d;padding:10px 12px;font-size:11px;cursor:pointer}.email-code-row button:disabled{opacity:.55;cursor:not-allowed}.mail-note{font-size:10px;line-height:1.8;color:#97a087;margin:9px 0 0}.forgot-password{display:block;margin:13px 0 0 auto;border:0;background:none;color:#8a9878;font-size:11px;cursor:pointer;padding:5px}#email-code-field[hidden],.forgot-password[hidden]{display:none!important}
/* Aurora: a curtain of light meeting a quiet writing desk. */
.login-page{background:#f5f3eb;color:#263d35}.login-brand{margin:25px 4%;font-size:23px;letter-spacing:4px}.login-brand>span{color:#567b68}.login-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:stretch;gap:0;margin:0 4%;padding:0;min-height:690px;flex:1;border:1px solid #dce2d7;border-radius:26px;overflow:hidden;background:#fffdf7;box-shadow:0 20px 65px #263f3410}.aurora-story{position:relative;isolation:isolate;overflow:hidden;background:#102e2b;display:flex;flex-direction:column;padding:42px 48px;color:#edf8e9;min-height:690px}.aurora-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 75% 15%,#32534d 0,transparent 60%),linear-gradient(160deg,#122d2e,#102b29 65%,#1b3b32)}.light{position:absolute;display:block;top:-32%;height:145%;width:45%;filter:blur(26px);transform:rotate(32deg);border-radius:50%;animation:light-drift 16s ease-in-out infinite alternate;opacity:.75}.light-one{left:30%;background:linear-gradient(90deg,transparent,#9bd5a930,#b9efbd88,#68cca650,transparent);width:34%}.light-two{left:64%;top:-50%;width:24%;background:linear-gradient(90deg,transparent,#bdc5e965,#c9c2dc33,transparent);animation-delay:-6s}.light-three{left:17%;width:12%;background:linear-gradient(90deg,transparent,#c9e9a94d,transparent);opacity:.6;animation-delay:-10s}.sky-stars{position:absolute;inset:0;opacity:.65;background-image:radial-gradient(circle,#e7f0db 1px,transparent 1.6px),radial-gradient(circle,#e7f0db 1px,transparent 1.6px);background-size:151px 173px,233px 277px;background-position:24px 51px,88px 12px}.sky-orbit{position:absolute;width:640px;height:640px;border:1px solid #d2e9cf19;border-radius:50%;bottom:-390px;left:-40px;box-shadow:0 0 0 65px #d2e9cf06,0 0 0 130px #d2e9cf04}.story-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2.5px;color:#d8ead4b3}.story-top>span:last-child{font-size:28px}.story-title{margin:auto 0;padding:60px 0}.story-title>p:first-child{font-size:12px;letter-spacing:3px;color:#d2e4ce;margin-bottom:28px}.story-title h2{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:clamp(40px,4.8vw,72px);font-weight:400;line-height:1.38;letter-spacing:5px;margin:0;color:#f4f6e9}.story-title h2 em{font-style:normal;color:#cce4b6}.story-rule{display:block;width:40px;height:1px;background:#cce4b67d;margin:30px 0 23px}.story-description{font-size:13px;line-height:2.1;letter-spacing:2px;color:#d3e5d3b3}.story-bottom{display:flex;align-items:center;gap:19px;border-top:1px solid #cde4ce26;padding-top:23px}.story-bottom>span:first-child{font:30px 'SimSun',serif;letter-spacing:7px}.story-bottom p{font-size:8px;line-height:1.9;letter-spacing:2px;color:#c6ddc39e;margin:0}.north-star{margin-left:auto;font-size:32px;color:#c9dcae}.login-panel{padding:50px 44px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at top right,#edf1e451,transparent 65%),#fffdf7}.panel-caption{font-size:9px;letter-spacing:2.3px;color:#8b9a84;margin-bottom:30px;width:min(100%,370px)}.login-card{padding:0}.login-decoration{display:none}.login-card h1{font-size:34px;color:#284138}.login-subtitle{font-size:12px;color:#879280;margin-bottom:32px}.login-card label{color:#526b5d;font-size:12px}.login-card input{background:#f8f9f2;border-color:#dce4d6;border-radius:10px;font-size:14px;padding:16px}.login-card input:focus{border-color:#5c8d73;box-shadow:0 0 0 3px #67957818}.login-submit{background:#315d4c;border-radius:10px;padding:16px 20px;font-size:14px;box-shadow:0 5px 14px #315d4c14}.login-submit:hover{background:#234b3b}.login-home{margin-top:32px;font-size:11px}.login-footer{padding:19px!important;margin:0!important;letter-spacing:2px;font-size:10px}.login-switch button,.forgot-password{font-size:12px}.login-message{font-size:12px}.login-page button:focus-visible,.login-page a:focus-visible{outline:2px solid #739a71;outline-offset:4px}.login-page .email-code-row button{font-size:12px}
@keyframes light-drift{from{transform:translateX(-12px) rotate(28deg) scaleX(.9)}to{transform:translateX(24px) rotate(36deg) scaleX(1.12)}}
@media(min-width:1600px){.login-main{max-width:1450px;width:92%;margin:0 auto}.aurora-story{padding:50px 65px}}
@media(max-width:850px){.login-main{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);margin:0 3%;min-height:650px}.aurora-story{padding:30px 26px;min-height:650px}.story-title h2{font-size:42px;letter-spacing:2px}.story-title>p:first-child{letter-spacing:1px;font-size:11px}.login-panel{padding:35px 28px}.story-top{font-size:8px;letter-spacing:1.5px}}
@media(max-width:650px){.login-brand{margin:20px 7%;font-size:20px}.login-main{display:flex;flex-direction:column;margin:0 5%;border-radius:22px;min-height:auto}.aurora-story{min-height:245px;padding:24px 27px}.story-title{padding:23px 0 5px;margin:0}.story-title h2{font-size:31px;line-height:1.3;letter-spacing:3px}.story-title h2 br{display:none}.story-title h2 em{display:block}.story-title>p:first-child{margin:0 0 12px;font-size:10px;letter-spacing:1px}.story-rule,.story-description,.story-bottom{display:none}.login-panel{padding:30px 27px 28px}.panel-caption{margin-bottom:19px;font-size:8px}.login-card h1{font-size:27px}.login-subtitle{margin-bottom:20px}.login-home{margin-top:25px}.login-footer{font-size:9px}.light{filter:blur(17px)}}
@media(prefers-reduced-motion:reduce){.light{animation:none}.login-page *{scroll-behavior:auto!important;transition:none!important}}

/* Living light, without moving the form or its text. */
.aurora-sky{transform:translate(var(--aurora-x,0px),var(--aurora-y,0px)) scale(1.07);transition:transform 1.3s ease-out}.light{transform-origin:50% 15%;animation:aurora-curtain 12s ease-in-out infinite alternate;will-change:transform,opacity}.light-one{width:39%;filter:blur(20px);animation-duration:13s}.light-two{filter:blur(23px);animation-duration:17s;animation-delay:-8s}.light-three{width:17%;filter:blur(15px);animation-duration:10s;animation-delay:-4s}.sky-stars{animation:star-breathe 7s ease-in-out infinite alternate}.aurora-sky:after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 55% 30%,#b6edb52b,transparent 48%);mix-blend-mode:screen;animation:aurora-glow 11s ease-in-out infinite alternate;pointer-events:none}
@keyframes aurora-curtain{0%{transform:translate(-30px,-8px) rotate(23deg) skewX(-9deg) scaleX(.72);opacity:.48}45%{opacity:.88}100%{transform:translate(45px,22px) rotate(39deg) skewX(11deg) scaleX(1.3);opacity:.7}}
@keyframes star-breathe{0%{opacity:.35}55%{opacity:.75}100%{opacity:.45}}
@keyframes aurora-glow{from{transform:translate(-5%,-3%) scale(.9);opacity:.4}to{transform:translate(6%,6%) scale(1.16);opacity:.9}}
@media(prefers-reduced-motion:reduce){.aurora-sky{transform:none;transition:none}.light,.sky-stars,.aurora-sky:after{animation:none;will-change:auto}}