/* Access previews inherit the selected palette; no independent theme or heavy dark panels. */
.access-shell{min-height:100dvh;padding:25px 5vw 16px;background:radial-gradient(ellipse at 0 45%,color-mix(in srgb,var(--purple) 7%,white),transparent 60%),var(--bg);display:flex;flex-direction:column}
.access-header,.access-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1210px;width:100%;margin:0 auto}
.access-header .brand-word,.access-portal .brand-word{font-size:20px}.access-header .brand-mark,.access-portal .brand-mark{width:37px;height:39px;flex-basis:37px}.access-private{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary)}.access-private .icon{width:14px}
.access-layout{display:grid;grid-template-columns:1fr minmax(380px,470px);gap:7vw;align-items:center;max-width:1120px;width:100%;margin:35px auto;flex:1}
.access-story{padding:10px 0 30px}.access-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--purple-dark);margin:0 0 17px}.access-story h2{font-size:clamp(30px,3.1vw,44px);font-weight:650;letter-spacing:-1.7px;line-height:1.17;margin:0 0 19px;color:var(--text-heading)}.access-story h2 span{color:var(--purple-dark)}.access-story>p{font-size:14px;line-height:1.75;max-width:410px;margin:0 0 30px;color:var(--text-secondary)}
.access-story-grid{display:grid;gap:12px;max-width:380px}.access-story-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;padding:13px 15px;background:color-mix(in srgb,var(--purple) 3%,white);border:1px solid color-mix(in srgb,var(--purple) 12%,white);border-radius:10px}.access-story-grid .icon{grid-row:span 2;background:var(--purple-soft);width:35px;height:35px;padding:8px;border-radius:8px;color:var(--purple-dark)}.access-story-grid strong{font-size:12px;font-weight:650}.access-story-grid span{font-size:11px;color:var(--text-secondary);margin-top:4px}.access-story-bottom{display:flex;gap:12px;margin-top:30px;align-items:center;color:var(--text-secondary)}.access-story-bottom>.icon{width:24px;height:24px;color:var(--purple-dark)}.access-story-bottom p{margin:0;line-height:1.65;font-size:11px}.access-story-bottom strong,.access-story-bottom span{display:block}.access-story-bottom strong{font-size:12px}
.access-card{border:1px solid color-mix(in srgb,var(--purple) 12%,#eee);border-radius:17px;background:#fff;padding:26px 30px;box-shadow:0 12px 45px color-mix(in srgb,var(--purple) 5%,transparent);min-width:0}.access-preview-note{background:color-mix(in srgb,var(--purple) 6%,white);border-radius:7px;padding:10px 12px;display:flex;gap:8px;margin-bottom:23px;font-size:10px;line-height:1.5;color:var(--text-secondary)}.access-preview-note strong,.access-preview-note span:not(.access-dot){display:block}.access-preview-note strong{font-size:11px;color:var(--purple-dark);margin-bottom:2px}.access-dot{width:6px;height:6px;flex-shrink:0;background:var(--purple);border-radius:50%;margin-top:4px}.access-card h1{font-size:27px;line-height:1.2;font-weight:650;letter-spacing:-.8px;margin:0 0 10px;color:var(--text-heading)}.access-focus:focus{outline:0}.access-card .access-eyebrow{font-size:9px;margin-bottom:10px}.access-intro{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0 0 20px;overflow-wrap:anywhere}
.access-providers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.access-providers button{border:1px solid #c5ccd4;background:#fff;min-height:41px;border-radius:7px;font-size:11px;gap:5px;color:#3c4043;padding:6px}.access-providers button:hover{background:#f8fafc}.access-providers img{object-fit:contain}.access-provider-status{text-align:center;font-size:9px;color:var(--text-secondary);margin:8px 0 0}.access-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:var(--text-secondary);font-size:10px}.access-divider:before,.access-divider:after{content:'';height:1px;flex:1;background:var(--line)}.access-disabled-fields{border:0;padding:0;margin:0;min-width:0}.access-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:600;color:var(--text-secondary);margin:0 0 14px}.access-field input,.access-control-form input{padding:11px 12px;border:1px solid #ccd3dc;border-radius:7px;background:#fff;color:var(--text);min-width:0;width:100%;font-size:12px}.access-field input:disabled{background:#f7f8fa;opacity:1;color:#596a7b}.access-card .btn{min-height:37px;padding:9px 13px;font-size:11px}.access-full{width:100%}.access-link,.access-back{border:0;background:none;color:var(--purple-dark);padding:0;font-weight:600;font-size:11px}.access-forgot{display:flex;margin:-2px 0 16px auto}.access-switch{font-size:11px;text-align:center;margin:16px 0 0}.access-demo{padding-top:17px;margin-top:18px;border-top:1px solid var(--line)}.access-demo>strong{font-size:11px;font-weight:600}.access-demo-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.access-demo-options .btn{font-size:10px;padding:7px 9px;min-height:32px;flex:1;white-space:nowrap}.access-demo p,.access-small{font-size:10px!important;line-height:1.65!important;color:var(--text-secondary);margin:12px 0 0}.access-footer{font-size:10px;color:var(--text-secondary);padding:8px 0}.access-footer a{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--text-secondary)}.access-footer .icon{width:14px}.access-message{padding:11px;border:1px solid color-mix(in srgb,var(--purple) 22%,white);background:var(--purple-soft);color:var(--purple-dark);font-size:11px;line-height:1.6;border-radius:7px;margin:0 0 17px}
.access-back{display:block;margin:0 0 22px;color:var(--text-secondary);font-weight:500}.access-hint{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;background:color-mix(in srgb,var(--purple) 5%,white);border-radius:8px;margin:17px 0}.access-hint .icon{color:var(--purple-dark);margin-top:2px}.access-hint p{font-size:11px;line-height:1.65;margin:0}.access-small+.access-full{margin-top:18px}.access-security-inline{display:flex;gap:12px;align-items:center;padding:17px 0 0;margin:19px 0 0;border-top:1px solid var(--line)}.access-security-inline strong,.access-security-inline small{display:block;line-height:1.5}.access-security-inline strong{font-size:12px}.access-security-inline small{font-size:10px;color:var(--text-secondary);margin-top:3px}.access-security-inline img,.access-authenticator-heading img{object-fit:contain;border-radius:8px;background:#fff}.access-step{display:flex;justify-content:space-between;gap:8px;color:var(--purple-dark);font-size:10px;font-weight:650;margin:0 0 24px}.access-step span{color:var(--text-secondary);font-weight:400}.access-stage-icon{width:45px;height:45px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple-dark);border-radius:11px;margin-bottom:20px}.access-neutral-box{padding:14px 16px;border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:20px 0}.access-neutral-box strong{font-size:11px}.access-neutral-box p{font-size:11px;line-height:1.7;margin:7px 0 0}.access-authenticator-heading{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;margin:0 0 22px}.access-instructions{padding-left:21px;font-size:11px;line-height:1.8;margin:20px 0}.access-instructions li{padding-left:4px;margin-bottom:6px}.access-qr-placeholder{display:flex;gap:14px;padding:18px;border:1px dashed color-mix(in srgb,var(--purple) 35%,white);background:var(--purple-soft);border-radius:9px;align-items:center}.access-qr-placeholder>.icon{width:38px;height:38px;color:var(--purple-dark);flex-shrink:0}.access-qr-placeholder strong,.access-qr-placeholder span{display:block;font-size:11px;line-height:1.7}.access-qr-placeholder span{font-size:10px;margin-top:3px}.access-store-links{display:flex;gap:18px;margin:13px 0 22px}.access-store-links a,.access-platform-signout{color:var(--purple-dark);font-size:11px}.access-code{font-size:28px!important;letter-spacing:8px;text-align:center;padding:15px!important;max-width:260px}.access-recovery-link{display:block;margin:20px 0}.access-card .access-small+.btn{margin-top:18px}.access-security-list{margin:18px 0}.access-security-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.access-security-list span{color:var(--text-secondary);text-align:right}.access-platform-signout{display:inline-block;margin-top:22px}.access-session-badge{font-size:9px;color:var(--purple-dark);border:1px solid color-mix(in srgb,var(--purple) 22%,white);border-radius:5px;padding:4px 6px;white-space:nowrap}.access-logout-btn{font-size:11px;padding:6px 8px}.access-logout-btn .icon{width:15px}.access-profile-button{border:0}
.access-portal{min-height:100dvh;background:var(--bg)}.access-portal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid var(--line);padding:18px 32px}.access-portal>header>div:last-child{display:flex;align-items:center;gap:18px}.access-portal-name{font-size:12px}.access-portal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100dvh - 80px)}.access-portal-layout>nav{padding:24px 15px;border-right:1px solid var(--line);background:#fff}.access-portal-layout>nav>button{width:100%;justify-content:flex-start;text-align:left;border:0;background:none;padding:12px;border-radius:7px;font-size:12px;margin-bottom:4px}.access-portal-layout>nav>button.active{background:var(--purple-soft);color:var(--purple-dark);font-weight:600}.access-portal-layout>main{padding:28px 32px;min-width:0}.access-portal-label{font-size:10px;color:var(--purple-dark);margin-bottom:12px}.access-portal-layout h1{font-size:24px;letter-spacing:-.5px;margin:0 0 23px;font-weight:650}.access-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;background:color-mix(in srgb,var(--purple) 8%,white);border:1px solid color-mix(in srgb,var(--purple) 13%,white);padding:26px;border-radius:12px;margin-bottom:20px}.access-welcome>.icon{width:56px;height:56px;color:var(--purple);opacity:.7}.access-welcome h2{font-size:25px;margin:9px 0}.access-welcome p{max-width:660px;line-height:1.7;font-size:12px;margin:8px 0}.access-welcome .access-eyebrow{font-size:9px}.access-portal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.access-portal-cards>button{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;text-align:left}.access-portal-cards>button>.icon:first-child{color:var(--purple-dark);background:var(--purple-soft);padding:8px;width:36px;height:36px;border-radius:8px}.access-portal-cards strong{font-size:13px}.access-portal-cards span{font-size:11px;line-height:1.6;color:var(--text-secondary)}.access-portal-cards>button>.icon:last-child{position:absolute;top:24px;right:20px;width:15px}.access-portal-free{border-top:1px solid var(--line);margin-top:30px;padding:20px 10px;display:grid;gap:8px;font-size:11px}.access-portal-free .icon{color:var(--purple-dark)}.access-portal-free span{font-size:10px;color:var(--text-secondary)}.access-portal-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px;margin:18px 0;max-width:900px}.access-portal-panel h2{font-size:16px;margin:0 0 12px}.access-portal-panel p{font-size:12px;line-height:1.75}.access-portal-panel .access-security-inline{margin-top:0;padding-top:0;border:0}.access-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.access-catalog-note{font-size:12px;color:var(--text-secondary);margin-bottom:20px}.access-product{background:#fff;border:1px solid color-mix(in srgb,var(--card-tone) 25%,white);border-top:3px solid var(--card-tone);border-radius:10px;padding:22px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.access-product-icon{background:color-mix(in srgb,var(--card-tone) 12%,white);color:var(--card-tone);padding:10px;border-radius:9px;display:flex}.access-product-tag{font-size:9px;color:var(--text-secondary)}.access-product h2{font-size:17px;line-height:1.4;margin:0}.access-product p{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0;flex:1}.access-product-price{font-size:13px;font-weight:600;margin:10px 0}.access-product>.btn{width:100%}.access-checkout ol{padding-left:18px;font-size:12px;line-height:1.9}.access-control-form{display:flex;gap:10px;margin:22px 0}.access-control-form .btn{flex-shrink:0}.access-control-item{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:10px 0;gap:12px}.access-control-item label{display:flex;gap:12px;align-items:center;font-size:12px;overflow-wrap:anywhere}.access-control-item input{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0}.access-control-item:has(input:checked) label span{text-decoration:line-through;color:var(--text-secondary)}
@media(min-width:1400px){.access-layout{gap:110px}.access-card{padding:30px 34px}}
@media(max-width:1050px){.access-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(350px,430px)}.access-story h2{font-size:34px}.access-shell{padding:24px 30px 15px}.access-card{padding:24px}.access-session-badge{display:none}.access-product-grid{grid-template-columns:1fr}.access-product{display:grid;grid-template-columns:auto 1fr;gap:10px 18px}.access-product-icon{grid-row:span 2}.access-product h2{grid-column:2}.access-product p,.access-product-price,.access-product>.btn{grid-column:1/-1}.access-product>.btn{width:auto}.access-portal-cards{grid-template-columns:1fr}}
@media(max-width:760px){.access-story{display:none}.access-layout{display:block;max-width:460px;margin:25px auto}.access-header{max-width:460px}.access-private{font-size:0;gap:0}.access-private .icon{width:17px}.access-shell{padding:20px 18px 14px}.access-card{padding:23px 22px}.access-card h1{font-size:26px}.access-footer{max-width:460px;flex-wrap:wrap;gap:12px;font-size:9px}.access-footer a{font-size:9px}.access-portal>header{padding:15px 18px}.access-portal-name{display:none}.access-portal-layout{display:flex;flex-direction:column}.access-portal-layout>nav{display:flex;padding:9px;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.access-portal-layout>nav>button{width:auto;white-space:nowrap;padding:9px;font-size:10px;margin:0;gap:6px}.access-portal-layout>nav>button .icon{width:15px}.access-portal-free{display:none}.access-portal-layout>main{padding:22px 18px}.access-portal-layout h1{font-size:23px}.access-welcome{padding:20px;gap:12px}.access-welcome>.icon{display:none}.access-portal-panel{padding:18px}.access-control-form{gap:7px}.access-control-form .btn{font-size:10px}.access-security-list>div{align-items:flex-start;gap:12px}.access-session-badge{display:none}.access-logout-btn{padding:5px;font-size:10px}.top-actions{gap:4px!important}.access-logout-btn .icon{width:14px}}
@media(max-width:380px){.access-card{padding:21px 17px}.access-shell{padding:18px 12px 12px}.access-providers{grid-template-columns:1fr}.access-step{font-size:9px}}