:root{--ink:#15312b;--muted:#6b7c78;--green:#0f8a70;--green-dark:#08705b;--green-soft:#dff3ec;--cream:#f6f5ef;--white:#fff;--danger:#b34141}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.login-page{min-height:100vh;background:radial-gradient(circle at 50% 38%, #27ac8b21, transparent 29rem), var(--cream);place-items:center;min-height:100svh;padding:24px;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #15312b14;border-radius:32px;width:min(100%,480px);padding:52px 48px;box-shadow:0 24px 70px #20473d1c}.login-card .brand{margin-bottom:54px}.login-intro{color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.5}.login-form{gap:18px;margin-top:34px;display:grid}.login-form label{gap:8px;display:grid}.login-form label>span{color:var(--ink);font-size:14px;font-weight:700}.login-form input{width:100%;min-height:52px;color:var(--ink);background:var(--white);border:1px solid #15312b30;border-radius:14px;outline:none;padding:12px 15px;transition:border-color .16s,box-shadow .16s}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px #0f8a701f}.login-error{color:var(--danger);margin:-2px 0 0;font-size:14px;line-height:1.45}.login-button{min-height:56px;color:var(--white);background:var(--green);cursor:pointer;border:0;border-radius:999px;margin-top:6px;padding:14px 22px;font-weight:750;transition:transform .16s,background .16s;box-shadow:0 13px 30px #0f8a7038}.login-button:hover{background:var(--green-dark);transform:translateY(-1px)}.login-button:focus-visible{outline-offset:4px;outline:4px solid #0f8a7040}.call-page{min-height:100vh;background:radial-gradient(circle at 50% 38%, #27ac8b21, transparent 29rem), var(--cream);place-items:center;min-height:100svh;padding:24px;display:grid}.call-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #15312b14;border-radius:38px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,560px);min-height:min(720px,100svh - 48px);padding:52px 48px;display:flex;box-shadow:0 24px 70px #20473d1c}.brand{align-items:center;gap:10px;margin-bottom:72px;display:flex}.brand-mark{align-items:flex-end;gap:3px;height:23px;display:flex}.brand-mark i{background:var(--green);border-radius:999px;width:5px;display:block;transform:rotate(28deg)}.brand-mark i:first-child{height:13px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:17px}.brand-name{color:var(--ink);letter-spacing:-.7px;font-size:22px;font-weight:750}.brand-name span{color:var(--green)}.call-orb{width:156px;height:156px;color:var(--white);background:linear-gradient(145deg,#27aa8c,#0b765f);border-radius:50%;place-items:center;margin-bottom:38px;display:grid;position:relative;box-shadow:0 20px 50px #0f8a7045}.call-orb>span{z-index:2;font-family:Georgia,Times New Roman,serif;font-size:62px;line-height:1;position:relative}.call-orb>i{border-radius:inherit;opacity:0;border:1px solid #0f8a702b;position:absolute;inset:-10px}.is-connected .call-orb>i{animation:2.5s ease-out infinite call-pulse}.is-connected .call-orb>i:nth-of-type(2){animation-delay:.75s}.is-connected .call-orb>i:nth-of-type(3){animation-delay:1.5s}.call-orb.is-speaking{box-shadow:0 20px 58px #0f8a706b}.call-orb.is-listening{background:linear-gradient(145deg,#319e88,#116d5c)}.eyebrow{color:var(--green);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1{color:var(--ink);letter-spacing:-1.7px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,7vw,50px);font-weight:500;line-height:1.05}.call-status{min-height:24px;color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:18px 0 0;font-size:15px;display:flex}.call-status i{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 5px var(--green-soft);border-radius:50%}.call-button{width:min(100%,290px);min-height:72px;color:var(--white);background:var(--green);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:13px;margin-top:48px;padding:16px 28px;transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 15px 34px #0f8a7040}.call-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-2px);box-shadow:0 18px 40px #0f8a704f}.call-button:active:not(:disabled){transform:translateY(0)}.call-button:focus-visible{outline-offset:4px;outline:4px solid #0f8a7040}.call-button:disabled{cursor:wait;opacity:.68}.call-button.end-call{background:var(--danger);box-shadow:0 15px 34px #b3414133}.phone-symbol{width:28px;font-size:25px;font-weight:400;line-height:1}.call-button strong{font-size:17px;font-weight:750}.call-error{max-width:390px;color:var(--danger);margin:20px 0 0;font-size:14px;line-height:1.45}@keyframes call-pulse{0%{opacity:.65;transform:scale(.95)}75%,to{opacity:0;transform:scale(1.36)}}@media (max-width:600px){.login-page{padding:0}.login-card{min-height:100svh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:40px 24px;display:flex}.call-page{padding:0}.call-card{min-height:100svh;box-shadow:none;border:0;border-radius:0;padding:40px 24px}.brand{margin-bottom:58px}.call-orb{width:140px;height:140px}.call-button{margin-top:42px}}@media (prefers-reduced-motion:reduce){.call-orb>i{animation:none!important}.call-button{transition:none}}