:root{--deep:#102f35;--deep-2:#173f45;--teal:#0f827a;--mint:#dff3ec;--coral:#e9796b;--ink:#17383c;--muted:#789094;--line:#dfe8e5;--paper:#f7f8f6;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(470px,.95fr)}.login-story{position:relative;overflow:hidden;background:var(--deep);color:#f3fbf8;padding:42px 56px 34px;display:flex;flex-direction:column;isolation:isolate}.login-story:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(116,210,188,.12);border-radius:50%;left:-210px;bottom:-250px;box-shadow:0 0 0 80px rgba(116,210,188,.025),0 0 0 160px rgba(116,210,188,.018);z-index:-1}.login-story:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 28%,black 72%,transparent);z-index:-2}.story-brand,.mobile-brand{display:flex;align-items:center;gap:12px}.story-brand>span,.mobile-brand>span{width:42px;height:42px;border-radius:13px;background:#2a7777;border:1px solid #61aaa0;display:grid;place-items:center;font:800 13px "DM Sans",sans-serif;color:#f5fffd;box-shadow:0 10px 30px rgba(3,21,24,.18)}.story-brand strong,.mobile-brand strong{font-size:16px;letter-spacing:.06em}.story-main{margin:auto 0;max-width:630px;padding:58px 0}.story-kicker,.form-kicker{font:700 10px "DM Sans",sans-serif;letter-spacing:.22em;color:#72d2b8;margin:0 0 18px}.story-main h1{font-size:clamp(40px,5vw,67px);line-height:1.13;letter-spacing:-.065em;margin:0;max-width:680px}.story-copy{max-width:530px;color:#9bb8b7;font-size:14px;line-height:1.9;margin:28px 0 34px}.dialogue-path{display:flex;align-items:center;gap:11px;max-width:590px}.path-message{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:12px;padding:12px 14px;color:#d9ebe7;font-size:11px;white-space:nowrap;backdrop-filter:blur(6px)}.path-message span{display:block;color:#72d2b8;font:700 9px "DM Sans",sans-serif;letter-spacing:.12em;margin-bottom:5px}.path-message.agent{transform:translateY(16px)}.path-message.coach{transform:translateY(-4px)}.path-line{height:1px;min-width:18px;flex:1;background:linear-gradient(90deg,rgba(114,210,184,.1),rgba(114,210,184,.7),rgba(114,210,184,.1))}.story-foot{margin:0;color:#678b8b;font-size:10px;letter-spacing:.08em}.login-panel{display:grid;place-items:center;padding:48px;background:radial-gradient(circle at 75% 10%,#fff 0,transparent 32%),var(--paper)}.login-card{width:min(420px,100%);background:var(--white);border:1px solid #e9efec;border-radius:22px;padding:40px 42px 34px;box-shadow:0 26px 80px rgba(16,47,53,.1)}.mobile-brand{display:none}.form-kicker{color:var(--teal);margin-bottom:10px}.login-card h2{font-size:30px;letter-spacing:-.055em;margin:0 0 8px}.form-lede{font-size:12px;line-height:1.7;color:#889c9d;margin:0 0 31px}.login-card label{display:block;color:#547274;font-size:11px;font-weight:700;margin:0 0 8px}.field-wrap{height:48px;display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;margin-bottom:19px;transition:.2s}.field-wrap:focus-within{border-color:#67bbae;background:#fff;box-shadow:0 0 0 4px rgba(15,130,122,.08)}.field-icon{width:43px;text-align:center;color:#7aa29e;font-size:15px}.field-wrap input{min-width:0;flex:1;height:100%;border:0;background:transparent;outline:0;color:var(--ink);font:500 13px "DM Sans","Noto Sans SC",sans-serif;padding:0 10px 0 0}.password-toggle{border:0;background:transparent;color:#6c8c8a;font-size:10px;height:100%;padding:0 14px}.password-toggle:hover{color:var(--teal)}.login-error{min-height:20px;color:#c35d52;font-size:11px;line-height:1.5;margin:-4px 0 9px}.login-submit{width:100%;height:49px;border:0;border-radius:11px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;font-size:13px;box-shadow:0 12px 24px rgba(15,130,122,.2);transition:.2s}.login-submit:hover{background:#0a6f69;transform:translateY(-1px)}.login-submit:focus-visible,.password-toggle:focus-visible{outline:3px solid rgba(15,130,122,.28);outline-offset:3px}.login-submit:disabled{opacity:.6;cursor:wait;transform:none}.login-submit b{font-size:18px;font-weight:400}.security-note{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #edf1ef;margin-top:26px;padding-top:20px;color:#8da1a0}.security-note>span{width:18px;height:18px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:9px;flex:none}.security-note p{font-size:10px;line-height:1.65;margin:0}.login-card.shake{animation:shake .32s ease}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-brand{display:flex;margin-bottom:38px}.mobile-brand>span{width:38px;height:38px}.mobile-brand strong{color:var(--ink)}.login-card{padding:30px 26px;border-radius:18px}.login-card h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}