:root{font-family:Inter,"Segoe UI",sans-serif;color:#fff;background:#052a38;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.auth-shell{min-height:100vh;display:grid;background:#052a38;overflow:hidden}.hero,.welcome{position:relative;background:#052a38;isolation:isolate}.hero:before,.hero:after,.welcome:before,.welcome:after,.visual:before{content:"";position:absolute;border-radius:48% 52% 42% 58%;background:#0a4051;z-index:-1}.hero:before{width:730px;height:520px;left:-280px;top:80px;transform:rotate(20deg)}.hero:after{width:760px;height:480px;left:130px;bottom:-350px;transform:rotate(13deg)}.landing{grid-template-columns:minmax(520px,1.05fr) minmax(500px,.95fr)}.hero{padding:70px clamp(45px,7vw,130px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:850;letter-spacing:.04em}.brand img,.mobile-brand img{width:58px;height:58px;object-fit:contain;border-radius:16px}.brand b{color:var(--accent)}.hero-copy{margin:auto 0;max-width:720px}.eyebrow{display:inline-flex;color:#8edcc5;font-weight:750;letter-spacing:.03em;margin-bottom:18px}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.02;letter-spacing:-.045em;margin:0}.hero-copy>p{max-width:650px;color:#c5d8df;font-size:19px;line-height:1.6;margin:25px 0 30px}.primary-action,.submit-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--accent);color:white;text-decoration:none;font-weight:800;min-height:50px;padding:0 27px;cursor:pointer;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 25%,transparent);transition:transform .18s,filter .18s}.primary-action:hover,.submit-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.support{font-size:14px;color:#c5d8df}.support a{color:#7ee0bc;font-weight:750}.notice{display:inline-flex;margin-bottom:17px;padding:10px 13px;border:1px solid #4ca98c;border-radius:8px;background:#0b463f;color:#d9fff2}.visual{position:relative;display:grid;place-items:center;background:#062d3c}.visual:before{width:820px;height:610px;right:-250px;top:-120px;background:#0b4354;transform:rotate(-12deg)}.visual-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);filter:blur(80px)}.demo-card{position:absolute;border:1px solid #ffffff35;border-radius:17px;background:#ffffff17;box-shadow:0 30px 80px #00182066;backdrop-filter:blur(16px);color:white}.call-card{top:25%;left:12%;width:300px;padding:20px;display:flex;align-items:center;gap:14px}.avatar{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:var(--accent);font-weight:800}.call-card div{display:grid;gap:4px}.call-card small,.demo-card small{color:#bbd1da}.call-button{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#55dda6;font-style:normal;font-size:22px}.metric-card{top:22%;right:8%;width:310px;padding:20px}.metric-card>div{display:flex;align-items:center;gap:9px;margin-top:14px}.metric-card span{height:9px;border-radius:9px;background:linear-gradient(90deg,var(--accent) 75%,#ffffff2b 75%);flex:1}.metric-card div:nth-of-type(2) span{background:linear-gradient(90deg,#7bb5f2 54%,#ffffff2b 54%)}.conversation-card{left:28%;bottom:18%;width:360px;padding:22px}.conversation-card p{border-left:3px solid #62b4ff;padding-left:12px}.conversation-card .reply{border-color:var(--accent)}.login{grid-template-columns:1.1fr .9fr}.welcome{display:grid;place-items:center;padding:70px}.welcome:before{width:760px;height:600px;left:-310px;top:170px}.welcome:after{width:780px;height:520px;right:-390px;top:-180px}.welcome-inner{width:min(620px,85%)}.brand.compact{margin-bottom:75px}.brand.compact img{width:43px;height:43px}.welcome h1{font-size:clamp(46px,5vw,72px);line-height:1.04;letter-spacing:-.04em;margin:0}.welcome p{max-width:570px;color:#c5d8df;font-size:18px;line-height:1.55}.form-side{display:grid;place-items:center;background:#fff;color:#142e3a;padding:55px}.login-box{width:min(480px,100%)}.back{display:inline-block;color:#64747c;text-decoration:none;margin-bottom:60px}.mobile-brand{display:none}.login-box h2{font-size:30px;margin:0 0 9px}.form-intro{color:#6c7a81;line-height:1.5;margin:0 0 30px}.login-box label{display:grid;gap:8px;margin:18px 0;font-weight:650}.login-box input{width:100%;height:50px;border:1px solid #ccd6dc;border-radius:9px;padding:0 14px;font:inherit;outline:none;background:#f8fafb}.login-box input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent);background:#fff}.password-field{position:relative}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;background:transparent;color:#65757d;cursor:pointer}.forgot{display:block;text-align:right;color:#596d76;text-decoration:none;margin:-7px 0 22px}.submit-button{width:100%;font:inherit}.form-error{padding:12px 14px;border:1px solid #f3b7b0;border-radius:8px;background:#fff2f0;color:#a83e31}.secure-note{text-align:center;color:#76858c;font-size:13px;margin-top:25px}.secure-note:first-letter{color:#22a97e}.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.page-loader.active{opacity:1;visibility:visible}.loader-orbit{position:relative;display:grid;place-items:center;width:104px;height:104px}.loader-orbit:before{content:"";position:absolute;inset:0;border:3px solid #dcefeb;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.loader-orbit img{width:62px;height:62px;object-fit:contain;animation:pulse 1.2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(.88);opacity:.72}}@media(max-width:1000px){.landing{grid-template-columns:1fr}.visual{display:none}.login{grid-template-columns:1fr}.welcome{display:none}.form-side{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}.back{margin-bottom:30px}}@media(max-width:600px){.hero{padding:34px 25px}.hero h1{font-size:43px}.hero-copy>p{font-size:17px}.brand{font-size:16px}.brand img{width:48px;height:48px}.form-side{padding:32px 23px}}