.login-v3{padding:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);min-height:100dvh;background:#fff;overflow:hidden}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:center;padding:54px clamp(42px,7vw,92px);background:linear-gradient(145deg,#edf6f9 0%,#edf6f9 62%,#d9eeef 100%);overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-visual:before{width:360px;height:360px;right:-170px;top:-180px;background:#83c5be33}.login-visual:after{width:250px;height:250px;left:-140px;bottom:-140px;background:#ffddd280}.login-brand{position:absolute;top:42px;left:clamp(42px,7vw,92px);display:flex;align-items:center;gap:11px;color:#17172a;text-decoration:none}.login-brand span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#006d77;color:#fff;font-size:24px;font-weight:700;box-shadow:0 10px 25px #006d7729}.login-brand b{font-size:18px}.login-copy{position:relative;z-index:1;max-width:580px}.login-kicker{color:#006d77;font-size:10px;font-weight:700;letter-spacing:1.7px}.login-copy h1{margin:14px 0 18px;max-width:590px;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-3px;color:#172326}.login-copy p{max-width:510px;margin:0;font-size:16px;color:#62777a}.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.trust-row span{padding:8px 11px;border:1px solid #bcdede;border-radius:999px;background:#ffffffa3;color:#3c6266;font-size:10px;font-weight:600}.chat-preview{position:absolute;z-index:2;right:clamp(24px,5vw,72px);bottom:-188px;width:290px;height:385px;padding:17px;border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -8px 40px #255b6124;transform:rotate(2deg)}.preview-head{display:flex;align-items:center;gap:9px;padding-bottom:15px;border-bottom:1px solid #edf1f2}.preview-head>div:nth-child(2){display:flex;flex-direction:column;flex:1}.preview-head small{font-size:8px;color:#8b9b9d}.preview-head>span{font-size:11px}.preview-avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ffddd2;color:#9a5841;font-weight:700}.preview-day{text-align:center;margin:14px 0 11px;color:#9aa6a8;font-size:7px;font-weight:700}.preview-bubble{width:max-content;max-width:78%;padding:9px 11px;margin:7px 0;border-radius:13px 13px 13px 4px;background:#edf6f9;font-size:9px}.preview-bubble.mine{margin-left:auto;border-radius:13px 13px 4px 13px;background:#006d77;color:#fff}.preview-compose{position:absolute;left:17px;right:17px;bottom:15px;height:39px;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:14px;background:#f5f8f9;color:#83a0a3}.preview-compose i{flex:1;font-size:9px;font-style:normal}.preview-compose b{color:#006d77}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:54px clamp(38px,6vw,80px);background:#fff}.auth-icon{width:44px;height:44px;margin-bottom:27px;border-radius:15px;display:grid;place-items:center;background:#ffddd2;color:#e29578}.auth-panel h2{max-width:390px;margin:12px 0 10px;font-size:34px;line-height:1.08;letter-spacing:-1.3px}.auth-panel>p{max-width:400px;margin:0 0 28px;font-size:14px}.auth-panel .google-button{width:100%;max-width:410px;background:#006d77;border-radius:14px;box-shadow:0 10px 26px #006d7724}.auth-panel .google-button:hover{background:#005d66;transform:translateY(-1px)}.auth-panel .google-button b{color:#4285f4}.auth-reassurance{display:flex;align-items:center;gap:12px;max-width:410px;margin-top:15px;padding:14px;border:1px solid #dbecee;border-radius:14px;background:#edf6f980}.auth-reassurance>span{color:#006d77}.auth-reassurance div{display:flex;flex-direction:column}.auth-reassurance strong{font-size:11px}.auth-reassurance small{margin-top:2px;color:#7c9194;font-size:9px}.auth-panel footer{max-width:410px;margin-top:20px;color:#9aa8aa;font-size:9px;text-align:center}.auth-panel footer a{color:#647c7f}
@media(max-width:719px){.login-v3{display:flex;min-height:100dvh;padding:0;background:#fff}.login-visual{display:block;flex:none;padding:0;background:none;overflow:visible}.login-visual:before,.login-visual:after,.chat-preview{display:none}.login-brand{position:absolute;z-index:2;top:calc(25px + env(safe-area-inset-top));left:23px}.login-brand span{width:38px;height:38px;border-radius:13px}.login-copy{position:absolute;z-index:1;top:calc(105px + env(safe-area-inset-top));left:23px;right:23px}.login-copy .login-kicker,.login-copy p,.trust-row{display:none}.login-copy h1{margin:0;max-width:320px;font-size:37px;line-height:1.03;letter-spacing:-1.8px}.auth-panel{width:100%;justify-content:flex-end;padding:260px 23px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(circle at 94% 4%,#83c5be45 0,transparent 32%),linear-gradient(180deg,#edf6f9 0 245px,#fff 245px)}.auth-icon{display:none}.auth-panel>.login-kicker{margin-bottom:8px}.auth-panel h2{font-size:25px;margin:0 0 8px}.auth-panel>p{font-size:13px;margin-bottom:22px}.auth-panel .google-button{max-width:none}.auth-reassurance{max-width:none}.auth-panel footer{max-width:none;margin-top:18px}}
@media(min-width:720px) and (max-width:980px){.login-v3{grid-template-columns:1fr 380px}.login-visual{padding:50px}.login-brand{left:50px}.login-copy h1{font-size:44px;letter-spacing:-2px}.chat-preview{display:none}.auth-panel{padding:44px 36px}}
@media(min-width:720px){.app-shell:not(.has-desktop-nav) .login-screen.login-v3{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);grid-template-rows:1fr;padding:0;column-gap:0;align-items:stretch}.app-shell:not(.has-desktop-nav) .login-screen.login-v3>div,.app-shell:not(.has-desktop-nav) .login-screen.login-v3>aside{grid-column:auto;grid-row:auto;margin:0;align-self:stretch}}