.account-body{margin:0;background:#f7f8fc;color:#202239;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased} .account-body *{box-sizing:border-box}.account-body a{color:#5546c6;text-decoration:none}.account-body a:hover{text-decoration:underline}.account-body button,.account-body input{font:inherit}.account-body a:focus-visible,.account-body button:focus-visible,.account-body input:focus-visible{outline:3px solid #8673ed;outline-offset:4px}.account-skip{position:absolute;left:16px;top:-60px;background:#fff;padding:14px;z-index:50}.account-skip:focus{top:12px}.account-header{height:88px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.account-brand{display:flex;align-items:center;gap:10px;color:#24233c!important;font-size:19px;font-weight:700;letter-spacing:-.5px}.account-brand>span,.account-small-mark{display:inline-grid;place-items:center;background:#5848d7;color:#fff;width:36px;height:36px;border-radius:10px;font-size:24px;letter-spacing:-1.5px}.account-header nav{display:flex;align-items:center;gap:24px;font-size:13px}.account-header form{margin:0}.account-link-button{border:0;background:none;color:#5546c6;padding:10px 0;cursor:pointer}.account-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1060px;min-height:calc(100vh - 172px);margin:auto;padding:40px 24px 64px}.account-intro{padding:20px 10px 20px 0}.account-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:#7864bd;margin-bottom:16px}.account-intro h1{font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:0 0 24px;font-weight:650}.account-intro>p{max-width:340px;color:#74758a;line-height:1.8;font-size:16px}.account-intro-note{display:flex;align-items:center;gap:14px;margin:44px 0 32px;padding-top:28px;border-top:1px solid #e2e3ed;max-width:330px}.account-intro-note strong,.account-intro-note div>span{display:block;font-size:13px}.account-intro-note div>span{color:#7b7b8d;font-size:12px;margin-top:6px}.account-small-mark{width:40px;height:40px;background:#eeebfb;color:#7060c5}.account-intro>a{font-size:12px}.account-card{background:#fff;border:1px solid #e6e6f0;box-shadow:0 8px 40px #24224006;border-radius:18px;padding:38px 36px;width:100%;max-width:460px}.account-card h2{font-size:27px;letter-spacing:-.8px;line-height:1.25;margin:0 0 12px;font-weight:650}.account-subtitle{color:#76788e;font-size:13px;line-height:1.75;margin:0 0 28px}.account-form{display:grid;gap:18px}.account-field{display:grid;gap:7px}.account-field label{font-size:12px;font-weight:600;color:#41435b}.account-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-label-row>a{font-size:11px}.account-field input{width:100%;height:45px;padding:11px 13px;border:1px solid #dcdde8;border-radius:7px;background:#fff;color:#25283c}.account-field input[aria-invalid=true]{border-color:#bf3849}.account-help{font-size:10px;line-height:1.6;color:#7a7d91}.account-help:empty,.account-field-error:empty{display:none}.account-field-error{font-size:11px;line-height:1.5;color:#ac2739}.account-button,.account-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid #5848d7;border-radius:7px;background:#5848d7;color:#fff!important;padding:13px 19px;min-height:44px;font-size:12px;font-weight:600;text-decoration:none!important;cursor:pointer}.account-button{width:100%;margin-top:6px;justify-content:space-between}.account-button:hover{background:#4939c3}.account-button:disabled{opacity:.6;cursor:not-allowed}.account-secondary-button{background:#fff;color:#5546c6!important;border-color:#dcd8f0;white-space:normal;text-align:center}.account-form-footer{text-align:center;font-size:12px;color:#7c7d91;margin:24px 0 0;line-height:1.7}.account-form-footer>a{font-weight:600;margin-left:4px}.account-fine-print{font-size:10px;line-height:1.6;text-align:center;color:#8a8c9d;margin:14px 0 0}.account-notice,.account-error{font-size:12px;line-height:1.65;border-radius:8px;padding:14px 16px;margin-bottom:24px;background:#eeecfa;color:#574795;border:1px solid #e1dcf5}.account-error{background:#fff0f1;color:#a3293d;border-color:#f2d4da}.account-footer{max-width:1240px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;gap:20px;color:#9696a6;font-size:11px;line-height:1.6}.account-footer a{color:#7c7b92}.account-message-actions{display:grid;gap:24px}.account-message-actions>a:last-child{font-size:12px}.account-dashboard{max-width:1080px;padding:52px 32px;min-height:calc(100vh - 172px);margin:auto}.account-page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.account-page-heading h1{font-size:36px;letter-spacing:-1.3px;margin:0 0 12px}.account-page-heading .account-subtitle{margin:0}.account-verification{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #e2dbf6;background:#f0ecfb;border-radius:12px;margin:28px 0}.account-verification h2{font-size:16px;margin:0 0 8px}.account-verification p{font-size:12px;color:#747089;margin:0;line-height:1.7;overflow-wrap:anywhere}.account-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.account-detail-card{padding:28px;background:#fff;border:1px solid #e3e4ed;border-radius:12px;min-width:0}.account-detail-card h2{font-size:20px;margin:0 0 22px;letter-spacing:-.4px}.account-detail-card p{font-size:13px;color:#76788e;line-height:1.8}.account-detail-card>a{font-size:12px}.account-detail-card dl{display:grid;grid-template-columns:60px 1fr;gap:18px 14px;font-size:12px;margin:0 0 24px}.account-detail-card dt{color:#8a8b9e}.account-detail-card dd{margin:0;overflow-wrap:anywhere}.account-status{display:inline-block;padding:3px 6px;border-radius:4px;background:#f4efe1;color:#887138;font-size:9px;margin-left:5px}.account-status.is-verified{background:#eaf5ee;color:#43805d}.site-account-link{white-space:nowrap;font-size:12px;font-weight:600;padding:10px 13px;border:1px solid var(--bluui-border,#ddd);border-radius:6px;color:var(--bluui-primary-text,#5546c6);text-decoration:none;flex:none}
@media(max-width:900px){.account-layout{gap:36px;max-width:900px}.account-intro h1{font-size:43px}.account-card{padding:30px 26px}.account-header{padding:0 24px}.account-header nav{gap:16px}}
@media(max-width:650px){.account-header{height:76px;padding:0 20px;gap:12px}.account-header nav>a[href="/components"]{display:none}.account-body:not(.pricing-body) .account-header nav>a[href="/account"]{display:none}.account-brand{font-size:16px}.account-brand>span{width:30px;height:30px;font-size:21px}.account-layout{display:block;min-height:calc(100vh - 180px);padding:20px 20px 36px}.account-intro{padding:4px 8px 24px}.account-intro h1{font-size:32px;letter-spacing:-1.1px;margin-bottom:12px}.account-intro h1 br{display:none}.account-intro h1 br:after{content:' '}.account-intro>p{font-size:13px;margin:0;max-width:none}.account-intro-note,.account-intro>a,.account-intro>.account-eyebrow{display:none}.account-card{max-width:none;padding:28px 24px}.account-card h2{font-size:25px}.account-footer{padding:20px;flex-direction:column;align-items:center;gap:8px;text-align:center}.account-dashboard{padding:24px 20px}.account-page-heading{align-items:flex-start;flex-direction:column}.account-page-heading h1{font-size:29px}.account-verification{flex-direction:column;align-items:flex-start;padding:20px}.account-cards{grid-template-columns:1fr}.account-detail-card{padding:23px}.account-header nav{gap:14px;font-size:12px}.account-dashboard-content{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.account-layout{max-width:1160px;gap:80px}.account-intro{min-width:0}.account-intro h1{font-size:clamp(40px,4.3vw,58px)}.account-intro>p{max-width:390px}.account-illustration{display:block;width:calc(100% + 30px);height:auto;max-width:560px;margin:14px -15px 8px}.account-intro-note{border:0;padding:0;margin:12px 0 24px}.account-strength{display:grid;gap:8px;margin-top:-5px}.account-strength-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#6f7188}.account-strength-heading label{font-size:10px;font-weight:500}.account-strength-heading>span{font-weight:650}.account-strength progress{appearance:none;-webkit-appearance:none;border:0;width:100%;height:5px;border-radius:3px;overflow:hidden;background:#ebeaf2;color:#aaa0d0}.account-strength progress::-webkit-progress-bar{background:#ebeaf2;border-radius:3px}.account-strength progress::-webkit-progress-value{background:var(--strength-color,#aaa0d0);border-radius:3px;transition:width .2s,background .2s}.account-strength progress::-moz-progress-bar{background:var(--strength-color,#aaa0d0);border-radius:3px}.account-strength progress[data-strength="1"]{--strength-color:#c34b60}.account-strength progress[data-strength="2"]{--strength-color:#b48124}.account-strength progress[data-strength="3"]{--strength-color:#69894a}.account-strength progress[data-strength="4"]{--strength-color:#348269}@media(max-width:650px){.account-illustration{max-width:330px;width:100%;margin:12px auto}.account-layout{gap:24px}.account-intro-note{display:none}}
.account-billing{margin-top:24px}.account-billing>p{max-width:760px;line-height:1.75;color:#74758a}.account-billing h3{margin:30px 0 16px;font-size:16px}.account-license{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e7e4f0;padding:20px 0}.account-license p{font-size:12px;line-height:1.7;color:#74758a;margin:7px 0}.account-license code{overflow-wrap:anywhere}.account-subscription{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #e7e4f0;padding:16px 0;font-size:12px}.account-checkout{max-width:560px}.account-scope{margin:0;padding:16px;border:1px solid #dcdde8;border-radius:8px}.account-scope legend{font-size:12px;font-weight:600;padding:0 6px}.account-scope label{display:block;font-size:12px;line-height:1.8;margin:4px 0 12px}.account-scope label strong{display:block;margin-left:23px;font-size:11px;color:#7c7d91}.account-scope input{accent-color:#5848d7}@media(max-width:650px){.account-license,.account-subscription{align-items:flex-start;flex-direction:column}}

@media(max-width:650px){.account-intro h1{font-size:32px}.account-illustration{max-width:260px;margin:10px auto 0}.account-intro{padding-bottom:18px}}
.account-code{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border:1px solid #e4e2ef;border-radius:10px;background:#f7f6fb;font-size:12px;line-height:1.7}

/* Developer-based purchase panel. Hidden controls retain their native semantics. */
.account-purchase [hidden]{display:none!important}
.account-purchase{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:48px;margin:32px 0 40px;align-items:start}
.account-purchase-details{padding:14px 0}
.account-purchase-details h3{font-size:36px;letter-spacing:-1.3px;margin:0 0 16px}
.account-purchase-details>p{font-size:14px;line-height:1.8;color:#61657c;max-width:380px}
.account-inclusions{list-style:none;padding:0;margin:24px 0 32px;display:grid;gap:15px;color:#454b63;font-size:12px;line-height:1.6}
.account-inclusions li{position:relative;padding-left:25px}
.account-inclusions li:before{content:'✓';position:absolute;left:0;color:#43826b;font-weight:700}
.account-purchase-fields{display:grid;gap:18px;max-width:380px}
.account-purchase-explore{display:inline-block;margin-top:24px;font-size:12px;font-weight:600}
.account-price-panel{padding:26px;border:1px solid #d7d2ee;border-radius:14px;background:linear-gradient(145deg,#f9f7ff,#fff 45%);box-shadow:0 8px 30px #34305e08;min-width:0}
.account-price-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px;font-size:14px}
.account-test-badge{font-size:8px;letter-spacing:.8px;color:#655393;background:#eae4f7;border-radius:4px;padding:5px 7px;white-space:nowrap;font-weight:750}
.account-price-panel .account-help{font-size:11px;color:#6b6e83}
.account-seat-stepper{display:flex;gap:8px;margin:4px 0 3px}
.account-seat-stepper button{width:45px;height:45px;border:1px solid #d9d7e7;border-radius:8px;background:#fff;color:#5848d7;font-size:24px;cursor:pointer}
.account-seat-stepper button:hover:not(:disabled){background:#eeebfa;border-color:#9e91db}
.account-seat-stepper button:disabled{color:#aaa6b8;background:#f4f3f7;cursor:default}
.account-seat-stepper input{width:78px;text-align:center;font-weight:600;font-size:17px;padding:8px;appearance:textfield;-moz-appearance:textfield}
.account-seat-stepper input::-webkit-inner-spin-button,.account-seat-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.account-multi-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 15px;margin:22px 0;border:1px solid #dedbe9;border-radius:9px;background:#fff;cursor:pointer}
.account-multi-option:has(input:checked){border-color:#a496df;background:#f3efff}
.account-multi-option>span:first-child{display:grid;gap:7px}
.account-multi-option strong{font-size:12px;color:#33354e;line-height:1.5}
.account-multi-option>span:first-child>span{font-size:11px;line-height:1.6;color:#727589}
.account-multi-option input{position:absolute;right:15px;width:40px;height:24px;margin:0;opacity:0;z-index:1;cursor:pointer}
.account-switch-track{flex:none;position:relative;width:38px;height:22px;border-radius:20px;background:#aaa9b9;transition:background .15s}
.account-switch-track:before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #28213d22;transition:transform .15s}
.account-multi-option input:checked+.account-switch-track{background:#5848d7}
.account-multi-option input:checked+.account-switch-track:before{transform:translateX(16px)}
.account-multi-option input:focus-visible+.account-switch-track{outline:3px solid #8673ed;outline-offset:4px}
.account-price-panel .account-price-breakdown{display:grid;grid-template-columns:1fr;gap:13px;margin:26px 0 21px;font-size:12px}
.account-price-breakdown>div{display:flex;justify-content:space-between;gap:16px}
.account-price-breakdown dt{color:#73758a}
.account-price-breakdown dd{color:#36394f;font-weight:550;text-align:right}
.account-price-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 0 18px;border-top:1px solid #e2deef;font-size:13px;font-weight:600}
.account-price-total small{display:block;font-size:10px;font-weight:400;color:#7d7b92;margin-top:7px}
.account-price-total output{font-size:34px;font-weight:650;letter-spacing:-1.1px;color:#302948;font-variant-numeric:tabular-nums}
.account-price-panel .account-button{font-size:12px;min-height:48px}
.account-price-panel .account-price-footnote{font-size:10px;line-height:1.7;text-align:center;color:#77758a;margin:14px 2px 0}
@media(max-width:850px){.account-purchase{gap:28px;grid-template-columns:minmax(0,1fr) minmax(290px,1fr)}.account-price-panel{padding:22px}.account-purchase-details h3{font-size:31px}}
@media(max-width:700px){.account-purchase{grid-template-columns:1fr;gap:26px}.account-purchase-details{padding:0}.account-purchase-details>p,.account-purchase-fields{max-width:none}.account-price-panel{padding:22px}.account-inclusions{margin:22px 0}.account-price-total output{font-size:clamp(23px,7vw,32px)}}
@media(forced-colors:active){.account-switch-track{border:1px solid ButtonText}.account-switch-track:before{background:ButtonText}.account-multi-option input:checked+.account-switch-track{background:Highlight}.account-multi-option input:checked+.account-switch-track:before{background:HighlightText}}
