/* Shared Slate identity. Existing page structures and navigation remain in place. */
:root,body,.dark,.dashboard-page {
 --background:#0c0f12; --foreground:#dde0e4; --surface:#101316; --surface-raised:#16191d; --surface-hover:#1d2227;
 --card:#101316; --card-foreground:#dde0e4; --border:#373f4785; --border-strong:#444e58; --muted:#9098a1; --muted-foreground:#9098a1; --muted-strong:#b5bdc6;
 --accent:#008cff; --accent-soft:#008cff14; --accent-text:#fff; --text:#dde0e4; --text-2:#b5bdc6; --text-3:#9098a1; --text-faint:#7c838c;
 --bg:#0c0f12; --bg-1:#101316; --bg-2:#16191d; --glass:#101316; --glass-md:#16191d; --glass-strong:#1d2227;
 --violet:#008cff; --violet-2:#36a5ff; --violet-soft:#77c1ff; --violet-dim:#008cff14; --cyan:#008cff; --cyan-dim:#008cff14;
 --r-xs:4px; --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:12px; --radius:6px;
 --grad:linear-gradient(110deg,#007cde,#008cff); --sh-card:0 8px 30px #0002;
 --font-d:ArticSlate,Arial,sans-serif; --font-b:ArticSlate,Arial,sans-serif;
}
html  { color-scheme:dark; scrollbar-color:#373f47 #0c0f12; scrollbar-width:thin; }
body  { font-family:ArticSlate,Arial,sans-serif; background:#0c0f12; color:#dde0e4; }
body::before  { display:none; } .app-shell  { background:radial-gradient(ellipse 760px 350px at 50% 0,#008cff0b,transparent 80%),#0c0f12; }
button,input,select,textarea  { font-family:inherit; } :focus-visible  { outline:2px solid #008cff; outline-offset:3px; }
.topbar,.site-header  { background:#0c0f12f5; border-bottom:1px solid var(--border); backdrop-filter:blur(16px); }
.brand__name,.brand-name  { letter-spacing:-.02em; }.brand__logo,.brand-mark img  { object-fit:contain; filter:drop-shadow(0 0 8px #008cff18); }
.main-nav a,.main-nav button  { border-radius:4px; font-size:14px; font-weight:400; color:#9098a1; }
.main-nav .active,.main-nav button.active,.main-nav a.active  { color:#008cff; background:#191e23; box-shadow:inset 0 -2px #008cff; }
.official-wordmark .wordmark-artic  { color:#008cff; text-shadow:0 0 70px #008cff12; }.official-wordmark  { font-family:ArticSlate,Arial,sans-serif; font-weight:800; }
.showcase-copy > p  { color:#9098a1; }.desktop-feature-strip > span  { border:1px solid var(--border); background:#101316; border-radius:6px; }
.desktop-feature-strip b  { color:#dde0e4; font-size:12px; }.desktop-feature-strip small  { color:#9098a1; }.feature-symbol  { color:#008cff; }
.btn,.login-button,.primary-button,.soft-button,.dashboard-page .btn  { border-radius:5px; font-size:14px; font-weight:500; letter-spacing:0; min-height:40px; transition:background .16s,border-color .16s; box-shadow:none; }
.btn--primary,.primary-button,.login-button,.dashboard-page .btn--primary  { background:#008cff; color:#fff; border-color:#008cff; box-shadow:none; }
.btn--primary:hover,.primary-button:hover,.login-button:hover,.dashboard-page .btn--primary:hover  { background:#1596ff; border-color:#1596ff; filter:none; transform:none; }
.btn--outline,.btn--ghost,.soft-button,.dashboard-page .btn--outline  { background:#16191d; border-color:var(--border); color:#dde0e4; }.btn--outline:hover,.soft-button:hover  { background:#1d2227; border-color:#56616e; }
.glass-card,.dashboard-page .glass-card,.auth-card,.access-plan-card,.purchase-panel,.info-cards article,.settings-section__body,.modal-box { background:radial-gradient(ellipse 280px 160px at 50% -80px,#008cff0c,transparent),#101316; border:1px solid var(--border); border-radius:7px; box-shadow:none; }
.glass-card::before,.glass-card::after  { display:none; }.glass-card:hover  { transform:none; box-shadow:none; }
.glass-card h3,.panel-heading h2,.panel-heading h3,.settings-section__header h3,.dashboard-page h3,.info-cards h3  { color:#008cff; font-weight:500; }
.feature-card,.pricing-card,.review-card,.accordion-item  { background:#101316; border-color:var(--border); border-radius:6px; }
.access-plan-card.selected,.access-plan-card.active,.method.active,.method.selected,.pricing-card--featured  { border-color:#008cff; background:linear-gradient(180deg,#008cff0c,transparent),#101316; box-shadow:none; }
.access-plan-card > em,.pricing-badge,.plan-badge  { background:#008cff; color:white; box-shadow:none; }.method  { border-radius:5px; background:#16191d; border-color:var(--border); }
.access-plan-card:hover,.method:hover  { transform:none; border-color:#008cff; }.payment-details,.purchase-summary,.license-preview,.stats-bar,.compact-stats  { border-color:var(--border); background:#101316; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea  { color-scheme:dark; }
.form-control,.form-input,.form-select,.form-textarea,.dashboard-page .form-control,.dashboard-page .form-input,.dashboard-page .form-select,.dashboard-page .form-textarea { background:#16191d; color:#dde0e4; border:1px solid var(--border); border-radius:4px; min-height:42px; font-size:14px; box-shadow:none; }
.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus { border-color:#008cff; box-shadow:0 0 0 2px #008cff15; }
.form-control::placeholder,.form-input::placeholder,.form-textarea::placeholder  { color:#7c838c; } .form-group label,.form-label,.dashboard-page .form-label  { color:#bdc5cd; font-weight:400; font-size:14px; }
.form-group input[type=checkbox],.form-group input[type=radio]  { accent-color:#008cff; }.settings-section__header  { background:#101316; border-color:var(--border); border-radius:6px 6px 0 0; padding:16px 20px; }
.settings-section__body  { border-radius:0 0 6px 6px; }.modal-box { max-height:calc(100dvh - 32px); overflow:auto; }.modal-overlay { background:#050709b8; backdrop-filter:blur(5px); }
.accordion-trigger  { color:#dde0e4; }.accordion-item.open  { border-color:#008cff66; }.badge,.dashboard-page .badge  { border-radius:4px; padding:4px 8px; font-size:11px; font-weight:400; }
.badge--active,.badge--success  { background:#00ce7312; color:#65d49f; border-color:#00ce7330; }.badge--expired  { color:#e3b566; background:#ff990010; }
.alert,.dashboard-page .alert  { border-radius:5px; font-size:13px; }.alert--info  { background:#008cff0c; border-color:#008cff40; color:#a8c5de; }
.site-footer,.bottom-bar  { border-color:var(--border); }.footer__inner,.bottom-bar  { color:#9098a1; }.footer-brand b  { color:#008cff; }
.mobile-menu-panel,.mobile-menu,.mobile-purchase-bar  { background:#101316f8; border-color:var(--border); }.toast  { background:#16191d; border-radius:5px; border-color:var(--border); }
/* Both account workspaces share the same panel rhythm and typography. */
.dashboard-page  { --sidebar-width:232px; }.dashboard-page .dash-sidebar  { background:#101316; border-right:1px solid var(--border); padding:22px 14px 16px; }
.dashboard-page .brand__name  { color:#008cff; font-size:15px; }.sidebar-brand-row  { padding-bottom:23px; }
.workspace-label  { border:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0; margin:0 0 24px; padding:17px 8px; font-size:13px; }
.workspace-icon  { background:#008cff0c; color:#008cff; border:1px solid #008cff1a; border-radius:4px; }.workspace-label small  { color:#7c838c; font-size:11px; }
.dashboard-page .dash-nav-label  { color:#687481; font-size:10px; letter-spacing:1px; }.dashboard-page .dash-nav a  { font-size:14px; font-weight:400; color:#9098a1; border-radius:4px; min-height:42px; padding:10px 12px; }
.dashboard-page .dash-nav a.active  { background:#191e23; border-color:var(--border); color:#008cff; box-shadow:inset 3px 0 #008cff; }.dashboard-page .dash-nav a:hover  { background:#191e23; color:#dde0e4; }
.dashboard-page .dash-main  { background:radial-gradient(ellipse 520px 350px at 50% 65px,#008cff09,transparent); }.workspace-header  { height:64px; background:#0c0f1290; border-bottom:1px solid var(--border); }
.breadcrumb  { color:#7c838c; font-size:12px; }.breadcrumb strong  { color:#bdc5cd; }.header-help  { font-size:12px; }.dash-content  { padding-top:34px; max-width:1320px; }
.eyebrow  { color:#008cff; font-size:10px; letter-spacing:1.5px; }.dashboard-page .dash-topbar h1  { font-size:30px; font-weight:500; letter-spacing:-.7px; margin-bottom:8px; }.dashboard-page .dash-topbar p  { color:#9098a1!important; font-size:14px!important; }
.dashboard-page .glass-card  { padding:24px; }.dashboard-page .info-grid  { gap:12px; margin-bottom:24px; }.dashboard-page .info-tile  { padding:20px; min-height:142px; }
.dashboard-page .info-tile .label  { font-size:13px; color:#9098a1; }.stat-heading .ui-icon  { color:#008cff; width:17px; height:17px; }
.dashboard-page .info-tile .value  { font-size:32px; line-height:1.15; color:#dde0e4; margin:19px 0 8px; font-weight:500; font-variant-numeric:tabular-nums; }.dashboard-page .info-tile .value--text  { font-size:25px; }.stat-caption  { font-size:12px; color:#7c838c; }
.panel-heading  { padding-bottom:14px; margin-bottom:16px; border-bottom:1px solid #2a303680; }.panel-heading h2,.panel-heading h3  { font-size:17px; font-weight:500; }.panel-heading p  { font-size:12px; color:#9098a1; }
.dashboard-page .product-card  { background:radial-gradient(ellipse 400px 200px at 50% -80px,#008cff18,transparent),#101316; padding:26px; }.product-logo  { border-radius:5px; border-color:#373f4785; background:#16191d; }.product-logo img  { width:42px; height:42px; }
.product-heading h2  { color:#008cff; font-size:24px; font-weight:500; }.product-heading p,.product-card > p  { color:#9098a1; font-size:14px; }.product-meta  { font-size:12px; color:#7c838c; }
.quick-link  { padding:15px 0; }.quick-link strong  { font-size:14px; font-weight:500; }.quick-link small  { font-size:12px; color:#7c838c; }.quick-link > .ui-icon:first-child  { color:#008cff; }.quick-link:hover strong,.subtle-link  { color:#008cff; }.subtle-link  { font-size:13px; }
.release-title  { font-size:16px; line-height:1.5; font-weight:400; }.account-details > div  { font-size:13px; padding:13px 0; border-color:#2a303680; }.build-info h3  { font-size:17px; }.build-info p  { font-size:13px; }
.account-avatar,.table-person .account-avatar  { background:#16191d; color:#008cff; border:1px solid var(--border); border-radius:4px; font-weight:500; }.account-identity strong  { font-size:13px; }.account-identity small  { font-size:11px; }.sidebar-utility  { font-size:12px; }.icon-button  { border-radius:4px; }
.dashboard-page .table-panel  { padding:0; }.table-panel .panel-heading  { padding:22px 24px 18px; margin:0; }.table-wrap  { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
.dashboard-page .data-table  { font-size:13px; }.dashboard-page .data-table th  { background:#16191d; color:#9098a1; padding:13px 18px; font-size:12px; font-weight:400; }.dashboard-page .data-table td  { border-color:#2a303680; padding:16px 18px; }.dashboard-page .data-table tbody tr:hover  { background:#16191d; }
.table-person strong  { font-size:13px; font-weight:400; }.table-person small  { font-size:11px; color:#7c838c; }.table-note  { font-size:12px; color:#7c838c; border-color:var(--border); }
.search-bar,.filter-bar  { gap:8px; }.filter-btn,.audit-tabs a  { border-radius:4px; }.audit-tabs a.active  { color:#008cff; background:#191e23; border-color:#373f4785; box-shadow:inset 0 -2px #008cff; }
.audit-pagination  { flex-wrap:wrap; gap:12px; }.dashboard-page .action-btns .btn  { min-height:32px; }.grid > *,.dashboard-columns > *  { min-width:0; }
@media(max-width:920px) { .dashboard-page .dash-sidebar  { width:min(290px,86vw); }.dashboard-page .dash-menu-toggle,.sidebar-close  { width:44px; height:44px; }.workspace-header  { height:64px; }.dash-content  { padding:28px 22px 40px; } }
@media(max-width:700px) {
 body  { -webkit-text-size-adjust:100%; }.topbar,.site-header__inner  { min-height:64px; }.content-area  { padding-inline:16px; }
 .btn,.login-button,.primary-button,.soft-button,.icon-button,.main-nav a,.main-nav button,.copy-btn,.filter-btn,.audit-tabs a,.dashboard-page .btn  { min-height:44px; }
 .form-control,.form-input,.form-select,.form-textarea,.dashboard-page .form-control,.dashboard-page .form-input,.dashboard-page .form-select { font-size:16px; min-height:46px; }
 .nav-actions  { gap:6px; }.nav-actions .btn  { padding-inline:10px; }.site-header__inner .brand__name  { font-size:13px; }.site-header__inner .brand__logo  { width:28px; height:28px; }
 .dash-content  { padding:24px 16px 36px; }.dashboard-page .dash-topbar  { flex-wrap:wrap; gap:16px; }.dashboard-page .dash-topbar h1  { font-size:28px; }.dashboard-page .dash-topbar p  { font-size:13px!important; }
 .dashboard-page .info-grid  { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.dashboard-page .info-tile  { padding:16px; min-height:132px; }.dashboard-page .info-tile .value  { font-size:28px; }.dashboard-page .info-tile .value--text  { font-size:22px; }.dashboard-page .info-tile .label  { font-size:12px; }.stat-caption  { font-size:11px; }
 .dashboard-columns,.grid--2,.grid--3  { grid-template-columns:minmax(0,1fr)!important; }.dashboard-page .glass-card  { padding:20px; }.dashboard-page .table-panel  { padding:0; }.table-panel .panel-heading  { padding:18px; }.panel-heading  { flex-wrap:wrap; gap:10px; }
 .dashboard-page .data-table th,.dashboard-page .data-table td  { padding:13px 14px; }.table-person small  { max-width:180px; overflow:hidden; text-overflow:ellipsis; }
 .product-actions  { align-items:stretch; }.product-actions .btn  { width:100%; }.product-meta  { margin-top:2px; }.account-details > div  { flex-wrap:wrap; gap:7px; }.account-details dd  { text-align:left; }.build-summary  { align-items:stretch; }
 .workspace-header  { padding-inline:12px; gap:8px; }.breadcrumb  { font-size:11px; gap:6px; }.sidebar-utility  { min-height:44px; }.dashboard-page .dash-nav a  { min-height:46px; }
 .modal-box { width:calc(100vw - 28px); padding:22px; }.modal-footer  { flex-wrap:wrap; }.audit-filters  { align-items:stretch; }.audit-filters label  { min-width:0; }.audit-pagination  { padding:16px; font-size:12px; }
 .toast-container  { left:14px; right:14px; }.toast  { min-width:0; width:100%; }.auth-card  { padding:24px 20px; }.auth-card h1  { font-size:28px; }
 .mobile-purchase-bar  { padding-bottom:max(12px,env(safe-area-inset-bottom)); }.purchase-panel,.info-cards article  { border-radius:6px; }
}
@media(max-width:380px) { .site-header__inner .brand__name  { max-width:80px; line-height:1.1; }.stat-heading  { gap:4px; }.stat-heading .ui-icon  { width:14px; }.dashboard-page .info-tile  { padding:13px; }.dashboard-page .info-tile .value--text  { font-size:20px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after  { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.dashboard-page .info-tile .label  { font-weight:400; }
.dashboard-page .brand__name  { font-weight:500; }
.stats-strip  { border-radius:6px; }.stat-card  { background:#101316; border-color:var(--border); }
@media(max-width:700px) {
 .dashboard-page [style*="grid-template-columns:1fr 1fr"],.dashboard-page [style*="grid-template-columns:54px 1fr 2fr"]  { grid-template-columns:minmax(0,1fr)!important; }
 .dashboard-page [style*="min-width:220px"]  { min-width:0!important; }
 .search-bar  { flex-wrap:wrap; }.search-bar .form-control  { flex:1 1 100%; }
}
.demo-key-dialog  { width:min(360px,calc(100vw - 32px)); border:1px solid #373f47; border-radius:7px; background:#101316; padding:22px; color:#dde0e4; }
.demo-key-dialog::backdrop  { background:#000a; }.demo-key-dialog h2  { color:#008cff; font-size:20px; font-weight:500; }.demo-key-dialog select  { width:100%; min-height:46px; border:1px solid #373f47; border-radius:4px; background:#16191d; color:#dde0e4; font-size:16px; padding:8px; }.demo-key-dialog > div  { display:flex; justify-content:flex-end; gap:8px; margin-top:20px; }
.desktop-feature-strip b  { font-weight:500; white-space:normal; }.desktop-feature-strip > span  { min-width:0; }
@media(max-width:700px) { .desktop-feature-strip b  { font-size:11px; }.desktop-feature-strip > span  { padding-inline:8px; } }
/* Quiet hierarchy for public pages, matching the regular-weight client headings. */
.page-heading h1,.auth-card h1,.auth-card h2,.section-head h2,.page-title  { font-weight:500; }
.access-plan-card > em  { background:transparent; color:#9098a1; font-size:12px; font-weight:400; }
.access-plan-card.selected > em  { color:#008cff; }
.access-plan-card > strong,.pricing-card__price  { font-weight:500; }
.desktop-feature-strip b  { font-weight:400; }
@media(max-width:380px) {
 .topbar  { gap:10px; padding-inline:12px; }.topbar .brand  { gap:5px; font-size:11px; }.topbar .brand-mark  { width:28px; height:28px; }.topbar .login-button  { font-size:12px; padding-inline:10px; min-width:0; }
}
.cheat-card h3  { overflow:hidden; }.demo-row label  { white-space:nowrap; overflow:hidden; }

/* October polish: quiet showcase, continuous page transitions, aligned plan summary. */
.content-area  { position:relative; overflow-x:clip; }
.visually-hidden  { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; border:0!important; }
.subscription-overview  { margin-bottom:24px; border:1px solid var(--border); border-radius:10px; overflow:hidden; background:radial-gradient(ellipse at 15% 0,#008cff12,transparent 70%),#101316; }
.subscription-heading  { display:flex; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid var(--border); font-size:14px; color:var(--text); }
.subscription-product  { color:var(--accent); font-size:12px; }
.subscription-details  { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:26px 0; }
.subscription-detail  { display:flex; flex-direction:column; gap:12px; padding:0 24px; min-width:0; }
.subscription-detail + .subscription-detail  { border-left:1px solid var(--border); }
.subscription-label  { display:block; color:var(--text-3); font-size:12px; font-weight:400; }
.subscription-value  { font-size:clamp(20px,2.2vw,28px); line-height:1.2; font-weight:600; letter-spacing:-.03em; overflow-wrap:anywhere; }
.subscription-hint  { color:var(--text-3); font-size:12px; }
.subscription-state  { display:flex; align-items:center; gap:10px; }
.subscription-state:before  { content:''; width:7px; height:7px; border-radius:50%; background:var(--text-3); flex-shrink:0; }
.subscription-state.is-active:before  { background:#43d99b; box-shadow:0 0 12px #43d99b33; }
.subscription-state.is-banned:before  { background:#ff697a; }
.subscription-license  { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; background:#0c0f1266; border-top:1px solid var(--border); }
.subscription-license > div  { min-width:0; }.subscription-license code  { display:block; margin-top:8px; font:13px/1.5 ui-monospace,monospace; color:var(--text); overflow-wrap:anywhere; }
.subscription-license .copy-btn  { padding:9px 13px; flex-shrink:0; font-size:12px; min-height:36px; }
@media(max-width:600px) {
 .subscription-heading,.subscription-license  { padding:16px; }.subscription-product  { display:none; }
 .subscription-details  { grid-template-columns:1fr; padding:0 16px; }.subscription-detail  { padding:20px 0; gap:8px; }
 .subscription-detail + .subscription-detail  { border-left:0; border-top:1px solid var(--border); }.subscription-value  { font-size:24px; }
}

/* Continuous sections support wheel, touch and navigation buttons. */
.page-section  { scroll-margin-top:90px; }
#demo-close  { color:#7c838c; font-size:13px; padding:0 10px; cursor:default; user-select:none; }
.audit-tabs  { flex-wrap:wrap; gap:6px; }
@media(prefers-reduced-motion:reduce) { html  { scroll-behavior:auto; } }

/* Consistent icon treatment and restrained motion across the site. */
.info-cards article  { min-height:254px; padding:30px 26px; background:radial-gradient(ellipse at 50% 0,#008cff0a,transparent 65%),#101316; }
.info-cards .info-symbol  { display:grid; place-items:center; width:58px; height:58px; margin:0 auto; border:1px solid #008cff30; border-radius:15px; background:linear-gradient(145deg,#008cff18,#008cff04); color:#259fff; box-shadow:inset 0 1px #ffffff08; }
.info-symbol .ui-icon  { width:29px; height:29px; stroke-width:1.65; }
.info-cards h2  { margin:22px 0 12px; font-size:19px; line-height:1.3; }
.info-cards p  { color:#a0a9b3; font-size:13px; line-height:1.8; max-width:32ch; margin-inline:auto; }
.feature-symbol  { display:grid; place-items:center; }.feature-symbol .ui-icon,.stat-icon .ui-icon  { width:20px; height:20px; }
.btn,.login-button,.primary-button,.soft-button,.main-nav a,.main-nav button,.quick-link,.method,.access-plan-card,.info-cards article  { transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1); }
.form-control,.form-input,.form-select,.form-textarea  { transition:border-color .2s ease,box-shadow .2s ease; }
.btn:active,.primary-button:active,.soft-button:active,.login-button:active  { transform:translateY(1px); }
.btn:disabled,button:disabled  { cursor:not-allowed; opacity:.55; }
.auth-wrapper  { padding:clamp(32px,6vw,76px) 20px; }
.auth-card  { width:100%; max-width:460px; padding:32px; background:radial-gradient(ellipse at 50% 0,#008cff10,transparent 58%),#101316; box-shadow:0 18px 60px #0003; }
.auth-eyebrow  { display:block; color:#259fff; font-size:11px; letter-spacing:.16em; margin-bottom:15px; }
.auth-card__header h1  { font-size:30px; letter-spacing:-.04em; line-height:1.2; }
.auth-card__header .subtext  { color:#a0a9b3; line-height:1.7; margin-top:12px; }
.auth-card .form-control  { min-height:46px; border-radius:6px; }
.field-hint  { display:block; margin-top:8px; color:#909aa5; font-size:12px; line-height:1.6; }
.license-key-input  { text-transform:uppercase; letter-spacing:.04em; }
.auth-card .alert  { line-height:1.6; }
@media(hover:hover) {
 .info-cards article:hover  { transform:translateY(-3px); border-color:#008cff70; box-shadow:0 12px 32px #0003; }
 .btn--primary:hover,.primary-button:hover,.login-button:hover  { box-shadow:0 4px 18px #008cff22; }
 .quick-link:hover  { transform:translateX(3px); }
}
@media(prefers-reduced-motion:no-preference) {
 .auth-card,.dash-content  { animation:artic-enter .32s ease-out both; }
 @keyframes artic-enter { from  { opacity:0; transform:translateY(7px); } to  { opacity:1; transform:translateY(0); } }
}
@media(max-width:700px) {
 .info-cards article  { min-height:0; padding:26px 24px; }
 .info-cards h2  { margin-top:20px; }
 .auth-wrapper  { padding:28px 16px; }.auth-card  { padding:26px 22px; }
 .auth-card__header h1  { font-size:27px; }.auth-card .form-control  { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after  { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* Readable access cards at desktop and mobile sizes. */
.access-plan-card { min-height:210px; padding:28px 20px 20px; }
.access-plan-top b { font-size:17px; font-weight:600; color:#f2f5f8; }
.access-plan-card > small { color:#bbc5cf; font-size:13px; line-height:1.5; }
.access-plan-card > em { color:#c6ced7; font-size:12px; font-weight:500; line-height:1.5; }
.access-plan-card.selected > em { color:#49b4ff; }
.access-popular { font-size:10px; font-weight:700; letter-spacing:.04em; padding:4px 8px; }

/* Current desktop menu: compact rounded navigation and cards. */
.cheat-preview{font-size:15px;border-radius:12px;background:#0b0e10}
.cheat-body{grid-template-columns:155px minmax(0,1fr);padding-top:0}
.cheat-brand strong{color:#dde0e4;font-weight:700}
.cheat-nav{padding:12px 8px;scrollbar-width:thin;background:#101417}
.demo-nav-group{border:1px solid #272d32;border-radius:8px;background:#161a1d;margin-bottom:5px;overflow:hidden}
.demo-nav-group.selected{border-color:color-mix(in srgb,var(--cheat-accent) 45%,transparent)}
.cheat-tab,.cheat-tab.active{height:28px;margin:0;padding:0 11px;border:0!important;background:none;border-radius:7px;font-size:15px!important;color:#c1c5c9}
.cheat-tab.active{color:var(--cheat-accent)}
.cheat-subnav{margin:2px 5px 6px}
.cheat-subnav button{font-size:15px!important;height:24px;padding:0 12px;border-radius:5px}
.cheat-subnav button.active{background:color-mix(in srgb,var(--cheat-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--cheat-accent) 30%,transparent)}
.cheat-subnav button.active::before{content:none}
.cheat-main{padding:12px;background:#0b0e10}
.cheat-card{border-radius:12px;background:#101417;border-color:#272d32}
.cheat-card h3{font-size:15px;font-weight:400;height:44px}
.demo-action{background:#161a1d!important;color:#dde0e4!important;border:1px solid #272d32!important;border-radius:8px!important;min-height:30px;font-size:15px!important}
.demo-quickteleport-row{display:grid;gap:8px}.demo-text-input{min-width:0;max-width:100%}
.cheat-card{padding:0 12px 8px}.cheat-card h3{height:34px;margin-bottom:8px}.demo-row{gap:8px;min-height:24px;margin-bottom:4px}.demo-range-row{height:30px}.demo-bind-row,.demo-segment-row{min-height:30px}.demo-bind{height:30px}.demo-action-row{min-height:30px}.demo-action{height:30px}.demo-select-row{gap:3px}.demo-color-row{min-height:20px}.demo-quickteleport-row{gap:4px}.cheat-column{gap:4px}.demo-section-heading{padding-bottom:4px}