:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#05070b;color:#f7f8fb}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #9aa7ff;
  outline-offset:3px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;min-height:100vh}a{color:inherit}
.shell{max-width:1480px;margin:0 auto;padding:24px 32px 72px}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:5}
.brand{font-weight:780;letter-spacing:-.035em;font-size:20px;text-decoration:none}.navlinks{display:flex;gap:28px;color:#aeb4c1;font-size:14px}.navlinks a{text-decoration:none}
.hero{min-height:72vh;display:grid;place-items:center;text-align:center;padding:90px 0 72px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,#334cff35 0,#0a0d1700 70%);top:-420px;left:50%;transform:translateX(-50%);pointer-events:none}
.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:760;color:#a8b2ff;position:relative}
h1{font-size:clamp(58px,8.5vw,126px);line-height:.88;letter-spacing:-.078em;margin:18px auto 28px;max-width:1160px;position:relative}
.lead{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#adb4c2;max-width:780px;margin:0 auto;position:relative}
.actions{display:flex;justify-content:center;gap:12px;margin-top:34px;flex-wrap:wrap;position:relative}.leftActions{justify-content:flex-start}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;text-decoration:none;font-weight:680;font-size:14px;border:1px solid #ffffff1f;transition:transform .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px)}.button.primary{background:#f5f7fb;color:#05070b}.button.secondary{background:#ffffff08}
.section{padding:88px 0}.sectionhead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.sectionhead h2{font-size:clamp(34px,5vw,66px);letter-spacing:-.058em;margin:0;line-height:.96}.sectionhead p{color:#929aa9;max-width:520px;line-height:1.65}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{position:relative;min-height:390px;border:1px solid #ffffff12;border-radius:30px;padding:30px;background:linear-gradient(180deg,#11151e,#090c12);overflow:hidden;text-decoration:none}
.card:before{content:"";position:absolute;inset:auto -10% -38% 28%;height:72%;background:radial-gradient(circle,#6375ff29,transparent 69%);pointer-events:none}
.card:hover{border-color:#ffffff26}.badge{display:inline-flex;border:1px solid #ffffff17;border-radius:999px;padding:7px 10px;color:#a6aec0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.cardbody{position:absolute;left:30px;right:30px;bottom:30px}.card h3{font-size:34px;letter-spacing:-.045em;margin:0 0 11px}.card p{margin:0;color:#a2aabc;line-height:1.55;max-width:560px}
.meta{margin-top:18px;display:flex;gap:10px;color:#758095;font-size:12px}
.statement{margin:90px 0 20px;border-top:1px solid #ffffff12;padding-top:90px;text-align:center}.statement strong{display:block;font-size:clamp(40px,7vw,96px);letter-spacing:-.067em;line-height:.94;max-width:1160px;margin:0 auto}.statement span{display:block;color:#9098a7;margin-top:26px}
.productHero{padding:96px 0 56px;max-width:1080px}.back{font-size:13px;color:#929aa9;text-decoration:none}.productHero h1{margin-left:0;margin-right:0;max-width:980px}.productMeta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.pill{border:1px solid #ffffff17;border-radius:999px;padding:8px 12px;color:#abb2c0;font-size:12px}.productLead{font-size:clamp(20px,2.5vw,30px);line-height:1.48;color:#c2c8d2;max-width:860px}
.productLayout{display:grid;grid-template-columns:1.45fr .75fr;gap:24px;padding-bottom:88px}.panel{border:1px solid #ffffff12;border-radius:28px;background:#0b0f16;padding:30px}.panel h2{font-size:25px;letter-spacing:-.035em;margin:0 0 18px}.highlights{display:grid;gap:14px}.highlight{padding:18px 0;border-top:1px solid #ffffff10;color:#c4cad4}.highlight:first-child{border-top:0}
.purchase{position:sticky;top:24px;height:max-content}.purchase strong{display:block;font-size:28px;letter-spacing:-.04em}.purchase p{color:#949dac;line-height:1.6}.purchase .button{width:100%;margin-top:12px}
.footer{border-top:1px solid #ffffff12;padding-top:30px;color:#70798a;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.shell{padding:18px 20px 48px}.navlinks{display:none}.grid,.productLayout{grid-template-columns:1fr}.hero{min-height:64vh;padding-top:72px}.sectionhead{display:block}.card{min-height:330px}.purchase{position:static}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}


.productDescription{color:#a1a9b8;line-height:1.7}


.accountHero{padding:112px 0 120px;max-width:1000px}
.accountHero h1,.accountAuth h1,.accountDashboard h1{font-size:clamp(46px,6vw,82px);line-height:.96;letter-spacing:-.06em;margin:18px 0 24px}
.accountAuth{min-height:78vh;padding:72px 0 100px;max-width:720px;margin:0 auto}
.accountCard{margin-top:22px;border:1px solid #ffffff14;border-radius:30px;background:linear-gradient(180deg,#0f1420,#090c12);padding:34px}
.accountIntro{color:#98a2b3;line-height:1.65;max-width:720px}
.accountForm{display:grid;gap:18px;margin-top:30px}
.accountForm label{display:grid;gap:8px;font-size:13px;color:#c2c8d3;font-weight:650}
.accountForm input{width:100%;border:1px solid #ffffff1a;border-radius:14px;background:#05070b;color:#f7f8fb;padding:14px 15px;font:inherit;outline:none}
.accountForm input:focus{border-color:#7c8cff;box-shadow:0 0 0 3px #6675ff24}
.accountSubmit{border:0;cursor:pointer;margin-top:4px}
.accountSwitch{color:#818b9c;font-size:13px;margin:20px 0 0}.accountSwitch a{color:#d7dcff}
.accountError{margin-top:20px;border:1px solid #ff6b6b45;background:#3b111650;color:#ffc6c6;border-radius:14px;padding:13px 15px;font-size:13px}
.accountDashboard{padding:82px 0 100px}
.accountDashboardHead{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:38px;border-bottom:1px solid #ffffff12}
.accountDashboardHead form{margin:0}
.accountGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:34px 0 60px}
.accountPanel{border:1px solid #ffffff12;border-radius:24px;background:#0a0e15;padding:26px;min-height:190px}
.accountPanel strong{display:block;font-size:24px;letter-spacing:-.035em;margin:10px 0 12px}
.accountPanel p{color:#8f99aa;line-height:1.6;margin:0}
.accountKicker{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#8592ff}
@media(max-width:760px){.accountCard{padding:24px}.accountDashboardHead{display:block}.accountDashboardHead form{margin-top:22px}.accountGrid{grid-template-columns:1fr}}

.adminShell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#05070b;color:#f7f8fb}
.adminSidebar{position:sticky;top:0;height:100vh;border-right:1px solid #ffffff12;background:#080b11;padding:24px 18px;display:flex;flex-direction:column}
.adminBrand{display:flex;flex-direction:column;text-decoration:none;font-weight:780;letter-spacing:-.035em;font-size:18px;padding:4px 10px 24px}.adminBrand span{font-size:10px;color:#8592ff;letter-spacing:.16em;text-transform:uppercase;margin-top:4px}
.adminNav{display:grid;gap:5px}.adminNav a{padding:11px 12px;border-radius:10px;text-decoration:none;color:#929cab;font-size:14px}.adminNav a:hover,.adminNav a.active{background:#ffffff0a;color:#fff}
.adminIdentity{margin-top:auto;border-top:1px solid #ffffff12;padding:18px 10px 2px;display:grid;gap:3px}.adminIdentity strong{font-size:13px}.adminIdentity span{font-size:11px;color:#7e8796;overflow:hidden;text-overflow:ellipsis}.adminIdentity small{font-size:9px;color:#8592ff;letter-spacing:.12em}
.adminMain{min-width:0;padding:0 34px 70px}.adminTopbar{height:72px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between}.adminViewStore,.adminTextButton{font-size:12px;color:#939cab;text-decoration:none}.adminTextButton{background:none;border:0;cursor:pointer}
.adminHeading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:54px 0 28px}.adminHeading h1{font-size:clamp(42px,5vw,72px);margin:10px 0 0;letter-spacing:-.06em;line-height:.95}
.adminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.adminStat{border:1px solid #ffffff12;border-radius:20px;padding:22px;background:#0a0e15;display:grid;gap:7px}.adminStat span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7c8798}.adminStat strong{font-size:34px;letter-spacing:-.045em}.adminStat small{color:#657083}
.adminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.adminPanel{border:1px solid #ffffff12;border-radius:20px;background:#0a0e15;padding:24px}.adminPanel h2{margin:0 0 10px;font-size:21px}.adminPanel p{color:#8f99aa;line-height:1.6;margin:0 0 18px}.adminLargePanel{margin-bottom:16px}
.adminStatus{display:inline-flex;align-items:center;border:1px solid #ffffff17;border-radius:999px;padding:5px 9px;font-size:10px;color:#aab2c1;text-transform:uppercase;letter-spacing:.07em}.adminStatus.good{border-color:#28d17c3a;color:#72e9aa;background:#10362348}.adminStatus.pending{border-color:#f4bd4b35;color:#f6d889;background:#3a2b1045}
.currencyPills{display:flex;gap:8px}.currencyPills>span{border:1px solid #ffffff17;border-radius:999px;padding:8px 11px;font-size:11px}.currencyPills small{margin-left:6px;color:#7984ff}
.adminTableWrap{overflow:auto;border:1px solid #ffffff12;border-radius:20px;background:#0a0e15}.adminTable{width:100%;border-collapse:collapse;min-width:760px}.adminTable th,.adminTable td{text-align:left;padding:16px 18px;border-bottom:1px solid #ffffff0d;font-size:12px}.adminTable th{color:#7f8998;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.adminTable td{color:#b9c0cc}.adminTable td strong{display:block;color:#f4f6fa;font-size:13px}.adminTable td small{display:block;color:#697383;margin-top:4px}
.currencySettings{display:grid;gap:10px;margin-top:20px}.currencySetting{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border:1px solid #ffffff10;border-radius:14px}.currencySetting>div:first-child{display:grid;gap:3px}.currencySetting span{color:#7f8998;font-size:12px}.currencyFlags{display:flex;gap:8px}
.adminLoginPage{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#24316428,transparent 42%),#05070b}.adminLoginCard{width:min(560px,100%);border:1px solid #ffffff14;border-radius:28px;background:#0a0e15;padding:34px}.adminLoginBrand{text-decoration:none;font-weight:780;display:inline-block;margin-bottom:34px}.adminLoginCard h1{font-size:54px;line-height:.96;letter-spacing:-.055em;margin:14px 0 18px}.adminLoginCard>p{color:#929cab;line-height:1.6}.adminSecurityNote{display:block;color:#667182;margin-top:18px;line-height:1.5}
@media(max-width:1000px){.adminShell{grid-template-columns:1fr}.adminSidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #ffffff12}.adminNav{display:flex;overflow:auto}.adminIdentity{display:none}.adminMain{padding:0 20px 50px}.adminStats{grid-template-columns:repeat(2,minmax(0,1fr))}.adminGrid{grid-template-columns:1fr}}
@media(max-width:620px){.adminStats{grid-template-columns:1fr}.adminHeading{display:block}.currencyPills{margin-top:18px}.adminLoginCard{padding:24px}.adminLoginCard h1{font-size:42px}}


.storeSelect,.adminEditor input,.adminEditor textarea,.adminEditor select{width:100%;border:1px solid #ffffff1a;border-radius:12px;background:#05070b;color:#f5f7fb;padding:12px 13px;font:inherit;outline:none}
.storeSelect:focus,.adminEditor input:focus,.adminEditor textarea:focus,.adminEditor select:focus{border-color:#7c8cff;box-shadow:0 0 0 3px #6675ff24}
.adminEditor{border:1px solid #ffffff12;border-radius:22px;background:#0a0e15;padding:24px;display:grid;gap:18px}
.adminEditorGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.adminEditor label{display:grid;gap:7px;font-size:12px;color:#aeb6c4;font-weight:650}
.adminWideLabel{display:grid;gap:7px}
.adminChecks{display:flex;gap:22px;flex-wrap:wrap}.adminChecks label{display:flex;align-items:center;gap:7px}
.adminChecks input{width:auto}
.adminEditorActions{display:flex;gap:10px;flex-wrap:wrap;padding-top:6px}
.adminSyncLine{font-size:12px;color:#8590a2;margin:0;padding:10px 12px;border:1px solid #ffffff0e;border-radius:10px}
.adminProductLink{text-decoration:none;color:inherit}.adminProductLink:hover strong{text-decoration:underline}
.accountPanelWide{grid-column:1/-1}
.accountMiniList{display:grid;gap:8px;margin-top:14px;color:#c6cbd5;font-size:13px}
.accountOrders{display:grid;margin-top:15px;border-top:1px solid #ffffff0e}
.accountOrderRow{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0e}
.accountOrderRow b{display:block;font-size:13px}.accountOrderRow small{display:block;color:#758092;margin-top:4px}
.accountOrderRow>span{font-size:13px}.orderStatus{font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff16;padding:5px 8px;border-radius:999px;color:#aab3c2}
.orderStatus.paid{color:#72e9aa;border-color:#28d17c3a}.orderStatus.payment_failed,.orderStatus.cancelled{color:#ffaaaa;border-color:#ff6b6b3a}
@media(max-width:760px){.adminEditorGrid{grid-template-columns:1fr}.accountOrderRow{grid-template-columns:1fr}.accountPanelWide{grid-column:auto}}


.footerLegal a,.legalConsent a{color:inherit;text-underline-offset:3px}
.footerLegal a:hover,.legalConsent a:hover{text-decoration-thickness:2px}
.accountForm label.legalConsent{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:2px;
  padding:14px 16px;
  border:1px solid #ffffff14;
  border-radius:14px;
  background:#ffffff05;
  color:#aeb6c4;
  font-weight:500;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease;
}
.accountForm label.legalConsent:hover{
  border-color:#ffffff26;
  background:#ffffff08;
}
.accountForm label.legalConsent:focus-within{
  border-color:#7c8cff;
  box-shadow:0 0 0 3px #6675ff24;
}
.accountForm .legalConsent input{
  width:17px;
  height:17px;
  margin:1px 0 0;
  padding:0;
  flex:0 0 17px;
  accent-color:#f5f7fb;
  box-shadow:none;
}
.accountForm .legalConsent input:focus{
  box-shadow:none;
}
.legalConsent span{
  display:block;
  font-size:12px;
  line-height:1.55;
  color:#aeb6c4;
}
.legalConsent a{color:#e3e7ff}


.previewButton{margin-top:12px}
.previewNote{display:block;margin-top:12px;color:#727d8f;line-height:1.5;font-size:11px}