:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1d3029;background:#f6f8f6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}[hidden]{display:none!important}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #48896c;outline-offset:4px}
.preview-banner{padding:12px 28px;background:#fff4d8;color:#5c4813;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:13px;border-bottom:1px solid #e8d49e}.preview-banner label{margin-left:auto;display:flex;align-items:center;gap:9px}.preview-banner select{padding:5px 7px;border:1px solid #d2bd89;border-radius:5px;background:#fffdf6;color:#5c4813}
.site-header{max-width:1200px;margin:auto;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:600}.brand-mark,.small-mark{display:grid;place-items:center;background:#235c46;color:#fff;border-radius:10px;font-weight:700;letter-spacing:-1px}.brand-mark{height:42px;width:42px;font-size:21px}.site-address{font-size:13px;color:#79877e}
main{max-width:1120px;min-height:calc(100vh - 228px);margin:auto;padding:44px 42px 65px;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:80px}.intro{max-width:490px;padding-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#4b7860}h1{font-size:clamp(34px,3.6vw,48px);line-height:1.17;font-weight:650;letter-spacing:-1.7px;margin:24px 0}h1 span{color:#688374}.intro>p{font-size:17px;line-height:1.8;color:#617168;max-width:390px}.intro-details{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;color:#48634f;font-size:12px}.intro-details span:before{content:'✓';padding-right:7px;font-weight:700}
.auth-card{background:white;padding:32px;border:1px solid #e0e7e1;border-radius:18px;box-shadow:0 14px 42px #1d3a2710;min-height:440px}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.small-mark{height:31px;width:31px;font-size:15px;border-radius:8px}.card-tag{font-size:11px;color:#61776a;background:#f2f6f2;padding:5px 9px;border-radius:20px}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 10px}.muted{color:#718078;font-size:14px;line-height:1.6;margin:0 0 25px}.button{width:100%;min-height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;transition:background .15s}.google-button{background:#fff;border:1px solid #cdd8d0;color:#26392e}.google-button:hover{background:#f4f7f4}.google-mark{font-weight:700;font-size:20px;color:#4285f4}.secondary{background:#f7f9f7;border:1px solid #dce5dd;color:#29593e}.secondary:hover{background:#edf3ed}.primary{background:#235c46;color:white;border:1px solid #235c46;justify-content:space-between;padding:0 17px}.primary:hover{background:#1a4b38}.divider{position:relative;text-align:center;margin:18px 0;font-size:12px;color:#8b968f}.divider:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #e9ede9}.divider span{position:relative;padding:0 12px;background:white}.small-note{font-size:12px;line-height:1.75;color:#7a857e;margin:16px 0 0}.access-note{border-top:1px solid #edf0ed;padding-top:18px;margin:23px 0 0;font-size:11px;color:#8a948d}.status{margin:19px 0 0;padding:11px 13px;background:#f1f6f1;color:#315c41;border-radius:7px;font-size:13px;line-height:1.6}.status[data-tone=error]{background:#fff1ed;color:#9c4935}.status[data-tone=busy]{background:#f1f5f9;color:#526572}.identity{display:flex;align-items:center;gap:11px;padding:20px 0}.avatar{display:grid;place-items:center;width:39px;height:39px;background:#edf5ed;color:#3c6b48;border-radius:50%;font-weight:600}.identity strong{display:block;font-size:14px}.identity div>span{display:block;font-size:12px;margin-top:4px;color:#7b877f}.passkey-panel{background:#f7f9f7;border:1px solid #e5ece5;padding:17px;border-radius:10px;margin:7px 0 25px}h3{font-size:13px;margin:0 0 8px}.passkey-panel p{font-size:12px;line-height:1.7;color:#718075;margin:0 0 14px}.passkey-panel .button{font-size:12px;min-height:38px;background:white}.ready-state{font-size:12px;color:#296845;font-weight:600}.ready-state:before{content:'✓ ';padding-right:4px}.text-button{display:block;margin:16px auto 0;border:0;background:none;color:#77867c;font-size:12px;padding:5px 10px}.fixture-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:23px}.fixture-summary>div{padding:17px 8px;background:#f5f8f4;border:1px solid #e7ece5;border-radius:8px;text-align:center}.fixture-summary strong{display:block;font-size:25px;color:#326343}.fixture-summary span{font-size:10px;color:#7a897b;display:block;margin-top:8px}#workspace-view .small-note{margin-bottom:24px}footer{max-width:1200px;margin:auto;padding:20px 42px 30px;font-size:11px;color:#929c94}
@media(max-width:850px){main{grid-template-columns:1fr;max-width:540px;padding-top:18px;gap:15px}.intro{padding:0}.intro>p,.intro-details,.eyebrow{display:none}h1{font-size:29px;line-height:1.2;margin:0 0 15px}.auth-card{width:100%;min-height:0}.site-header{padding:24px 32px}.site-address{font-size:11px}footer{text-align:center}.preview-banner{padding:10px 20px;gap:8px}.preview-banner label{margin-left:0;width:100%}}@media(max-width:460px){main{padding:16px 20px 30px}.site-header{padding:22px 20px}.brand>span:last-child{font-size:12px}.site-address{display:none}.auth-card{padding:25px}.intro h1{font-size:27px}.fixture-summary span{font-size:9px}}