#signup-gate.onboarding{background:#fbfbf8;padding:36px 6vw;min-height:100vh;color:#171816;box-sizing:border-box;overflow:auto}
.onboarding .gate-brand{direction:ltr;justify-content:flex-start;margin:0 0 44px;font-size:29px;width:max-content}
.onboarding .gate-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1160px;margin:auto;align-items:center}
.onboarding .gate-story{max-width:520px}.onboarding .eyebrow{font-size:11px;letter-spacing:1.2px;color:#777d71;font-weight:600}
.onboarding .gate-story h1{font-size:clamp(42px,4.6vw,68px);line-height:1.35;letter-spacing:-2px;margin:22px 0}.onboarding .gate-story h1 span{color:#72786c}
.onboarding .onboard-lead{font-size:17px;line-height:1.9;max-width:380px;color:#676d62}
.onboard-art{background:#f4dc32;border-radius:24px;padding:24px;margin:30px 0;position:relative;overflow:hidden;box-shadow:0 18px 40px #3c360c0a}
.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;direction:ltr}.art-top{font-size:10px;letter-spacing:2px}.art-top span:last-child{font-size:27px}
.art-line{height:78px;margin:16px 0;background:#20211b;clip-path:polygon(0 85%,18% 60%,32% 72%,48% 33%,63% 45%,83% 10%,100% 0,100% 5%,84% 15%,64% 50%,49% 38%,33% 77%,19% 65%,0 90%)}
.art-bottom b{font-size:24px}.art-bottom span{font-size:11px}.onboard-benefits{display:flex;gap:22px;font-size:12px;color:#555d4f}.onboard-disclaimer{font-size:11px!important;color:#83897e!important;margin-top:24px!important;line-height:1.8}
.onboarding .gate-card{background:white;border:1px solid #e7e9e2;border-radius:24px;padding:38px;box-shadow:0 18px 65px #1d27100a;max-width:480px;width:100%;box-sizing:border-box}
.onboard-steps{display:flex;gap:22px;margin-bottom:40px;color:#a0a69a;font-size:11px}.onboard-steps .current{color:#151812;font-weight:700}
.onboarding .gate-card h2{font-size:27px;line-height:1.5;margin:12px 0}.onboarding .gate-card p{font-size:13px;line-height:1.85;color:#7c8276}
.onboarding .google-signin{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:56px;border:1px solid #d9ddd2;border-radius:12px;font-size:14px;margin-top:30px;background:white;color:#20251b;cursor:pointer}
.onboarding .google-signin:hover{border-color:#171816;background:#fafbf7}.google-mark{font-family:Arial,sans-serif;font-weight:bold;font-size:22px;color:#4285f4}
.onboard-divider{height:1px;background:#eff0ec;margin:28px 0}.onboard-foot{font-size:11px!important;text-align:center;margin-top:26px!important}
.google-person{display:flex;align-items:center;gap:12px;background:#f7f8f4;padding:16px;border-radius:12px;margin-bottom:26px}.person-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f4dc32;font-weight:700}.google-person>div{min-width:0;flex:1}.google-person strong,.google-person #google-email{display:block;overflow-wrap:anywhere}.google-person strong{font-size:14px}.google-person #google-email{font-size:11px;color:#777d71;margin-top:5px}.verified-chip{font-size:10px;color:#397247;white-space:nowrap}
.onboarding .phone-verification{background:none;border:0;padding:0;margin:0}.onboarding .phone-verification h3{font-size:16px}.onboarding input{box-sizing:border-box;width:100%;height:55px;border-radius:12px;border:1px solid #dce1d4;background:#fff;padding:12px 16px;font-size:18px;letter-spacing:1px}.onboarding input:focus{outline:3px solid #f4dc3255;border-color:#a8971f}.onboarding label{font-size:12px;color:#4a5143;display:block;margin:14px 0 8px}
.onboarding-next{width:100%;min-height:52px;border-radius:12px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700}.onboarding #signup-error{color:#ad322b;min-height:20px}.onboarding [hidden]{display:none!important}
@media(max-width:800px){#signup-gate.onboarding{padding:24px 20px 70px}.onboarding .gate-brand{margin-bottom:30px}.onboarding .gate-layout{grid-template-columns:1fr;gap:28px;max-width:480px}.onboarding .gate-story h1{font-size:38px;margin:15px 0}.onboard-art,.onboard-benefits,.onboard-disclaimer{display:none}.onboarding .onboard-lead{font-size:14px;margin-bottom:0}.onboarding .gate-card{padding:26px;border-radius:20px}.onboard-steps{margin-bottom:28px}}