:root{color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body.onboarding-body{min-height:100svh;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:22px;color:#23253e;font-family:"Poppins",sans-serif;background:radial-gradient(circle at 9% 8%,#f2f2ff,transparent 32%),radial-gradient(circle at 95% 95%,#d1dcff,transparent 35%),linear-gradient(145deg,#e3e7fa,#dce4fc)}body.onboarding-body a{text-decoration:none;-webkit-tap-highlight-color:transparent}body.onboarding-body button{font-family:inherit;-webkit-tap-highlight-color:transparent}
.onboarding-card{width:min(100%,430px);min-height:min(820px,calc(100svh - 44px));display:flex;flex-direction:column;padding:27px 33px 31px;overflow:hidden;border:1px solid #ffffffd9;border-radius:37px;background:linear-gradient(180deg,#fdfdff,#fff 76%);box-shadow:0 25px 65px #6573ad26,0 4px 18px #6876ac0d}
.onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-brand{display:inline-flex;align-items:center;gap:9px;color:#202343;font-size:11px;font-weight:800;letter-spacing:.09em;line-height:1.2}.onboarding-brand>span:last-child{display:flex;flex-direction:column}.onboarding-brand small{margin-top:2px;color:#8d90af;font-size:7px;font-weight:700;letter-spacing:.22em}.onboarding-brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#6d5de9,#a798f8);font-size:17px;line-height:1;letter-spacing:0;box-shadow:0 6px 10px #7c70de38}.onboarding-skip{color:#9b9db2;font-size:12px;font-weight:600}.onboarding-skip:hover{color:#f47784}
.onboarding-illustration-wrap{height:300px;display:grid;place-items:center;margin:30px -8px 0}.onboarding-illustration{display:block;width:min(100%,340px);max-height:100%;object-fit:contain;filter:drop-shadow(0 9px 15px #8b89c012);transition:transform .35s ease}.onboarding-card[data-slide="1"] .onboarding-illustration{transform:translateY(-3px) scale(1.02)}.onboarding-card[data-slide="2"] .onboarding-illustration{transform:translateY(-2px) scale(.99)}
.onboarding-message{max-width:330px;margin:0 auto;text-align:center}.onboarding-eyebrow{margin:0 0 10px;color:#9085de;font-size:10px;font-weight:800;letter-spacing:.16em}.onboarding-message h1{margin:0;color:#20213a;font-size:clamp(24px,3.2vw,29px);font-weight:700;line-height:1.35;letter-spacing:-.045em}.onboarding-message h1 span{color:#f47a84}.onboarding-description{min-height:50px;margin:12px 0 0;color:#9294aa;font-size:12px;line-height:1.65}
.onboarding-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:36px 0 22px}.onboarding-dots{display:flex;align-items:center;gap:7px}.onboarding-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#eee7f2;cursor:pointer;transition:width .2s,background .2s}.onboarding-dots button.active{width:22px;background:linear-gradient(90deg,#f47b88,#ffb08d)}.onboarding-next{display:inline-flex;align-items:center;gap:6px;padding:7px 0 7px 12px;border:0;color:#35364e;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.onboarding-next span{font-size:16px;line-height:1}.onboarding-next:hover{color:#f47a84}
.onboarding-actions{display:flex;flex-direction:column;align-items:center;gap:13px}.onboarding-primary{width:100%;min-height:49px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(100deg,#f86f86,#ffad8e);box-shadow:0 12px 20px #f7798730;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s}.onboarding-primary:hover{transform:translateY(-2px);box-shadow:0 16px 24px #f7798742}.onboarding-google{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #edebf5;border-radius:10px;color:#47485d;background:#fff;font-size:11px;font-weight:600}.onboarding-google:hover{border-color:#d8d2fa;background:#faf9ff}.onboarding-google-mark{background:conic-gradient(from -30deg,#4285f4 0 25%,#34a853 25% 46%,#fbbc05 46% 69%,#ea4335 69% 86%,#4285f4 86%);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:Arial,sans-serif;font-size:17px;font-weight:800}.onboarding-login{margin:0;color:#a2a3b5;font-size:11px}.onboarding-login a{color:#8674db;font-weight:700}.onboarding-login a:hover{color:#f47a84}
@media(max-width:480px){body.onboarding-body{align-items:stretch;padding:13px}.onboarding-card{width:100%;min-height:calc(100svh - 26px);margin:auto;padding:23px 24px 25px;border-radius:30px}.onboarding-illustration-wrap{height:clamp(220px,33vh,315px);margin-top:18px}.onboarding-progress{padding-top:25px}}
@media(max-height:720px){.onboarding-card{min-height:calc(100svh - 26px)}.onboarding-illustration-wrap{height:220px;margin-top:7px}.onboarding-message h1{font-size:23px}.onboarding-progress{padding-top:15px;padding-bottom:15px}}
@media(max-width:350px){.onboarding-card{padding-inline:19px}.onboarding-illustration-wrap{height:210px}.onboarding-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.onboarding-illustration,.onboarding-dots button,.onboarding-primary{transition:none}}