@import url('./tokens.css');
*{box-sizing:border-box}body{margin:0;background:#f6f8f7;color:#203b37;font:15px/1.6 "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif}a{color:#257660;text-underline-offset:3px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.auth-card{width:100%;max-width:440px;background:#fff;padding:36px;border:1px solid #dfe7e3;border-radius:16px}.auth-card.wide{max-width:680px}.brand{display:block;text-decoration:none;font-size:20px;font-weight:750;margin-bottom:32px}.brand span{color:#26745f}h1{font-size:28px;letter-spacing:-.8px;margin:0 0 8px}p{color:#62746f;margin:0 0 24px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}input,select{font:inherit;width:100%;padding:11px 12px;border:1px solid #d7e0dc;border-radius:7px;background:#fff;color:inherit}input:focus,select:focus{outline:2px solid #26745f;outline-offset:2px}.field{margin:0 0 18px}.button,button{display:block;text-align:center;width:100%;border:1px solid #26745f;background:#26745f;color:white;font:600 14px/1.5 "Plus Jakarta Sans",system-ui;padding:12px;border-radius:7px;cursor:pointer;text-decoration:none}.google{background:white;color:#253d36;border-color:#d7e0dc;display:flex;align-items:center;justify-content:center;gap:12px}.google svg{width:20px;height:20px}button:disabled{opacity:.55;cursor:not-allowed}.divider{text-align:center;color:#87978e;font-size:12px;margin:20px 0}.foot{text-align:center;font-size:13px;margin:24px 0 0}.alert{padding:12px;border:1px solid #e1b8ac;background:#fff6f2;color:#8c3c2b;border-radius:7px;margin-bottom:20px}.notice{border-color:#d5e5dc;background:#f3faf6;color:#35644e}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;gap:9px;align-items:start;font-weight:400}.check input{width:auto;margin-top:5px}.muted{font-size:12px;color:#75877d}.trap{display:none}@media(max-width:520px){.auth-wrap{padding:20px 14px}.auth-card{padding:26px 22px}.grid{grid-template-columns:1fr}}
.brand-logo{display:block;width:234px;max-width:100%;height:81px;object-fit:contain}.brand{margin-bottom:24px}.button,button{background:#17264f;border-color:#17264f}a{color:#008ba3}.google{background:#fff;border-color:#d7e0dc;color:#253d36}input:focus,select:focus{outline-color:#009ab5}
/* Two-card sign-in with layered surfaces. */
.modern-sign-in{color:#182846;background:radial-gradient(ellipse at 8% 15%,#dceef4 0,transparent 45%),radial-gradient(ellipse at 92% 86%,#e0e5f5 0,transparent 42%),#f2f5fa;isolation:isolate}
.modern-sign-in::before,.modern-sign-in::after{content:"";position:fixed;z-index:-1;pointer-events:none;transform:rotate(-16deg);border-radius:100px;border:1px solid #fff9;background:linear-gradient(145deg,#fff7,#ffffff0)}
.modern-sign-in::before{width:680px;height:420px;left:-210px;top:45%}.modern-sign-in::after{width:700px;height:500px;right:-340px;top:-130px}
.modern-sign-in .auth-wrap{max-width:1140px;margin:auto;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:stretch;padding:56px 28px;min-height:100svh;align-content:center}
.modern-sign-in .auth-wrap>section{min-width:0;width:100%}
.welcome-card{position:relative;overflow:hidden;padding:40px;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#117d97 0,transparent 58%),linear-gradient(145deg,#17264f,#142044 70%);color:white;box-shadow:0 24px 60px #14264f1c;display:flex;flex-direction:column}
.welcome-card::after{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff12;border-radius:50%;bottom:-200px;right:-180px;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03;pointer-events:none}
.welcome-brand{display:block;margin-bottom:46px}.welcome-brand img{display:block;max-width:100%;width:235px;height:74px;object-fit:contain;object-position:left center}
.welcome-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;color:#c0e0ed;font-weight:650}.welcome-eyebrow>span{width:6px;height:6px;background:#42d3e9;border-radius:50%;box-shadow:0 0 0 4px #42d3e914}
.welcome-copy h2{font-size:46px;line-height:1.14;letter-spacing:-1.8px;margin:20px 0 18px;font-weight:700}.welcome-copy p{font-size:14px;line-height:1.8;color:#b9cbe2;max-width:340px;margin-bottom:32px}
.workspace-preview{position:relative;background:linear-gradient(145deg,#ffffff12,#ffffff06);border:1px solid #ffffff20;border-radius:17px;padding:20px;box-shadow:0 16px 30px #00000012;margin-bottom:30px}
.preview-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#bccde3;padding-bottom:16px;border-bottom:1px solid #ffffff12}.preview-mark{font-size:16px;font-weight:750;color:#63d6e6}.preview-dots{margin-left:auto;letter-spacing:2px;color:#a3bed1}.preview-heading{font-size:14px;font-weight:600;margin:17px 0 14px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.preview-stats>div{border:1px solid #ffffff12;border-radius:10px;padding:12px;background:#ffffff04}.preview-stats span{display:block;font-size:9px;color:#b8c8dd}.preview-stats strong{display:block;font-size:15px;margin:4px 0 10px;font-weight:600}.preview-stats i{display:block;height:4px;width:75%;border-radius:5px;background:linear-gradient(90deg,#29c4d7,#ffffff20)}.preview-stats>div:last-child i{width:60%;background:linear-gradient(90deg,#9baaff,#ffffff20)}
.preview-row{display:flex;align-items:center;gap:10px;padding:10px 0}.preview-row+.preview-row{border-top:1px solid #ffffff0c}.preview-check{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#2cd1ba16;color:#71e4cc;font-size:12px}.preview-row strong{display:block;font-size:10px;font-weight:500}.preview-row div>span{display:block;font-size:9px;color:#a5b9d4}.preview-pill{margin-left:auto;font-size:8px;border:1px solid #ffffff15;border-radius:20px;padding:2px 7px;color:#c3e1df}.welcome-footer{margin-top:auto;display:flex;align-items:center;gap:8px;color:#adbed6;font-size:11px;position:relative;z-index:1}.welcome-lock{color:#6cd9e8;font-size:18px}
.modern-sign-in .auth-card{max-width:none;border-radius:26px;padding:44px 40px;box-shadow:0 20px 60px #253b6010;border-color:#ffffff;background:#ffffffed;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.modern-sign-in .brand{margin-bottom:32px}.modern-sign-in .brand-logo{width:215px;height:68px;object-position:left center}.sign-in-eyebrow{color:#7a879e;letter-spacing:1.6px;font-size:9px;font-weight:650;margin-bottom:10px}.modern-sign-in h1{font-size:31px;line-height:1.2;letter-spacing:-1px;margin-bottom:10px}.modern-sign-in .auth-card>p:not(.foot):not(.auth-legal){font-size:13px;color:#748298;margin-bottom:28px}.modern-sign-in label{color:#34425a;font-size:12px;font-weight:600;margin-bottom:8px}.modern-sign-in input{padding:13px 14px;border-radius:10px;border-color:#e1e6ef;background:#fafbfe;font-size:13px}.modern-sign-in input::placeholder{color:#96a1b2}.modern-sign-in input:focus{outline:2px solid #05a5c329;border-color:#009fb8;outline-offset:1px;background:#fff}.modern-sign-in .google{border-radius:10px;padding:13px;font-size:13px;color:#2b3953;border-color:#e1e6ef}.modern-sign-in .divider{display:flex;gap:14px;align-items:center;margin:23px 0;font-size:10px;color:#8d97a8}.modern-sign-in .divider::before,.modern-sign-in .divider::after{content:"";flex:1;height:1px;background:#edf0f5}.password-control{position:relative}.password-control input{padding-right:48px}.password-toggle{position:absolute;right:5px;top:5px;bottom:5px;width:38px;border:0;background:transparent;color:#8390a4;padding:0;display:grid;place-items:center;border-radius:7px}.password-toggle:hover{background:#edf1f7}.password-toggle:focus-visible{outline:2px solid #009fb8;outline-offset:1px}.modern-sign-in .sign-in-submit{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:13px;margin-top:6px;box-shadow:0 6px 16px #17264f16;font-size:13px}.sign-in-submit span{font-size:18px;line-height:1}.modern-sign-in .foot{font-size:12px;color:#8390a3;margin-top:24px}.modern-sign-in a:not(.brand):not(.welcome-brand):not(.button){text-decoration:none}.modern-sign-in a:hover{text-decoration:underline}.sign-in-footer{display:flex;gap:12px;justify-content:center;font-size:11px;margin-top:22px;color:#b1bac7}.auth-legal{text-align:center;font-size:9px;color:#9aa4b4;line-height:1.8;margin:24px 0 0}.auth-legal a{color:#718096}.google-verified{display:flex;align-items:flex-start;gap:12px;background:#f0f9fa;border:1px solid #d4ebee;padding:16px;border-radius:12px;margin:0 0 24px}.verified-check{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;background:#daf0ec;border-radius:50%;color:#178471;font-size:13px}.google-verified strong{display:block;color:#22626d;font-size:12px}.google-verified div>span{display:block;font-size:11px;color:#427b85;overflow-wrap:anywhere}.google-verified p{font-size:11px;line-height:1.7;margin:8px 0 0;color:#617d87}
@media(min-width:1500px){.modern-sign-in .auth-wrap{max-width:1180px}.welcome-card,.modern-sign-in .auth-card{padding:48px}}
@media(max-width:850px){.modern-sign-in .auth-wrap{grid-template-columns:1fr;max-width:580px;padding:28px 20px;gap:18px}.welcome-card{padding:28px}.welcome-brand{margin-bottom:22px}.welcome-brand img{width:190px;height:58px}.welcome-copy h2{font-size:34px;letter-spacing:-1px;margin:14px 0 12px}.welcome-copy h2 br{display:none}.welcome-copy p{max-width:none;margin:0 0 18px;font-size:12px}.workspace-preview{display:none}.welcome-footer{font-size:10px}.modern-sign-in .auth-card{padding:32px}.modern-sign-in .brand{display:none}.modern-sign-in h1{font-size:28px}}
@media(max-width:420px){.modern-sign-in .auth-wrap{padding:18px 14px;gap:14px}.welcome-card{padding:24px;border-radius:20px}.modern-sign-in .auth-card{padding:28px 24px;border-radius:20px}.welcome-copy h2{font-size:30px}.welcome-eyebrow{font-size:8px}.modern-sign-in .auth-card>p:not(.foot):not(.auth-legal){margin-bottom:22px}}
.auth-card.wide{max-width:1180px;padding:36px 40px}.signup-checkout{margin-top:26px}.signup-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:30px;border-bottom:1px solid #e4eae7;padding-bottom:18px}.signup-stepper button{background:#f5f7f7;border-color:#e0e7e4;color:#64756f;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px}.signup-stepper button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5ebe8;color:#435b54}.signup-stepper button.active,.signup-stepper button.complete{background:#eef8f5;border-color:#9acbbb;color:#166752}.signup-stepper button.active span,.signup-stepper button.complete span{background:#26745f;color:#fff}.signup-step-panel[hidden]{display:none}.signup-section-head>span{font-size:10px;letter-spacing:1.6px;color:#26745f;font-weight:700}.signup-section-head h2{margin:3px 0;font-size:23px}.signup-section-head p{margin-bottom:20px}.signup-plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.signup-plan-card{margin:0;cursor:pointer;min-width:0}.signup-plan-card>input{position:absolute;opacity:0}.signup-plan-card-body{display:block;height:100%;border:1px solid #dce5e1;border-radius:12px;padding:18px;background:#fff;transition:.15s}.signup-plan-card:hover .signup-plan-card-body,.signup-plan-card:has(input:checked) .signup-plan-card-body{border-color:#26745f;box-shadow:0 0 0 2px #26745f18;background:#f7fbf9}.signup-plan-name{display:block;font-weight:700;margin-bottom:12px}.signup-plan-card strong{display:block;font-size:18px;color:#17264f}.signup-plan-card strong small{font-size:10px;color:#71827d}.signup-plan-limits{display:grid;gap:5px;border-top:1px solid #e6ece9;margin-top:14px;padding-top:12px;font-size:11px;color:#61736d}.signup-addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.signup-addon-card{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #dce5e1;border-radius:12px;padding:16px;align-items:center}.signup-addon-card p{font-size:11px;margin:3px 0}.signup-addon-card>span{font-size:11px;color:#26745f;font-weight:600}.signup-addon-card.disabled{opacity:.48}.signup-quantity{grid-column:1/-1;display:grid;grid-template-columns:36px 60px 36px;gap:5px}.signup-quantity button{padding:6px;width:36px}.signup-quantity input{text-align:center;padding:6px}.signup-trial-addon-note,.signup-access-note{background:#f3f8f6;border:1px solid #d8e8e1;border-radius:10px;padding:12px 14px;color:#48665e;font-size:12px;margin:14px 0}.signup-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.signup-wide{grid-column:1/-1}.signup-order-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce5e1;border-radius:12px;margin:6px 0 18px}.signup-order-summary>div{padding:14px}.signup-order-summary>div+div{border-left:1px solid #e4eae7}.signup-order-summary span{display:block;font-size:10px;color:#788a84}.signup-order-summary strong{display:block;margin-top:3px}.signup-step-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.signup-step-actions .button{width:auto;min-width:150px}.signup-access-note p{margin:3px 0 0;font-size:11px}.signup-trial-addon-note[hidden]{display:none}@media(max-width:1000px){.signup-plan-grid{grid-template-columns:repeat(2,1fr)}.signup-addon-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.auth-card.wide{padding:25px 20px}.signup-stepper button{font-size:0}.signup-stepper button span{font-size:12px}.signup-plan-grid,.signup-addon-grid,.signup-account-grid,.signup-order-summary{grid-template-columns:1fr}.signup-order-summary>div+div{border-left:0;border-top:1px solid #e4eae7}.signup-step-actions{display:grid;grid-template-columns:1fr}.signup-step-actions .button{width:100%}}