html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font-family:inherit}:root{--navy:#071b3f;--navy-soft:#123566;--red:#b51f33;--green:#178447;--green-dark:#0d6133;--cream:#fffaf0;--ink:#10213c}*{box-sizing:border-box}.page-shell{background:var(--navy);height:100dvh;min-height:100vh;position:relative;overflow:hidden}.flag-stripe{z-index:10;background:repeating-linear-gradient(90deg,#b31942 0 8.33%,#fff 8.33% 16.66%,#0a3161 16.66% 25%);height:12px;position:fixed;inset-inline:0}.flag-stripe--top{top:0}.flag-stripe--bottom{bottom:0}.auth-loading{color:#fff;place-items:center;display:grid}.auth-loading__message{letter-spacing:.04em;font-weight:800}.hero-panel{background:url(/white-house-illustration.png) 50%/cover no-repeat;place-items:center start;height:100%;min-height:0;padding:clamp(24px,5vh,54px) clamp(24px,3vw,52px);display:grid;position:relative}.hero-overlay{background:linear-gradient(100deg,#03122deb 4%,#071b3fb0 49%,#071b3f61 100%),linear-gradient(#0000 55%,#030e246e);position:absolute;inset:0}.content-card{width:min(100%,460px);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffcf533;border:1px solid #ffffffb8;border-radius:24px;padding:clamp(28px,4vw,48px);position:relative;box-shadow:0 28px 80px #020d226b,inset 0 1px #fff}.content-card:before{content:"";background:linear-gradient(90deg, var(--red) 0 35%, #fff 35% 65%, #174a82 65%);border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:48px;right:48px}.login-panel{justify-items:center}.login-card{width:min(100%,420px)}.login-card h1{font-size:clamp(2.15rem,4.2vw,3.55rem)}.login-button{background:var(--navy-soft);width:100%}.login-button:hover:not(:disabled){background:var(--navy)}.login-button:disabled{cursor:not-allowed;box-shadow:none;background:#7f8a9d}.logout-button{z-index:20;background:#071b3fc7;border:1px solid #ffffffb8;border-radius:9px;min-height:38px;padding:0 18px;font-size:.82rem;position:fixed;top:26px;right:28px;box-shadow:0 7px 18px #020d2240}.logout-button:hover:not(:disabled){background:var(--navy)}.logout-button:disabled{opacity:.48;cursor:not-allowed}.eyebrow{color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;font-weight:800}.eyebrow,h1,.intro{text-align:center}h1{color:var(--navy);letter-spacing:-.045em;margin:14px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.25rem,5vw,4rem);line-height:.98}.intro{color:#fff;text-shadow:0 2px 4px #03122df5;max-width:46ch;margin:0 auto 28px;font-size:1rem;font-weight:600;line-height:1.6}form{gap:20px;display:grid}.field-group{gap:8px;display:grid}label{color:var(--navy);letter-spacing:.02em;font-size:.86rem;font-weight:800}input,select{width:100%;min-height:50px;color:var(--ink);font:inherit;background:#ffffffd9;border:1px solid #cbd2de;border-radius:11px;outline:none;padding:0 15px;transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus{background:#fff;border-color:#315f98;box-shadow:0 0 0 4px #315f9821}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--red)}input:disabled,select:disabled{opacity:.68;cursor:not-allowed}small{color:#f5f7fb;text-shadow:0 1px 2px #03122db8;min-height:16px;font-size:.75rem}.field-error{border:1px solid var(--red);color:#fff;min-height:auto;text-shadow:none;background:#700a1be0;border-radius:8px;padding:7px 10px;display:block}.call-status{color:#526079;background:#eef2f6;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:10px 14px;font-size:.82rem;display:flex}.call-status>div{align-items:center;gap:9px;display:flex}.status-dot{background:#8994a5;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #8994a51f}.status-dot--active{background:#18a25a;animation:1.6s infinite pulse;box-shadow:0 0 0 4px #18a25a24}.status-dot--connecting,.status-dot--requesting_permission,.status-dot--ending{background:#d99516}.status-dot--error{background:var(--red)}.status-dot--completed{background:#315f98}.timer{color:var(--navy);letter-spacing:.04em;font:800 1.18rem/1 ui-monospace,SFMono-Regular,Consolas,monospace}.button-row{gap:12px;display:flex}button{color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:52px;padding:0 28px;font:800 1rem/1 inherit;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 9px 20px #0c27462e}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0c274638}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-offset:3px;outline:3px solid #245b9c57}.call-button{background:var(--green);flex:1}.call-button:hover:not(:disabled),.call-button:active:not(:disabled){background:var(--green-dark)}.call-button:disabled{cursor:not-allowed;box-shadow:none;background:#91a29a}.end-button{background:var(--red);flex:1}.end-button:hover{background:#8f1325}.message{border-radius:10px;padding:11px 13px;font-size:.82rem;line-height:1.45}.message--error{color:#fff;border:1px solid var(--red);background:#700a1be0}.message--success{color:#155d35;background:#edf8f1;border:1px solid #bee2cd}.privacy-note{text-align:center;color:#f5f7fb;text-shadow:0 1px 2px #03122db8;margin:20px 0 0;font-size:.73rem;line-height:1.5}@keyframes pulse{50%{box-shadow:0 0 0 7px #18a25a0f}}@media (width<=1050px){.hero-panel{justify-items:center}.hero-overlay{background:#041430ab}}@media (height<=760px) and (width>=601px){.content-card{padding:18px 20px}.content-card:before{left:20px;right:20px}h1{margin:8px 0 6px}.intro{margin-bottom:12px;line-height:1.4}form{gap:10px}.field-group{gap:4px}input,select{min-height:42px}small{min-height:12px}.call-status{min-height:44px}button{min-height:46px}.privacy-note{margin-top:8px}}@media (width<=600px){.page-shell{height:auto;overflow:visible}.hero-panel{align-items:start;height:auto;min-height:100vh;padding:34px 14px}.content-card{border-radius:18px;margin-top:24px;padding:28px 20px}.button-row{flex-direction:column}h1{font-size:2.45rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}