@charset "UTF-8";
:root{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#292a26;background:#efeeea;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent:#ed622d;--muted:#92928a;--line:#e6e5df}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 30% 10%,#faf9f5,transparent 65%);padding:0 48px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ed622d66;outline-offset:4px}button:disabled{cursor:wait}[hidden]{display:none!important}button{-webkit-tap-highlight-color:transparent}.site-header,.site-footer{width:100%;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header{height:91px;flex-shrink:0}.brand{display:flex;gap:18px;align-items:center}.brand img{width:43px;height:33px}.brand>span{height:25px;width:1px;background:#cecec7}.brand p{font-size:9px;line-height:1.55;letter-spacing:1.45px;font-weight:500;margin:0;color:#75776d}.motion-toggle{display:flex;align-items:center;gap:9px;border:1px solid #dcdcd5;background:#ffffff70;border-radius:30px;padding:9px 13px;color:#72746b;font-size:11px;transition:background .2s}.motion-toggle:hover{background:#fff}.motion-toggle svg{height:14px;width:14px;margin-left:4px}.live-dot{width:5px;height:5px;background:#ed7e44;border-radius:50%;box-shadow:0 0 0 3px #ed7e4410}.login-card{position:relative;display:grid;grid-template-columns:1.06fr 1fr;width:100%;max-width:1160px;min-height:618px;margin:0 auto;padding:12px;border:1px solid #fff;border-radius:28px;background:#fff;box-shadow:0 26px 70px -42px #49463e50,0 2px 12px #55532d04;overflow:hidden}.scene{position:relative;min-height:592px;overflow:hidden;border-radius:19px;isolation:isolate;background:radial-gradient(ellipse at 51% 54%,#fffdf8 0%,#f4f0e7 50%,#e9e7df 100%);--look-x:0px;--look-y:0px}.scene::after{content:"";position:absolute;width:700px;height:700px;border:1px solid #fff7;border-radius:50%;top:106px;left:-48px;pointer-events:none;z-index:-1}.scene-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}.scene-copy{position:relative;margin:37px 39px;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:550;color:#8a8b82;display:flex;align-items:center;gap:7px}.eyebrow i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.scene-copy h2{font-size:31px;letter-spacing:1.5px;line-height:1.38;font-weight:550;margin:18px 0 0}.scene-copy h2 span,.form-heading h1 span,.success-view h1 span{color:var(--accent)}.mascot-position{position:absolute;left:50%;top:49%;width:390px;max-width:86%;transform:translate(-50%,-34%);z-index:4}.mascot{display:block;border:0;background:transparent;padding:0;width:100%;line-height:0;transform:translateX(var(--lean,0px)) rotate(var(--tilt,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1);border-radius:42%;outline-offset:0}.mascot-breathe{display:block;position:relative;animation:breathe 5s ease-in-out infinite;filter:drop-shadow(0 18px 13px #7d766019)}.mascot img{width:100%;height:auto;user-select:none;pointer-events:none}.face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.face-look{transform:translate(var(--look-x),var(--look-y));transition:transform .3s ease-out}.blink{transform-box:fill-box;transform-origin:50% 50%;animation:blink 6.5s infinite}.closed-eyes,.happy-eyes{opacity:0;transition:opacity .16s}.blush{opacity:0;transition:opacity .25s}.is-private .open-eyes,.is-happy .open-eyes{opacity:0}.is-private .closed-eyes{opacity:1}.is-happy:not(.is-private) .happy-eyes{opacity:1}.is-private .blush,.is-happy .blush{opacity:.28}.is-private .face-look{transform:translate(0,7px)}.is-private .mascot{transform:translateX(0) rotate(-3deg)}.is-booping .mascot-breathe{animation:boop .85s cubic-bezier(.3,.8,.3,1)}.mascot-note{position:absolute;z-index:5;top:36%;right:20px;margin:0;background:#fffdf8e8;padding:12px 15px;border-radius:14px 14px 14px 3px;border:1px solid #fff;box-shadow:0 5px 14px #74653d07;font-size:11px;color:#79796c;transform:rotate(4deg);transition:background .3s}.ground-shadow{position:absolute;width:230px;height:25px;left:50%;bottom:74px;transform:translateX(-50%);border-radius:50%;background:#9a9480;filter:blur(15px);opacity:.21;animation:shadow 5s ease-in-out infinite}.decor{position:absolute;pointer-events:none}.striped{width:151px;height:151px;right:-44px;top:43px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#ffffffb0 0,transparent 42%),repeating-linear-gradient(132deg,#f3be3a 0 13px,#ffe9a1 13px 17px,#f9f3e3 17px 30px);box-shadow:inset -19px -14px 24px #b87a1447,inset 8px 7px 10px #ffffff70,0 25px 33px #9d793619;transform:rotate(-18deg);animation:orb 11s ease-in-out infinite}.glass-orb{width:60px;height:60px;left:39%;top:30%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff 0,#fff6 9%,transparent 24%),radial-gradient(circle at 40% 35%,#ffffff0a 30%,#fff8 70%,#d3d2c077 100%);box-shadow:inset 3px 3px 5px #fff,inset -3px -3px 10px #aaa88b40,0 10px 20px #afaa9222;border:1px solid #fff9;animation:glass 8s ease-in-out infinite}.torus{left:-46px;top:44%;width:126px;height:126px;border:24px solid #ebeded;border-radius:50%;transform:rotate3d(1,1,0,38deg);box-shadow:inset 4px 5px 7px #a7a7a46b,inset -4px -4px 6px #fff,5px 10px 14px #8a867c26,-4px -4px 5px #fff;background:transparent;animation:torus 10s ease-in-out infinite}.orange-pebble{height:105px;width:105px;right:-15px;bottom:88px;border-radius:32% 37% 37% 40%;background:radial-gradient(ellipse at 20% 18%,#ffce91 0,#ff8a37 32%,#f65f16 66%,#cb4a16 100%);box-shadow:inset 4px 3px 9px #ffefbd88,inset -5px -6px 12px #b6421740,0 18px 26px #a5713d22;transform:rotate(22deg);animation:pebble 9s ease-in-out infinite}.small-bead{width:24px;height:24px;bottom:124px;left:35px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffedb1,#f6c34e 40%,#e09f25 90%);box-shadow:0 8px 12px #c2a75a30;animation:glass 7s -3s ease-in-out infinite}.spark{position:absolute;z-index:1;pointer-events:none;color:#b7b4a2;width:16px;height:16px}.spark-one{top:36%;left:65px;transform:rotate(12deg)}.spark-two{bottom:168px;right:40px;width:12px;height:12px}.scene-bottom{position:absolute;bottom:26px;left:31px;right:31px;display:flex;flex-direction:column;align-items:center;gap:9px;z-index:5;pointer-events:none}.scene-caption{font-size:12px;letter-spacing:1px;color:#65685b}.scene-status{font-size:9px;color:#9a9a8f;letter-spacing:.35px}.form-panel{padding:27px 56px 22px;display:flex;flex-direction:column;min-width:0}.form-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.form-logo{object-fit:contain;width:45px;height:34px}.preview-badge{font-size:8px;letter-spacing:1.15px;color:#a1a397;display:flex;align-items:center;gap:6px}.preview-badge i{width:4px;height:4px;border-radius:50%;background:#c5c6bb}.form-heading>.eyebrow{font-size:9px;letter-spacing:2.1px;margin:0 0 12px;color:#9b9d91}.form-heading h1{font-size:34px;font-weight:550;letter-spacing:1.5px;line-height:1.3;margin:0 0 12px}.form-heading>p:last-child{font-size:12px;color:#96988d;letter-spacing:.3px;margin:0 0 30px}.field{margin-bottom:20px}.field label{font-size:11px;font-weight:500;display:block;margin-bottom:9px;color:#5b5d54;letter-spacing:.6px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{height:47px;padding:0 44px 0 40px;border:1px solid #e5e5dd;border-radius:8px;background:#fafaf7;width:100%;font-size:12px;letter-spacing:.1px;color:#33352e;transition:border .2s,box-shadow .2s,background .2s;outline:none}.input-wrap input::placeholder{color:#b2b3a9;font-size:11px}.input-wrap input:focus{border-color:#e99c7c;background:#fff;box-shadow:0 0 0 3px #ef895111}.input-wrap input[aria-invalid=true]{border-color:#cc5942}.field-icon{position:absolute;left:14px;top:15px;width:16px;height:16px;fill:none;stroke:#a1a496;stroke-width:1.35;pointer-events:none}.input-wrap:focus-within .field-icon{stroke:var(--accent)}#password-toggle{position:absolute;right:6px;top:5px;border:0;background:none;width:36px;height:36px;color:#9b9e90;display:flex;align-items:center;justify-content:center;border-radius:6px}#password-toggle:hover{background:#eeeee7;color:#5e6155}#password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.form-options{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:0}.check-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#8a8d7e;cursor:pointer}.check-label input{accent-color:var(--accent);height:12px;width:12px;margin:0;cursor:pointer}.privacy-note{font-size:9px;color:#a0a393;display:flex;align-items:center;gap:4px}.privacy-note svg{width:12px;height:12px}.form-error{color:#b94e38;font-size:10px;min-height:15px;margin:12px 0 7px;line-height:1.5}.primary-button{height:47px;width:100%;border:0;border-radius:8px;background:#30332b;color:white;font-size:12px;display:flex;align-items:center;justify-content:center;gap:15px;letter-spacing:1.2px;box-shadow:0 5px 10px #3d463012;transition:background .2s,transform .2s,box-shadow .2s}.primary-button:hover{background:#e66b36;box-shadow:0 7px 16px #e66b3625;transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.button-arrow{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.primary-button:hover .button-arrow{transform:translateX(4px)}.explore-row{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:22px;color:#a1a396;font-size:10px}.explore-row button{background:none;border:0;color:#656b56;padding:5px 1px;font-size:10px}.explore-row button span{margin-left:4px;color:#e7743f}.explore-row button:hover{color:#e7743f}.demo-disclaimer{font-size:8px;letter-spacing:.25px;color:#b0b2a7;text-align:center;margin:auto -10px 1px;padding-top:26px;line-height:1.6}.site-footer{height:65px;flex-shrink:0;color:#9b9e90}.site-footer p{margin:0;font-size:8px;letter-spacing:1.7px}.site-footer>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.8px}.site-footer i{background:#c6c8bb;width:4px;height:4px;border-radius:50%}.spinner{display:none;width:15px;height:15px;border:1.5px solid #ffffff70;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.is-loading .spinner{display:inline-block}.is-loading .button-arrow{display:none}.success-view{margin-top:25px}.success-mark{width:55px;height:55px;color:#f07941;background:#fff1e7;border:1px solid #fce1d0;border-radius:18px;display:grid;place-items:center;margin-bottom:30px;transform:rotate(-6deg)}.success-mark svg{width:34px;height:34px}.success-view h1{font-weight:550;font-size:29px;letter-spacing:1px;margin:12px 0 17px}.success-view>p:not(.eyebrow){font-size:12px;color:#9a9c90;line-height:1.9}.demo-account{font-size:11px;margin:27px 0;background:#f7f7f3;border:1px solid #edeee5;padding:15px 12px;border-radius:8px;display:flex;gap:8px;align-items:center;color:#7c806e;min-width:0}.demo-account>i{height:5px;width:5px;flex-shrink:0;background:#e4844e;border-radius:50%}.demo-account>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-tag{margin-left:auto;font-size:8px;white-space:nowrap;color:#a8ab9c}.success-view>p.success-caption{text-align:center;font-size:9px;margin-top:14px}.is-motion-paused *,.is-motion-paused *::before,.is-motion-paused *::after{animation-play-state:paused!important;transition:none!important}.is-motion-paused .live-dot{background:#b5b8a9;box-shadow:none}.is-motion-paused .mascot{transform:none}.is-motion-paused .face-look{transform:none}.is-motion-paused .blink{animation:none;transform:none}
@keyframes breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes shadow{0%,100%{opacity:.21;scale:1}50%{opacity:.14;scale:.87}}@keyframes blink{0%,38%,41%,72%,75%,100%{transform:scaleY(1)}39.5%,73.5%{transform:scaleY(.07)}}@keyframes boop{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-27px) rotate(-5deg)}55%{transform:translateY(-14px) rotate(4deg)}80%{transform:translateY(3px) rotate(-2deg)}}@keyframes orb{0%,100%{transform:translate(0,0) rotate(-18deg)}50%{transform:translate(-7px,14px) rotate(0deg)}}@keyframes glass{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-17px)}}@keyframes torus{0%,100%{transform:translateY(0) rotate3d(1,1,0,38deg)}50%{transform:translateY(-15px) rotate3d(1,1,0,57deg)}}@keyframes pebble{0%,100%{transform:translateY(0) rotate(22deg)}50%{transform:translateY(-18px) rotate(40deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-height:850px) and (min-width:901px){body{justify-content:center}.site-header{height:100px;margin:0 auto}.site-footer{margin:0 auto}.login-card{min-height:670px}.scene{min-height:644px}.form-panel{padding-top:37px;padding-bottom:25px}.form-topline{margin-bottom:45px}.form-heading>p:last-child{margin-bottom:36px}.field{margin-bottom:24px}.input-wrap input,.primary-button{height:50px}.field-icon{top:17px}#password-toggle{top:7px}.mascot-position{width:420px;top:48%}.ground-shadow{bottom:86px}.scene-bottom{bottom:30px}.mascot-note{top:35%}}
@media(min-width:1600px){.login-card,.site-header,.site-footer{max-width:1240px}.form-panel{padding-left:70px;padding-right:70px}.mascot-position{width:440px}}
@media(max-width:1100px){body{padding:0 28px}.form-panel{padding-left:34px;padding-right:34px}.scene-copy{margin-left:27px}.scene-copy h2{font-size:29px}.mascot-position{max-width:94%}.mascot-note{right:13px;font-size:10px;padding:10px}.privacy-note{font-size:8px}}
@media(max-width:900px) and (min-width:681px){body{padding:0 22px}.login-card{grid-template-columns:.95fr 1fr;min-height:600px}.form-panel{padding-left:24px;padding-right:24px}.scene{min-height:574px}.scene-copy h2{font-size:26px}.scene-copy .eyebrow{font-size:7px;letter-spacing:1px}.mascot-position{top:49%;width:350px;max-width:100%}.mascot-note{top:37%;font-size:9px}.scene-bottom{left:12px;right:12px}.scene-caption{font-size:11px}.form-heading h1{font-size:31px}.preview-badge{font-size:6px}.privacy-note{display:none}.form-topline{margin-bottom:36px}.ground-shadow{bottom:110px;width:160px}}
@media(max-width:680px){body{padding:0 16px}.site-header{height:72px}.brand{gap:12px}.brand img{width:34px;height:26px}.brand p{font-size:7px;letter-spacing:1.1px}.brand>span{height:20px}.motion-toggle{font-size:9px;padding:8px 10px;gap:7px}.motion-toggle svg{margin-left:0;width:12px;height:12px}.login-card{display:flex;flex-direction:column;padding:8px;min-height:0;border-radius:23px}.scene{min-height:290px;border-radius:17px}.scene-copy{margin:25px 24px}.scene-copy .eyebrow{font-size:6px;letter-spacing:.9px}.scene-copy h2{font-size:24px;line-height:1.4;margin-top:14px}.mascot-position{width:240px;max-width:none;left:auto;right:-13px;top:42px;transform:none}.mascot-note{top:auto;bottom:12px;right:31px;font-size:8px;padding:8px 11px}.ground-shadow{left:auto;right:39px;bottom:17px;width:110px;height:12px;transform:none;filter:blur(9px)}.scene-bottom{left:24px;right:auto;bottom:25px;align-items:flex-start;gap:7px;width:120px}.scene-caption{font-size:8px;letter-spacing:.4px}.scene-status{font-size:7px;line-height:1.6;max-width:100px}.striped{width:90px;height:90px;right:-28px;top:-26px;background-size:auto;opacity:.8}.glass-orb{width:30px;height:30px;left:42%;top:46%}.torus{width:64px;height:64px;border-width:13px;left:-30px;top:55%}.orange-pebble{width:52px;height:52px;bottom:22px;right:-28px;border-radius:17px}.small-bead{width:14px;height:14px;left:40%;bottom:30px}.spark-one{width:11px;height:11px;top:55%;left:33%}.spark-two{display:none}.form-panel{padding:26px 23px 16px}.form-topline{margin-bottom:25px}.form-logo{width:36px;height:27px}.preview-badge{font-size:7px}.form-heading h1{font-size:29px;margin-bottom:10px}.form-heading>.eyebrow{font-size:8px;margin-bottom:10px}.form-heading>p:last-child{font-size:11px;margin-bottom:24px}.field{margin-bottom:18px}.input-wrap input{height:48px;font-size:14px}.input-wrap input::placeholder{font-size:12px}.field label{font-size:11px}.check-label{font-size:10px}.privacy-note{font-size:9px}.primary-button{height:48px}.demo-disclaimer{font-size:7px;padding-top:22px;letter-spacing:0}.explore-row{margin-top:18px}.site-footer{height:59px;justify-content:center}.site-footer>span{display:none}.site-footer p{font-size:6px;letter-spacing:1.2px}.success-view{margin:2px 0 10px}.success-mark{margin-bottom:24px}.success-view h1{font-size:28px}.demo-account{margin:24px 0}.is-private .mascot-note{background:#fff4e6}}
@media(max-width:380px){body{padding:0 10px}.scene{min-height:260px}.scene-copy{margin:23px 19px}.scene-copy h2{font-size:21px}.mascot-position{width:215px;right:-17px;top:43px}.scene-bottom{left:20px;bottom:20px}.mascot-note{right:13px}.form-panel{padding-left:18px;padding-right:18px}.scene-copy .eyebrow{font-size:5px}}
@media(max-width:680px){.input-wrap input{font-size:16px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) *,body:not(.motion-opt-in) *::before,body:not(.motion-opt-in) *::after{animation:none!important;transition:none!important}}

/* A small character rig: eyes lead, head follows, body catches up. */
.mascot-position{perspective:850px}
.mascot{transform:translate(var(--lean,0px),var(--body-y,0px)) rotate(var(--tilt,0deg));transform-origin:50% 86%;transition:none}
.mascot-turn{display:block;transform:perspective(850px) rotateY(var(--yaw,0deg)) rotateX(var(--pitch,0deg));transform-origin:50% 72%;will-change:transform}
.mascot-rig{display:block;width:100%;height:auto;overflow:visible;pointer-events:none}
.mascot-head{transform:translate(var(--head-x,0px),var(--head-y,0px)) rotate(var(--head-roll,0deg));transform-origin:630px 850px;will-change:transform}
.face-look{transform:translate(var(--face-x,0px),var(--face-y,0px));transition:none}
.eye-track{transform:translate(var(--look-x,0px),var(--look-y,0px));will-change:transform}
.is-private .mascot{transform:translate(var(--lean,0px),var(--body-y,0px)) rotate(var(--tilt,0deg))}
.is-private .face-look{transform:translate(0,7px)}
.is-private .eye-track{transform:none}
.is-curious .blush{opacity:.16}
.is-tracking .mascot-breathe{animation-duration:7s}
.is-motion-paused .mascot,.is-motion-paused .mascot-turn,.is-motion-paused .mascot-head,.is-motion-paused .face-look,.is-motion-paused .eye-track{transform:none}
.mascot-note{pointer-events:none}
.scene{user-select:none}
@media(max-width:680px){.mascot-position{right:7px}}
@media(max-width:480px){.scene{min-height:310px}.scene-copy h2{font-size:21px;letter-spacing:.6px}.scene-copy h2 br{display:none}.mascot-position{width:220px;top:75px;right:8px}.mascot-note{top:136px;left:22px;right:auto;bottom:auto;max-width:108px;font-size:8px}.scene-bottom{bottom:22px}.ground-shadow{right:52px;bottom:18px}}