.onboarding-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:20px;background:rgba(16,14,30,.76);backdrop-filter:blur(7px)}
.onboarding-modal[hidden],.onboarding-modal [hidden]{display:none!important}
.onboarding-modal form{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;padding:42px;background:#fff;border:2px solid #17152d;box-shadow:14px 14px 0 #d9ff43}
.onboarding-modal form>button:first-child{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}
.onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-right:25px}
.onboarding-head .eyebrow{margin:0}
#skipOnboarding{font-weight:800;text-decoration:underline;text-underline-offset:4px}
.onboarding-modal h2{margin:0;font:800 clamp(30px,5vw,48px)/1 "Arial Black",sans-serif;letter-spacing:-2px}
.onboarding-modal section>p,.onboarding-note{color:#716c80;line-height:1.55}
.onboarding-progress{display:flex;gap:7px;margin:24px 0 28px}
.onboarding-progress i{width:34px;height:5px;background:#ddd8e8}
.onboarding-progress i.active{background:#7353ff}
.software-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}
.software-choice label{position:relative;padding:24px;border:2px solid #ded9eb;border-radius:14px;cursor:pointer}
.software-choice label:has(input:checked){border-color:#7353ff;background:#f1edff}
.software-choice input{position:absolute;right:18px;top:18px}
.software-choice b,.software-choice small{display:block}
.software-choice b{font:800 18px "Arial Black"}
.software-choice small{margin-top:7px;color:#716c80}
.onboarding-themes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}
.onboarding-theme{padding:7px;border:2px solid transparent;background:#f4f1f8;cursor:pointer}
.onboarding-theme.active{border-color:#7353ff}
.onboarding-theme i{display:block;height:72px;margin-bottom:7px;background:var(--theme);border-radius:5px}
.onboarding-theme b{font-size:10px}
.onboarding-logo-preview{display:grid;place-items:center;min-height:130px;margin:15px 0 25px;border:1px dashed #bcb5ce;background:#faf9fc;color:#716c80}
.onboarding-logo-preview img{max-width:180px;max-height:110px}
.onboarding-modal footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:28px}
.onboarding-modal footer #onboardingLater{margin-right:auto}
.onboarding-note{display:block;margin-top:24px;padding:13px;background:#f1edff;font-size:10px}
.onboarding-success{text-align:center;padding:8px 0 4px}
.onboarding-success .eyebrow{justify-content:center;margin:16px 0}
.onboarding-success p{max-width:560px;margin:18px auto}
.onboarding-success>a{display:inline-block;padding:12px 18px;color:#17152d;background:#d9ff43;font-weight:900;text-decoration:none;border:2px solid #17152d}
.success-burst{position:relative;display:flex;justify-content:center;gap:6px;min-height:110px;padding-top:22px}
.success-burst span{display:grid;place-items:center;width:58px;height:66px;color:#fff;background:#7353ff;border:3px solid #17152d;font:900 38px/1 "Arial Black",sans-serif;box-shadow:5px 5px 0 #d9ff43;animation:bingo-pop .55s both cubic-bezier(.2,.9,.3,1.35)}
.success-burst span:nth-child(2){animation-delay:.08s;background:#ff6577}.success-burst span:nth-child(3){animation-delay:.16s}.success-burst span:nth-child(4){animation-delay:.24s;background:#ff6577}.success-burst span:nth-child(5){animation-delay:.32s}
.success-burst i{position:absolute;color:#d9ff43;font-style:normal;font-size:24px;animation:success-float 1.6s infinite ease-in-out}
.success-burst i:nth-of-type(1){left:9%;top:3px}.success-burst i:nth-of-type(2){right:12%;top:12px;animation-delay:.35s}.success-burst i:nth-of-type(3){right:4%;bottom:4px;color:#ff6577;animation-delay:.7s}
.global-branding-setting{padding:14px;background:#f1edff;border-left:4px solid #7353ff}
.card-preview[role=button]{cursor:pointer}
.card-preview[role=button]:focus-visible{outline:4px solid #7353ff;outline-offset:3px}
.settings-view{padding:50px clamp(20px,5vw,78px) 90px;background:#f7f5fb}
.settings-page{width:min(980px,100%);margin:auto}
.settings-page>header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:30px}
.settings-page h1{margin:6px 0 10px;font:900 clamp(34px,5vw,58px)/1 "Arial Black",sans-serif;letter-spacing:-2px}
.settings-page>header p,.account-setting-card>p,.settings-secondary p,.danger-zone p{max-width:720px;color:#716c80;line-height:1.55}
#accountSettingsForm{display:grid;gap:18px}
.account-setting-card,.settings-secondary,.danger-zone{padding:26px;background:#fff;border:1px solid #ddd8e8;box-shadow:7px 7px 0 rgba(115,83,255,.1)}
.account-setting-card h2,.settings-secondary h2,.danger-zone h2{margin:0;font:900 23px/1.2 "Arial Black",sans-serif}
.software-choice.compact{max-width:620px;margin-bottom:0}
.settings-actions{display:flex;align-items:center;gap:18px;margin:5px 0 28px}
.settings-secondary,.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px}
.settings-secondary p,.danger-zone p{margin-bottom:0}
.danger-zone{margin-top:36px;border:2px solid #d72d4b;box-shadow:7px 7px 0 #ffd9e0}
.danger-zone .eyebrow{color:#d72d4b}
.danger-zone button{flex:0 0 auto;padding:13px 18px;border:2px solid #a71933;background:#d72d4b;color:#fff;font:900 11px "Arial Black",sans-serif;cursor:pointer}
body.dark-mode .settings-view{background:#15131f}
body.dark-mode .account-setting-card,body.dark-mode .settings-secondary,body.dark-mode .danger-zone{background:#201e2d;color:#f4f1ff;border-color:#474257}
@keyframes bingo-pop{0%{opacity:0;transform:translateY(28px) rotate(-10deg) scale(.4)}70%{transform:translateY(-7px) rotate(3deg) scale(1.08)}100%{opacity:1;transform:none}}
@keyframes success-float{50%{transform:translateY(-9px) rotate(18deg) scale(1.2)}}
@media(prefers-reduced-motion:reduce){.success-burst span,.success-burst i{animation:none}}
@media(max-width:700px){.onboarding-modal form{padding:34px 22px}.onboarding-head{align-items:flex-start;flex-direction:column;margin-right:25px}.software-choice{grid-template-columns:1fr}.onboarding-themes{grid-template-columns:repeat(2,1fr)}.success-burst span{width:44px;height:54px;font-size:28px}.settings-view{padding:30px 16px 70px}.settings-secondary,.danger-zone{align-items:stretch;flex-direction:column}.settings-secondary button,.danger-zone button{width:100%}}