:root{
  --bg0:#07030F;--bg1:#0D0618;--bg2:#1A0B2E;
  --text:#F4ECFF;--text-strong:#FFF3FF;--text-soft:rgba(244,236,255,.82);--text-muted:rgba(244,236,255,.42);
  --accent1:#6D28FF;--accent2:#810040;--accent2-hover:#9b0050;
  --bdr:rgba(244,236,255,.10);--bdr-soft:rgba(244,236,255,.08);--bdr-strong:rgba(244,236,255,.12);
  --panel:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.03));
  --panel-strong:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));
  --input:rgba(12,6,22,.82);--input-hover:rgba(15,8,28,.90);
  --r-sm:14px;--r-md:16px;--r-lg:22px;--r-xl:24px;--r-2xl:28px;
  --shadow-card:0 30px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-card-lg:0 30px 110px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-nav:0 24px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);
  --shadow-soft:0 16px 36px rgba(0,0,0,.28);
  --tr:.2s ease;--tr-slow:.52s cubic-bezier(.2,.9,.2,1)
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation 
Sans",sans-serif;
  background:
    radial-gradient(1200px 800px at 15% 20%,rgba(109,40,255,.16),transparent 60%),
    radial-gradient(1000px 700px at 80% 30%,rgba(129,0,64,.12),transparent 55%),
    radial-gradient(900px 700px at 60% 80%,rgba(129,0,64,.10),transparent 60%),
    linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 40%,var(--bg2) 100%);
  background-attachment:scroll;overflow-x:hidden
}
:focus-visible{outline:2px solid rgba(129,0,64,.85);outline-offset:3px}
50%{transform:translate3d(0,-6px,0) scale(1.02)}}

body::before,body::after{display:none !important;content:none !important}

body.woocommerce-account{
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 15% 20%,rgba(109,40,255,.16),transparent 60%),
    radial-gradient(1000px 700px at 80% 30%,rgba(129,0,64,.12),transparent 55%),
    radial-gradient(900px 700px at 60% 80%,rgba(129,0,64,.10),transparent 60%),
    linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 40%,var(--bg2) 100%) !important;
  background-attachment:scroll !important
}
body.woocommerce-account .site::before{display:none !important;content:none !important}
body.woocommerce-account #masthead,
body.woocommerce-account .site-header,
body.woocommerce-account header.site-header,
body.woocommerce-account .main-header-bar,
body.woocommerce-account .ast-primary-header-bar,
body.woocommerce-account .ast-above-header-wrap,
body.woocommerce-account .ast-below-header-wrap{
  background:transparent !important;background-color:transparent !important;border:0 !important;box-shadow:none 
!important
}
body.woocommerce-account .main-header-bar,
body.woocommerce-account .ast-primary-header-bar{border-bottom:0 !important}
body.woocommerce-account .site,
body.woocommerce-account #page,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .ast-container,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce,
body.woocommerce-account main,
body.woocommerce-account article{background:transparent !important}
body.woocommerce-account .site-content,
body.woocommerce-account .ast-separate-container .site-content{padding-top:24px}
body.woocommerce-account:not(.logged-in) #masthead,
body.woocommerce-account:not(.logged-in) .site-header,
body.woocommerce-account:not(.logged-in) #colophon,
body.woocommerce-account:not(.logged-in) .site-footer,
.woocommerce-privacy-policy-text{display:none !important}

.shell{min-height:100%;display:grid;place-items:center;padding:48px 18px}
.hero{max-width:720px;margin-bottom:18px;text-align:center}
.hero__title{margin:0 0 
8px;font-size:clamp(28px,3vw,44px);letter-spacing:.2px;color:var(--text-strong);text-shadow:0 0 24px 
rgba(129,0,64,.18)}
.hero__subtitle{margin:0;line-height:1.5;color:var(--text-soft);opacity:.82}
.auth{width:min(920px,100%);display:grid;gap:16px}
.auth__toggle{position:absolute;opacity:0;pointer-events:none}

.tabs{
  position:relative;width:min(520px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;
  padding:6px;border:1px solid var(--bdr);border-radius:18px;background:rgba(255,255,255,.035);
  box-shadow:0 8px 20px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important
}
.tabs__tab{
  position:relative;z-index:1;padding:12px 
10px;border-radius:12px;color:var(--text);font-weight:650;letter-spacing:.2px;
  text-align:center;cursor:pointer;user-select:none;opacity:.86;transition:opacity var(--tr),color var(--tr)
}
.tabs__tab:hover{opacity:1}
.tabs__glider{
  position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);border-radius:12px;
  background:linear-gradient(135deg,var(--accent1) 0%,var(--accent2) 100%);
  box-shadow:0 6px 16px rgba(129,0,64,.18);
  transition:transform var(--tr-slow)
}
#mode-register:checked ~ .tabs .tabs__glider{transform:translateX(100%)}
#mode-login:checked ~ .tabs label[for="mode-login"],
#mode-register:checked ~ .tabs label[for="mode-register"]{opacity:1}

.card{
  position:relative;overflow:hidden;border:1px solid var(--bdr);border-radius:var(--r-2xl);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:none 
!important;-webkit-backdrop-filter:none !important
}
.card__bg{display:none !important;content:none !important}
.panes{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.panes::before{
  content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;z-index:1;opacity:.7;
  background:linear-gradient(180deg,transparent,rgba(244,236,255,.14),transparent)
}
.pane{position:relative;z-index:1;padding:26px 26px 22px;transition:opacity var(--tr-slow),filter 
var(--tr-slow)}
.pane__title{margin:0 0 6px;font-size:22px;letter-spacing:.2px;color:var(--text-strong)}
.pane__hint{margin:0 0 18px;color:rgba(244,236,255,.80);opacity:.78}
.pane--login{opacity:1;transform:none;filter:blur(0)}
.pane--register{opacity:.42;transform:none;filter:blur(3px)}
#mode-register:checked ~ .card .pane--login{opacity:.42;transform:none;filter:blur(3px)}
#mode-register:checked ~ .card .pane--register{opacity:1;transform:none;filter:blur(0)}

.form,.field{display:grid}
.form{gap:14px}
.field{gap:8px}
.field__label{font-size:13px;letter-spacing:.2px;color:#fff !important;opacity:.95}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}

.field__input,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account textarea,
.woocommerce-account select,
.woocommerce-account .input-text,
.woocommerce-account .select2-container--default .select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--multiple{
  min-height:48px;padding:12px 14px !important;border:1px solid var(--bdr-strong) 
!important;border-radius:var(--r-md) !important;
  color:var(--text) !important;background:var(--input) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 rgba(0,0,0,0) !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
.field__input::placeholder,
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder{color:var(--text-muted) !important}
.field__input:hover,
.woocommerce-account input:hover,
.woocommerce-account textarea:hover,
.woocommerce-account select:hover{border-color:rgba(244,236,255,.18) !important;background:var(--input-hover) 
!important}
.field__input:focus,
.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus,
.woocommerce-account .input-text:focus{
  outline:none !important;border-color:rgba(129,0,64,.62) !important;
  box-shadow:0 0 0 3px rgba(129,0,64,.10),inset 0 1px 0 rgba(255,255,255,.05) !important
}

.link,.woocommerce-account a,.switch__cta{color:var(--accent2);text-decoration:none;transition:opacity 
var(--tr),color var(--tr)}
.link:hover,.woocommerce-account a:hover,.switch__cta:hover{color:var(--accent2-hover);opacity:1}
.link:active,.woocommerce-account a:active{}
.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.check__box{width:18px;height:18px;accent-color:var(--accent2)}
.check__text{font-size:14px;color:#fff}
.check--terms{margin-top:4px}

.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.btn,
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce-button,
.woocommerce-account input.button,
.woocommerce-account .wc-forward{
  min-height:46px;padding:0 16px !important;border:1px solid var(--bdr-strong) 
!important;border-radius:var(--r-sm) !important;
  color:var(--text) !important;background:rgba(244,236,255,.05) !important;cursor:pointer;font-weight:650 
!important;letter-spacing:.2px;text-shadow:none !important;
  transition:box-shadow .18s ease,border-color .18s ease,background .18s ease
}
.btn:hover,
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account .wc-forward:hover{border-color:rgba(244,236,255,.20) !important;box-shadow:0 8px 18px 
rgba(0,0,0,.14)}
.btn:active,
.woocommerce-account .button:active,
.woocommerce-account button.button:active,
.woocommerce-account .woocommerce-Button:active,
.woocommerce-account .woocommerce-button:active{}
.btn--primary,
.woocommerce-account .button.alt,
.woocommerce-account button.button.alt,
.woocommerce-account .woocommerce-Button.button,
.woocommerce-account .woocommerce-button.button,
.woocommerce-account .woocommerce-Button.alt,
.woocommerce-account .woocommerce-button.alt{
  border-color:rgba(129,0,64,.36) !important;
  background:linear-gradient(135deg,var(--accent1) 0%,var(--accent2) 100%) !important;
  box-shadow:0 8px 20px rgba(129,0,64,.16)
}
.btn--primary:hover,
.woocommerce-account .button.alt:hover,
.woocommerce-account button.button.alt:hover,
.woocommerce-account .woocommerce-Button.alt:hover,
.woocommerce-account .woocommerce-button.alt:hover{
  border-color:rgba(129,0,64,.52) !important;box-shadow:0 10px 24px rgba(129,0,64,.18)
}
.btn--ghost{background:transparent !important}
.btn--ghost:hover{background:rgba(244,236,255,.04) !important}
.switch{margin:14px 0 0;opacity:.85}
.switch__cta{position:relative;margin-left:6px;cursor:pointer}
.switch__cta::after{
  content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;opacity:.7;
  background:linear-gradient(90deg,rgba(109,40,255,.95),rgba(129,0,64,.95));
  transition:opacity var(--tr),transform var(--tr)
}
.switch__cta:hover::after{opacity:1;transform:translateY(-1px)}
.foot{text-align:center;opacity:.7}
.foot__text{margin:0;font-size:13px}

.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password,
.woocommerce form.edit-account,
.woocommerce form.checkout_coupon{margin:0 !important;padding:0 !important;border:none 
!important;background:transparent !important}

body.woocommerce-account.logged-in .woocommerce{
  display:flex !important;flex-wrap:nowrap;align-items:flex-start;gap:24px;max-width:1240px;width:100%;margin:0 
auto;padding:24px 18px 56px
}
body.woocommerce-account.logged-in .entry-content > .woocommerce,
body.woocommerce-account.logged-in .site-main .woocommerce{width:100%}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{float:none !important;clear:none 
!important;margin:0 !important}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
  position:sticky;top:110px;align-self:flex-start;flex:0 0 320px;width:320px !important;min-width:320px
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{flex:1 1 auto;width:auto 
!important;min-width:0}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-child{max-width:100%;margin-top:0}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:12px;border:1px solid var(--bdr);border-radius:var(--r-xl);
  background:var(--panel);box-shadow:0 10px 24px rgba(0,0,0,.18);backdrop-filter:none 
!important;-webkit-backdrop-filter:none !important
}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:var(--r-md);
  color:var(--text) !important;font-weight:600;text-decoration:none;opacity:.92;
  transition:background var(--tr),transform var(--tr),color var(--tr),box-shadow var(--tr)
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{color:#fff 
!important;background:rgba(255,255,255,.05)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:#fff !important;background:linear-gradient(135deg,rgba(109,40,255,.28),rgba(129,0,64,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(129,0,64,.12)
}

.woocommerce-account .woocommerce-MyAccount-content{
  padding:24px;border:1px solid var(--bdr);border-radius:var(--r-2xl);color:var(--text);
  background:var(--panel-strong);box-shadow:0 12px 28px rgba(0,0,0,.20);backdrop-filter:none 
!important;-webkit-backdrop-filter:none !important
}
.woocommerce-account .woocommerce-MyAccount-content > *:first-child{margin-top:0}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content legend,
.woocommerce-account .woocommerce-Address-title h3{color:var(--text-strong);letter-spacing:.2px}
.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-MyAccount-content address,
.woocommerce-account .addresses .title,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .edit-account{color:rgba(244,236,255,.88)}

.woocommerce-account table.shop_table,
.woocommerce-account table.my_account_orders,
.woocommerce-account table.woocommerce-MyAccount-orders{
  width:100%;overflow:hidden;border:1px solid 
var(--bdr-soft);border-collapse:separate;border-spacing:0;border-radius:20px;background:rgba(8,4,18,.36)
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td,
.woocommerce-account table.my_account_orders th,
.woocommerce-account table.my_account_orders td,
.woocommerce-account table.woocommerce-MyAccount-orders th,
.woocommerce-account table.woocommerce-MyAccount-orders td{
  padding:14px 16px;color:var(--text);background:transparent;border-color:var(--bdr-soft) !important
}
.woocommerce-account table.shop_table th,
.woocommerce-account table.my_account_orders th,
.woocommerce-account table.woocommerce-MyAccount-orders 
th{color:var(--text-strong);font-weight:650;background:rgba(255,255,255,.035)}

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{
  margin:0 0 20px;padding:14px 16px 14px 18px !important;border:1px solid 
var(--bdr);border-radius:18px;color:var(--text);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));box-shadow:0 16px 40px 
rgba(0,0,0,.18)
}
.woocommerce-account .woocommerce-message{border-left:3px solid var(--accent1)}
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error{border-left:3px solid var(--accent2)}

.woocommerce-account .addresses .col-1,
.woocommerce-account .addresses .col-2,
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-customer-details address{
  padding:20px;border:1px solid var(--bdr-soft);border-radius:var(--r-lg);background:rgba(255,255,255,.03)
}
.woocommerce-account .select2-dropdown{border:1px solid var(--bdr) !important;color:var(--text) 
!important;background:#12081f !important}
.woocommerce-account .select2-results__option{color:var(--text) !important}
.woocommerce-account .select2-results__option--highlighted{
  color:#fff !important;background:linear-gradient(135deg,rgba(109,40,255,.85),rgba(129,0,64,.85)) !important
}
.woocommerce-account .lost_password,
.woocommerce-account .woocommerce-LostPassword{margin-top:10px}
.woocommerce-account .woocommerce-form__label-for-checkbox span{color:rgba(244,236,255,.9)}

@media (min-width:760px){.grid{grid-template-columns:1fr 1fr}}

@media (max-width:1024px){
  body,body.woocommerce-account{background-attachment:scroll !important}
  body::before,body::after,body.woocommerce-account .site::before{display:none !important;content:none 
!important}
  .card__bg{display:none !important;content:none !important}
  .tabs,.card,.woocommerce-account .woocommerce-MyAccount-navigation ul,.woocommerce-account 
.woocommerce-MyAccount-content{
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important
  }
  body.woocommerce-account.logged-in .woocommerce{display:block !important}
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{width:100% !important;min-width:0;flex:none}
  body.woocommerce-account.logged-in 
.woocommerce-MyAccount-navigation{position:static;top:auto;margin-bottom:20px !important}
}

@media (max-width:820px){
  .panes{grid-template-columns:1fr;min-height:auto}
  .panes::before{display:none}
  .pane--register{margin-top:10px}
  #mode-login:checked ~ .card .pane--register,
  #mode-register:checked ~ .card .pane--login{display:none}
  .woocommerce-account .woocommerce-MyAccount-content{padding:18px;border-radius:var(--r-lg)}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{border-radius:20px}
}

@media (max-width:640px){
  .shell{padding:28px 14px}
  .card{border-radius:var(--r-lg)}
  .pane{padding:20px 16px 18px}
  .tabs{width:100%}

  .actions{justify-content:center;align-items:center;text-align:center}
  .actions .btn,
  .actions .button,
  .actions .woocommerce-button,
  .actions input.button{flex:1 1 auto;min-width:140px;max-width:220px;justify-content:center}

  .woocommerce-account table.shop_table thead,
  .woocommerce-account table.my_account_orders thead,
  .woocommerce-account table.woocommerce-MyAccount-orders thead{display:none}
  .woocommerce-account table.shop_table tr,
  .woocommerce-account table.my_account_orders tr,
  .woocommerce-account table.woocommerce-MyAccount-orders tr{display:block;padding:12px;border-bottom:1px solid 
var(--bdr-soft)}
  .woocommerce-account table.shop_table td,
  .woocommerce-account table.my_account_orders td,
  .woocommerce-account table.woocommerce-MyAccount-orders td{
    display:flex;width:100%;justify-content:space-between;gap:12px;padding:10px 0;border:0 !important
  }
  .woocommerce-account table.shop_table td::before,
  .woocommerce-account table.my_account_orders td::before,
  .woocommerce-account table.woocommerce-MyAccount-orders td::before{
    padding-right:12px;color:rgba(255,255,255,.72);font-weight:650
  }
}

/* ===== Login + account performance cleanup ===== */
body,
body.woocommerce-account,
body.woocommerce-account .tabs,
body.woocommerce-account .card,
body.woocommerce-account .woocommerce-MyAccount-navigation ul,
body.woocommerce-account .woocommerce-MyAccount-content{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* inactive pane polish */
.pane--register,
#mode-register:checked ~ .card .pane--login{
  pointer-events:none;
}

.pane--login,
#mode-register:checked ~ .card .pane--register{
  pointer-events:auto;
}