.auth-scene{padding:0;display:grid;grid-template-columns:1fr 1fr;max-width:1060px;margin:48px auto 64px;background:#fcfcf8;border:1px solid #bac9c0;border-radius:30px;overflow:hidden;box-shadow:0 20px 65px #183c2c12}
.auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;padding:52px 40px;min-height:620px;color:#fff;background:linear-gradient(180deg,#173d40a6,#153c38ee),url('/assets/landing/coast.png') center/cover}
.auth-story h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1.4px;margin:20px 0}.auth-story>p{color:#e2ede5;font-size:15px;line-height:1.8;max-width:350px}.auth-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px}.auth-story-card{display:flex;gap:14px;align-items:center;border:1px solid #ffffff55;background:#ffffff14;border-radius:18px;padding:18px;margin-top:30px;backdrop-filter:blur(10px)}.auth-story-card>svg{width:32px;height:32px;flex-shrink:0}.auth-story-card b,.auth-story-card span{display:block}.auth-story-card span{font-size:12px;color:#dae8dc;margin-top:6px}.auth-story-caption{position:absolute;bottom:28px;font-size:11px;color:#c8d9ce}
.auth-scene .auth-modern{width:auto;max-width:none;margin:0;padding:40px;border:0;border-radius:0;box-shadow:none;background:#fcfcf8}.auth-modern h1{font-size:30px;letter-spacing:-1px;margin:12px 0}.auth-modern>p{font-size:13px;line-height:1.7;margin-bottom:26px;color:#52685d}.auth-modern>.auth-kicker{color:#517264}.auth-mode{display:flex;padding:5px;background:#e4ebe2;border:1px solid #c3cfc5;border-radius:14px;margin-bottom:28px}.auth-mode a{width:50%;text-align:center;padding:10px;color:#52665b;font-weight:700;border-radius:10px;text-decoration:none;font-size:13px}.auth-mode a[aria-current]{background:#205b4b;color:#fff;box-shadow:0 3px 8px #173c2c20}.auth-steps{display:flex;gap:22px;list-style:none;padding:0;margin:0 0 26px;font-size:11px;color:#718278}.auth-steps li{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.auth-steps li>span{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#e0e7dc;color:#546c60}.auth-steps .active{color:#205b4b;font-weight:800}.auth-steps .active>span{background:#205b4b;color:white}.auth-steps small{font-size:9px;font-weight:500}.auth-modern .field{margin-bottom:18px}.auth-modern .field input{background:#eff3ec;border:1.5px solid #a8bcae;min-height:48px;border-radius:12px;color:#183d32}.auth-modern .field input:focus{outline:3px solid #2b7b5d23;border-color:#297658}.auth-modern .field label{display:block;margin-bottom:7px;font-size:12px;font-weight:800}.auth-show-password{display:flex;gap:8px;align-items:center;font-size:12px;margin:-3px 0 22px;color:#52665b}.auth-show-password input{width:15px;height:15px;accent-color:#205b4b}.auth-modern .primary{display:flex;justify-content:center;gap:16px;align-items:center;border-radius:12px;min-height:48px;background:#205b4b}.auth-modern button:disabled{opacity:.55;cursor:wait}.auth-profile-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:#dbe8dd;color:#205b4b;margin-bottom:18px}.auth-profile-symbol svg{width:26px;height:26px}.auth-profile-hint{font-size:11px;line-height:1.7;color:#52685d}.auth-skip{background:#e3ebe0;border:1px solid #b7c8bb;border-radius:12px;color:#205b4b;min-height:44px;font-weight:700;margin-top:10px}.auth-back{border:0;background:none;color:#52685d;font-size:11px;display:block;margin:20px auto 0;padding:8px}.auth-skip:hover{background:#d3e2d0}.auth-modern .switch{font-size:12px;margin-top:24px}.auth-modern [hidden]{display:none!important}
.ai-welcome{max-width:460px;margin:30px auto;padding:28px;border-radius:24px;background:linear-gradient(145deg,#e2efe5,#e5eaf8);border:1px solid #b5cbbc;box-shadow:0 12px 35px #214b3510}.ai-welcome>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto;background:#205b4b;color:white;border-radius:18px}.ai-welcome h3{color:#193f33;font-size:23px}.ai-welcome p{color:#52675f;line-height:1.7}.ai-suggestions{display:grid;gap:8px;margin-top:20px}.ai-suggestions button{padding:12px 14px;border:1px solid #b6c9bd;border-radius:12px;background:#ffffffb8;color:#294a3d;text-align:left;font:inherit;font-size:12px;cursor:pointer}.ai-suggestions button:hover{background:#d2e7d8;border-color:#63957b}.chat-bubble.ai-reply{border-color:#afc7ba;background:#eff6ef;box-shadow:0 4px 12px #274d3310}.ai-typing{display:flex;align-items:center;gap:6px;padding:14px 18px;width:max-content;background:#e4ede8;border:1px solid #b2c8bc;border-radius:16px;margin:12px 0;color:#52685d;font-size:11px}.ai-typing i{width:6px;height:6px;border-radius:50%;background:#35795d;animation:ai-dot 1.2s infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}.ai-typing span{margin-left:6px}.message-thread:has(.ai-welcome){background:radial-gradient(ellipse at top,#d6e8df55,transparent 70%)}.ai-service-note{color:#466353;background:#e4eee5;border-top:1px solid #b8ccbe;padding:10px 16px;font-size:10px;line-height:1.6}
@keyframes ai-dot{0%,80%,100%{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(max-width:760px){.auth-scene{grid-template-columns:1fr;max-width:480px;margin:24px auto 40px;width:calc(100% - 28px);border-radius:22px}.auth-story{min-height:0;padding:26px}.auth-story h2{font-size:27px;margin:12px 0}.auth-story>p,.auth-story-card,.auth-story-caption{display:none}.auth-story .auth-kicker{font-size:9px}.auth-scene .auth-modern{padding:26px 22px}.auth-modern h1{font-size:27px}.auth-mode{margin-bottom:22px}.ai-welcome{padding:20px;margin:16px 0}.ai-welcome h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.ai-typing i{animation:none}}