:root{font-family:"Segoe UI",system-ui,sans-serif;color:#17343b;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.75}[hidden]{display:none!important}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #0b5f6960;outline-offset:3px}input:focus-visible{outline:0;border-color:#5e9da3;box-shadow:0 0 0 3px #0b5f6926}.auth-layout{display:grid;grid-template-columns:minmax(360px,.94fr) minmax(500px,1.06fr);min-height:100svh}.intro{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px 11%;background:#0b4e55;color:#f6f5ed}.intro:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #ffffff12;border-radius:50%;right:-300px;bottom:-240px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff03;pointer-events:none}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:29px;letter-spacing:-1px;width:fit-content}.brand b{font-weight:650}.intro-copy{margin:auto 0;padding:80px 0;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#69817e}.intro .eyebrow{color:#adc8bc}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,2.8vw,44px);line-height:1.2;letter-spacing:-.6px;margin:0 0 18px}.intro-copy>p{font-size:16px;line-height:1.8;color:#c3d5d3;max-width:360px}.intro ul{padding:0;list-style:none;margin:36px 0 0}.intro li{display:flex;align-items:baseline;gap:17px;font-size:14px;line-height:1.6;margin:13px 0;color:#dfebe5}.intro li:before{content:"";display:block;flex:0 0 8px;width:8px;height:8px;background:#dfad50;border-radius:1px;transform:rotate(45deg);position:relative;top:-1px}.intro-foot{font-size:12px;color:#9eb9b7}.entry{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:54px 48px 28px;gap:40px}.card{width:100%;max-width:396px;margin:auto 0}.card h2{font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:700;line-height:1.25;letter-spacing:-.4px;margin:14px 0 8px;color:#1b3039}.subtitle{color:#62747d;font-size:14px;line-height:1.55;margin:0 0 26px}.google{display:flex;gap:13px;align-items:center;justify-content:center;width:100%;background:white;border:1px solid #dedbd3;border-radius:8px;min-height:44px;font-size:14px;font-weight:600;color:#28383d;box-shadow:0 1px 2px #25353d04}.google:hover:not(:disabled){background:#f0f3f0}.divider{display:flex;align-items:center;gap:14px;color:#62747d;font-size:12px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#dedbd3;flex:1}label{font-size:13px;font-weight:600;display:block;margin-bottom:7px;color:#34464e}input{background:#fff;border:1px solid #dedbd3;border-radius:8px;min-height:44px;padding:10px 12px;width:100%;color:#17343b;font-size:14px}input:focus{border-color:#0b5f69}.primary{border:1px solid transparent;border-radius:8px;background:#0b5f69;color:white;font-size:14px;font-weight:600;min-height:44px;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-top:24px}.primary:hover:not(:disabled){background:#084b53}.hint,.provider-note{font-size:12px;color:#748080;line-height:1.6;margin:12px 0}.destination{font-size:14px;color:#5e7074;line-height:1.6;overflow-wrap:anywhere}#code{letter-spacing:10px;text-align:center;font-size:24px}.code-actions{display:flex;justify-content:space-between;margin:18px 0}.text-button{border:0;background:none;padding:4px 0;color:#0b5f69;font-size:13px;text-decoration:underline;text-underline-offset:3px}#status{font-size:13px;line-height:1.5;color:#b64736;background:#fae8e2;border:1px solid #e8aaa0;border-radius:7px;padding:10px 12px;margin:18px 0 0;overflow-wrap:anywhere}#status:empty{display:none}#status[data-kind=success]{color:#287051;background:#edf5ee;border-color:#b6d3bc}.access-note{font-size:12px;line-height:1.6;color:#62747d;margin:24px 0 0}footer{font-size:11px;color:#87918c;text-align:center;line-height:1.8}footer span{padding:0 8px}@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.intro{padding:26px 30px}.intro-copy,.intro-foot{display:none}.brand{font-size:25px}.brand img{height:32px;width:32px}.entry{padding:36px 24px 24px;gap:36px;min-height:calc(100svh - 84px)}.card h2{font-size:25px}.card{margin:auto 0}footer{max-width:310px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
