:root{--bg-page:#fff;--bg-surface:#fff;--bg-elevated:#f9fafb;--bg-hover:#f3f4f6;--bg-input:#f9fafb;--bg-card:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--border-focus:#3b82f6;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--text-4:#6b7280;--text-link:#2563eb;--text-link-hover:#1d4ed8;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--success:#22c55e;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.1);--ease:cubic-bezier(.25,.1,.25,1);--dur:150ms;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--alert-bg:rgba(239,68,68,.06);--alert-border:rgba(239,68,68,.2);--alert-text:#dc2626}
@media(prefers-color-scheme:dark){:root{--bg-page:#0c0c0c;--bg-surface:#111;--bg-elevated:#1a1a1a;--bg-hover:#222;--bg-input:#1a1a1a;--bg-card:#141414;--border:#2a2a2a;--border-strong:#333;--text-1:#fff;--text-2:#a1a1a1;--text-3:#666;--text-4:#888;--text-link:#60a5fa;--text-link-hover:#93c5fd;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 10px 30px rgba(0,0,0,.5);--scrollbar-thumb:#444;--scrollbar-thumb-hover:#555;--alert-bg:rgba(239,68,68,.08);--alert-border:rgba(239,68,68,.25);--alert-text:#fca5a5}}
#svg-icons{position:absolute;width:0;height:0;overflow:hidden}
html{color-scheme:light dark}
body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;margin:0}
main{min-height:100vh;display:flex;flex-direction:column}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--text-1);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 16px}
h1,.h1{font-size:1.75rem}
h2,.h2{font-size:1.375rem}
h3,.h3{font-size:1.125rem}
h4,.h4{font-size:1rem}
h5,.h5{font-size:.9375rem}
h6,.h6{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
p{color:var(--text-2);line-height:1.65;margin:0 0 16px}
strong,b{color:var(--text-1);font-weight:600}
small{font-size:.8125rem;color:var(--text-2)}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur) var(--ease)}
a:hover{color:var(--text-link-hover)}
.nav-link{display:block;padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}
.nav-link:hover{color:var(--text-1);background:var(--bg-hover)}
.nav-cta{display:block;padding:8px 18px;border-radius:var(--radius-md);background:var(--accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background var(--dur) var(--ease)}
.nav-cta:hover{background:var(--accent-hover);color:#fff}
.auth-link{color:var(--text-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong);transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease)}
.auth-link:hover{color:var(--text-1);text-decoration-color:var(--text-2)}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}
.container--medium{max-width:960px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
.row > *{padding:0 12px;min-width:0}
.col-10{flex:0 0 83.333%;max-width:83.333%}
.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:576px){.col-sm-4{flex:0 0 33.333%;max-width:33.333%}
.col-sm-6{flex:0 0 50%;max-width:50%}
.col-sm-8{flex:0 0 66.667%;max-width:66.667%}}
@media(min-width:768px){.col-md-4{flex:0 0 33.333%;max-width:33.333%}
.col-md-5{flex:0 0 41.667%;max-width:41.667%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-md-7{flex:0 0 58.333%;max-width:58.333%}
.col-md-8{flex:0 0 66.667%;max-width:66.667%}
.col-md-10{flex:0 0 83.333%;max-width:83.333%}}
@media(min-width:992px){.col-lg-1{flex:0 0 8.333%;max-width:8.333%}
.col-lg-3{flex:0 0 25%;max-width:25%}
.col-lg-4{flex:0 0 33.333%;max-width:33.333%}
.col-lg-5{flex:0 0 41.667%;max-width:41.667%}
.col-lg-6{flex:0 0 50%;max-width:50%}}
@media(min-width:1200px){.col-xl-3{flex:0 0 25%;max-width:25%}}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);line-height:1.4;text-decoration:none;outline:none}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary:hover{background:var(--accent-hover);color:#fff}
.btn--block{width:100%}
.btn--lg{padding:12px 20px;font-size:15px}
.btn--sm{padding:8px 16px;font-size:13px}
.btn--xsm{padding:0}
button.btn{border:none}
.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="tel"],textarea,select{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-1);font-family:var(--font-sans);font-size:15px;line-height:1.5;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);outline:none}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-3)}
.form-control:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}
.form-group + .form-group{margin-top:16px}
.custom-select{position:relative}
.custom-select select{appearance:none;padding-right:40px}
.custom-select .icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-3);width:16px;height:16px}
.custom-select .icon svg{width:100%;height:100%;fill:currentColor}
.form.loading{opacity:.5;pointer-events:none}
[class*="msg-main"]{background:var(--alert-bg);border:1px solid var(--alert-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--alert-text);font-size:14px;line-height:1.5;margin-bottom:16px}
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}
.card--has-shadow{box-shadow:var(--shadow-md)}
.footer{background:var(--bg-surface);border-top:1px solid var(--border);margin-top:auto}
.footer .grayed-out{opacity:.4;transition:opacity var(--dur) var(--ease)}
.footer .grayed-out:hover{opacity:.6}
.footer__menu{list-style:none;padding:0;margin:0}
.footer__menu .menu-item{margin-bottom:10px}
.footer__menu .menu-item a{color:var(--text-3);font-size:14px;text-decoration:none;transition:color var(--dur) var(--ease)}
.footer__menu .menu-item a:hover{color:var(--text-2)}
.footer .header,.footer label{color:var(--text-2);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.footer__copy-right{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}
.footer__copy-right p{font-size:13px;color:var(--text-3);margin:0}
.footer__payments{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0;justify-content:flex-end}
.footer__payments img{height:24px;width:auto;opacity:.5}
.layout-section--bg-active-gradient{background:var(--bg-surface);border-bottom:1px solid var(--border)}
.layout-section--bg-active-gradient h1{font-size:2rem;margin:0}
.text-block{padding-bottom:64px}
.text-block h2{font-size:1.25rem;margin-top:40px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.text-block h3{font-size:1.0625rem;margin-top:32px;margin-bottom:12px}
.text-block h4{font-size:.9375rem;margin-top:24px;margin-bottom:10px}
.text-block p{font-size:15px;line-height:1.7;color:var(--text-2);margin-bottom:16px}
.text-block ul,.text-block ol{margin:0 0 16px;padding-left:24px;color:var(--text-2)}
.text-block li{margin-bottom:8px;font-size:15px;line-height:1.65}
.text-block li p{margin-bottom:4px}
.text-block a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(59,130,246,.3)}
.text-block a:hover{text-decoration-color:var(--text-link)}
.table-wrap{overflow-x:auto;margin:16px 0 24px;border-radius:var(--radius-lg);border:1px solid var(--border)}
.text-block table,.table-wrap table{width:100%;border-collapse:collapse;font-size:14px}
.text-block th,.table-wrap th{background:var(--bg-elevated);font-weight:600;color:var(--text-1);text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}
.text-block td,.table-wrap td{padding:12px 16px;color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:top}
.text-block tr:last-child td,.table-wrap tr:last-child td{border-bottom:none}
.d-none{display:none !important}
.d-block{display:block !important}
.d-inline-block{display:inline-block !important}
.justify-content-center{justify-content:center}
.align-items-baseline{align-items:baseline}
.text-align-center,.text-center{text-align:center}
.text-align-right{text-align:right}
.bold{font-weight:700}
.text-color-4{color:var(--text-4)}
.underline{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong)}
.underline:hover{text-decoration-color:currentColor}
.bg-light{background:transparent !important}
.mt-0{margin-top:0 !important}
.mt-3{margin-top:16px}
.mt-4{margin-top:24px}
.mt-5{margin-top:32px}
.mb-3{margin-bottom:16px}
.mb-4{margin-bottom:24px}
.mb-5{margin-bottom:32px}
.ml-1{margin-left:4px}
.ml-3{margin-left:16px}
.mr-1{margin-right:4px}
.mr-3{margin-right:16px}
.pt-4{padding-top:24px}
.pt-5{padding-top:32px}
.pb-5{padding-bottom:32px}
.py-5{padding-top:32px;padding-bottom:32px}
.p-5{padding:32px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:576px){.mt-sm-0{margin-top:0 !important}}
@media(min-width:768px){.m-md-0{margin:0 !important}
.mt-md-0{margin-top:0 !important}
.mb-md-0{margin-bottom:0 !important}
.pt-md-0{padding-top:0 !important}
.pr-md-5{padding-right:32px}}
@media(min-width:992px){.d-lg-block{display:block !important}
.px-lg-0{padding-left:0 !important;padding-right:0 !important}
.pr-lg-4{padding-right:24px}}
@media(min-width:1200px){.pb-xl-0{padding-bottom:0 !important}
.mb-xl-0{margin-bottom:0 !important}}
.join-summary-card{border:2px solid var(--accent);border-radius:var(--radius-lg);padding:16px 20px;background:var(--bg-card)}
.cc-icons{display:flex;align-items:center;gap:4px}
.cc-icons img{height:22px;width:auto}
.cc-overflow{display:flex;align-items:center}
.cc-overflow img{display:none;height:22px;width:auto}
.cc-overflow img.is-active{display:block}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}
::selection{background:rgba(59,130,246,.25)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn:focus-visible,.form-control:focus-visible,input:focus-visible{outline:none}
.promo-price-alert{display:none}
@media(max-width:767px){.menu-wrap{position:fixed;inset:0;background:var(--bg-surface);z-index:200;padding:80px 24px 24px;transform:translateX(100%);transition:transform 250ms var(--ease);overflow-y:auto}
.menu-wrap.is-open{transform:translateX(0)}
.menu-wrap ul{flex-direction:column;gap:4px;align-items:stretch}
.nav-link{padding:14px 16px;font-size:16px;border-radius:var(--radius-md)}
.nav-cta{display:block;text-align:center;padding:14px 16px;margin-top:8px}
.card{padding:24px}
.text-block{padding-bottom:40px}}
@media(max-width:575px){.container{padding:0 16px}
.row{margin:0 -8px}
.row > *{padding:0 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}