:root{--bg:#020712;--panel:#071321;--panel2:#0b1b2d;--text:#c6e5ee;--muted:#8ea7bd;--orange:#ff8a18;--gold:#ffc247;--blue:#1bdcff;--line:rgba(100,205,255,.16)}
body{background:radial-gradient(circle at 50% 0,rgba(0,116,205,.12),transparent 35%),linear-gradient(180deg,#020712,#040914 55%,#02060e)}
.topbar{border-bottom-color:rgba(59,202,255,.22);background:linear-gradient(90deg,rgba(2,6,14,.94),rgba(4,15,28,.9),rgba(2,6,14,.94));box-shadow:0 12px 45px rgba(0,104,183,.1)}
.brand-logo{border:1px solid rgba(69,211,255,.28);box-shadow:0 0 0 3px rgba(18,118,199,.08),0 0 24px rgba(0,186,255,.26)}
.brand strong{color:#aeeafa;text-shadow:0 0 14px rgba(74,211,255,.32)}
.brand small{color:#54d8ff}
.topbar nav>a:hover{color:var(--blue);text-shadow:0 0 14px rgba(27,220,255,.45)}
.cart-button{border-color:rgba(255,142,31,.55);background:linear-gradient(135deg,rgba(255,133,23,.2),rgba(255,183,45,.07));box-shadow:inset 0 0 20px rgba(255,141,24,.07)}
.cart-button b{background:linear-gradient(135deg,var(--orange),var(--gold));box-shadow:0 0 15px rgba(255,144,25,.5)}
.account-button{border-color:rgba(45,210,255,.5);background:linear-gradient(135deg,rgba(7,121,204,.23),rgba(23,222,255,.07));box-shadow:inset 0 0 20px rgba(23,198,255,.07)}
.hero-shade{background:linear-gradient(90deg,rgba(1,5,12,.98) 0%,rgba(2,10,19,.86) 38%,rgba(1,6,13,.12) 70%),linear-gradient(0deg,var(--bg),transparent 30%),radial-gradient(circle at 70% 45%,transparent 30%,rgba(0,112,203,.08) 64%)}
.hero:after{content:"";position:absolute;inset:76px 0 0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,rgba(22,213,255,.18) 46.1% 46.25%,transparent 46.35%),linear-gradient(65deg,transparent 0 84%,rgba(255,139,25,.18) 84.1% 84.25%,transparent 84.35%)}
.eyebrow{color:#53e6ff;text-shadow:0 0 14px rgba(27,220,255,.3)}
.eyebrow span{background:linear-gradient(90deg,var(--blue),#f4fbff,var(--orange));box-shadow:0 0 12px rgba(27,220,255,.5)}
.hero h1 em,.section-heading h2 em{color:#54e5ff;text-shadow:0 0 18px rgba(0,204,255,.45),0 0 54px rgba(0,102,255,.3)}
.hero h1,.section-heading h2,.sell-banner h2,.security h2,.faq h2{color:#78d7ea;-webkit-text-stroke:1px rgba(4,44,67,.72);text-shadow:0 2px 0 #062034,0 0 24px rgba(34,193,229,.2)}
.card-body h3,.process h3,.cart-head h2,.auth-panel h2,.faq summary{color:#b6e7f2}
.btn.primary{border-color:rgba(123,230,255,.6);background:linear-gradient(135deg,#d9f8ff 0%,#24dfff 34%,#0877db 100%);color:#00121e;box-shadow:0 10px 35px rgba(0,178,255,.28),inset 0 1px 0 rgba(255,255,255,.75)}
.btn.primary:hover{box-shadow:0 14px 45px rgba(0,193,255,.42),0 0 0 1px rgba(209,249,255,.55)}
.btn.ghost{border-color:rgba(91,204,255,.28);background:linear-gradient(135deg,rgba(3,19,34,.78),rgba(8,44,72,.5));box-shadow:inset 0 0 25px rgba(13,155,235,.05)}
.hero-proof strong{color:#e8fbff;text-shadow:0 0 12px rgba(66,215,255,.35)}
.power-level{border-left-color:var(--orange);background:linear-gradient(135deg,rgba(3,12,24,.92),rgba(5,34,56,.85));box-shadow:0 0 28px rgba(0,187,255,.15)}
.power-level strong{color:#77ecff;text-shadow:0 0 16px rgba(18,220,255,.6)}
.power-level i{background:linear-gradient(90deg,var(--blue) 72%,var(--orange) 72% 85%,#1a2735 85%);box-shadow:0 0 12px rgba(23,220,255,.55)}

/* Portada WhiteClub inspirada en una tienda competitiva, conservando la identidad azul y Goku */
.hero{min-height:730px;align-items:flex-start;padding-top:135px;background:#020812}
.hero:after{content:"";position:absolute;inset:76px 0 0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(60,214,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(60,214,255,.045) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000 0 62%,transparent 86%)}
.hero-content{width:min(660px,56vw)}
.hero-trust-pill{display:inline-flex;align-items:center;margin:0 0 24px;padding:9px 14px;border:1px solid rgba(65,220,255,.48);border-radius:999px;background:rgba(25,179,224,.09);color:#66e5ff;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.hero h1{font-size:clamp(3.8rem,6.5vw,6.5rem);line-height:.92;letter-spacing:-.035em}
.hero h1 em{display:inline-block;color:#47defe;text-shadow:0 0 35px rgba(42,212,255,.38)}
.hero-copy{max-width:600px;margin:24px 0 20px;color:#a9cad3}
.hero-proof{gap:26px;margin-top:24px}.hero-proof div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.hero-proof strong{grid-row:1/span 2;color:#51e2ff;font-size:1.05rem}.hero-proof span{display:grid;color:#7898a5}.hero-proof b{color:#d4f8ff;font-size:.72rem;text-transform:uppercase}
.hero-actions{margin-top:28px;flex-wrap:wrap}.hero-actions .btn{min-height:48px}
.hero-stats-panel{position:absolute;left:50%;bottom:48px;z-index:4;display:grid;grid-template-columns:1fr 1fr;width:min(540px,42vw);padding:24px 28px;border:1px solid rgba(66,218,255,.26);border-radius:12px;background:rgba(3,15,28,.88);box-shadow:0 20px 65px rgba(0,0,0,.38);backdrop-filter:blur(15px)}
.hero-stats-panel div{display:grid;gap:3px;padding:0 26px;border-right:1px solid rgba(66,218,255,.2)}.hero-stats-panel div:last-child{border:0}.hero-stats-panel strong{color:#53e2ff;font:900 1.8rem var(--display);letter-spacing:.03em}.hero-stats-panel span{color:#7899a7;font-size:.76rem}
@media(max-width:920px){.hero{align-items:center;padding-top:110px}.hero-content{width:min(680px,90vw)}.hero-stats-panel{display:none}.hero:after{mask-image:none}}
@media(max-width:620px){.hero{min-height:780px;align-items:end}.hero h1{font-size:clamp(3.1rem,15vw,4.6rem)}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-proof div:last-child{display:none}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}}
.trust-bar{border-color:rgba(62,204,255,.22);background:linear-gradient(120deg,rgba(8,30,50,.98),rgba(3,13,25,.98));box-shadow:0 25px 70px rgba(0,0,0,.38),0 0 40px rgba(0,155,255,.08)}
.trust-bar b{color:#53e6ff;text-shadow:0 0 12px rgba(16,215,255,.5)}
.market{position:relative}.market:before{content:"WHITECLUB / MARKET";position:absolute;right:0;top:70px;color:rgba(82,223,255,.07);font:900 clamp(2rem,5vw,5rem) var(--display);letter-spacing:.08em;pointer-events:none}
.search input{border-color:rgba(73,194,255,.2);background:linear-gradient(135deg,rgba(7,22,37,.96),rgba(4,12,23,.96));box-shadow:inset 0 0 24px rgba(0,144,255,.04)}
.filters button{border-color:rgba(87,190,241,.18);background:rgba(8,24,40,.38)}
.filters button.active,.filters button:hover{border-color:rgba(39,219,255,.55);background:linear-gradient(135deg,rgba(5,107,185,.28),rgba(18,218,255,.1));color:#e8fbff;box-shadow:0 0 18px rgba(0,183,255,.12)}
.product-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border-color:rgba(65,188,245,.16);background:linear-gradient(145deg,rgba(17,89,133,.1),transparent 38%),linear-gradient(180deg,#081725,#050e19)}
.product-card:hover{border-color:rgba(69,218,255,.52);box-shadow:0 24px 65px rgba(0,0,0,.4),0 0 28px rgba(0,176,255,.12)}
.card-visual{background:radial-gradient(circle at 55% 65%,var(--glow),transparent 52%),linear-gradient(145deg,#0c263d,#030914)}
.card-visual.has-product-photo{height:240px;background:#030914}.card-visual.has-product-photo:before,.card-visual.has-product-photo:after{display:none}.card-visual.has-product-photo img{width:100%;height:100%;object-fit:cover;object-position:center 72%;filter:saturate(.96) contrast(1.06)}
.card-badge{background:linear-gradient(135deg,#eafcff,#22dfff 48%,#0878db);box-shadow:0 0 16px rgba(31,217,255,.28)}
.card-kicker{color:#55e5ff}.add-button{border-color:rgba(48,213,255,.5);background:linear-gradient(135deg,rgba(2,94,169,.34),rgba(24,215,255,.1))}.add-button:hover{background:linear-gradient(135deg,#d8f8ff,#25dfff 46%,#0878db);color:#00121e}
.sell-banner{border-color:rgba(55,204,255,.28);background:radial-gradient(circle at 12% 20%,rgba(0,179,255,.14),transparent 32%),linear-gradient(115deg,rgba(255,132,20,.08),transparent 55%),#06111e;box-shadow:inset 0 0 50px rgba(0,127,214,.05)}
.sell-stats article{border-color:rgba(71,196,255,.16);background:linear-gradient(135deg,rgba(9,35,57,.78),rgba(2,10,19,.78))}.sell-stats strong{color:#58e6ff;text-shadow:0 0 15px rgba(15,220,255,.4)}
.security-visual{border-color:rgba(49,211,255,.34);background:radial-gradient(circle,rgba(0,192,255,.18),transparent 55%),repeating-linear-gradient(135deg,transparent 0 18px,rgba(83,220,255,.025) 18px 19px),#030c17;box-shadow:inset 0 0 70px rgba(0,125,213,.08)}
.shield{background:linear-gradient(160deg,#e9fbff,#26ddff 43%,#0570cc);box-shadow:0 0 50px rgba(29,218,255,.28)}
.process li{border-color:rgba(68,189,244,.16);background:linear-gradient(145deg,rgba(10,41,65,.9),rgba(4,13,24,.96))}.process li>span{color:#51e4ff;text-shadow:0 0 15px rgba(18,215,255,.32)}
.faq details{border-color:rgba(73,189,240,.16)}.faq summary:after{color:#55e5ff;text-shadow:0 0 12px rgba(34,218,255,.45)}
.cart-panel,.auth-panel{border-left-color:rgba(61,204,255,.3);background:radial-gradient(circle at 85% 5%,rgba(0,177,255,.14),transparent 28%),linear-gradient(180deg,#061421,#030a13);box-shadow:-30px 0 85px rgba(0,0,0,.55),-5px 0 30px rgba(0,154,255,.08)}
.auth-tabs button.active{border-color:#4fe4ff;color:#e8fbff}.user-card,.cart-item{border-color:rgba(66,196,255,.18);background:linear-gradient(135deg,rgba(7,35,57,.9),rgba(3,13,24,.96))}
footer{border-color:rgba(64,191,245,.17)}
@media(max-width:620px){.hero-shade{background:linear-gradient(0deg,rgba(1,5,12,.99) 5%,rgba(2,10,20,.72) 64%,rgba(1,6,13,.18)),linear-gradient(90deg,rgba(1,6,13,.78),transparent)}.market:before{display:none}}