*{box-sizing:border-box}body{margin:0;background:#101015;color:#fff;font:16px/1.6 system-ui,sans-serif}header{max-width:1000px;margin:auto;display:flex;align-items:center;gap:20px;padding:20px}header img{width:85px}header>b{flex:1}header span{color:#ffce24}a{color:inherit}main{max-width:920px;margin:auto;padding:20px}.intro{padding:10px 0 25px}h1{font-size:clamp(32px,5vw,54px);line-height:1.12;letter-spacing:-1px}h1 span{color:#ff2b8a}.eyebrow{color:#ffce24;font-size:14px;font-weight:800;letter-spacing:1px}.beneficios{display:grid;grid-template-columns:1fr 1fr;gap:14px}.beneficios article{padding:22px;background:#24222c;border-left:4px solid #ff2b8a;border-radius:8px}.beneficios strong{display:block;font-size:23px;color:#ffce24}.panel{background:#1c1c25;border:1px solid #3b3b48;border-radius:18px;padding:28px;max-width:660px;margin:20px auto}.tabs{display:flex;gap:10px;margin-bottom:25px}button{font:inherit;font-weight:700;background:#30303c;color:#fff;border:1px solid #777;border-radius:9px;padding:12px 18px;cursor:pointer;margin:5px 4px 5px 0}button[aria-pressed=true],button.principal{background:#ffce24;color:#111;border-color:#ffce24}button:disabled{opacity:.5;cursor:wait}label{display:block;margin:16px 0}input:not([type=checkbox]),select{display:block;width:100%;font:inherit;color:#fff;background:#101015;padding:13px;border:1px solid #777;border-radius:8px;margin-top:6px}.check{display:flex;align-items:start;gap:10px}.check input{margin-top:7px;width:20px;height:20px;flex-shrink:0}.nota,details{font-size:14px;color:#c9c9d4}details{margin:18px 0}.codigo{display:block;font-size:28px;color:#ffce24;overflow-wrap:anywhere}.saldo{display:flex;align-items:center;gap:15px}.saldo b{font-size:58px}.sellos{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.sellos span{border:1px solid #777;border-radius:50%;text-align:center;padding:6px 0}.sellos .activo{background:#ffce24;color:#101015}.premio{background:#292933;border-radius:9px;padding:15px;margin:10px 0}#estado{max-width:660px;margin:auto;color:#ffce24}#guardar{border:1px solid #ffce24;padding:18px;border-radius:12px;margin:25px 0}footer{max-width:920px;margin:40px auto;padding:20px;color:#aaa;font-size:14px}:focus-visible{outline:3px solid #ff2b8a;outline-offset:3px}[hidden]{display:none!important}@media(max-width:560px){header{padding:14px;gap:10px}header img{width:60px}.beneficios{grid-template-columns:1fr}.panel{padding:18px}.sellos{grid-template-columns:repeat(5,1fr)}main{padding:14px}}

body{background:#09090c;background-image:radial-gradient(ellipse at 5% 15%,#ff008c29,transparent 45%),radial-gradient(ellipse at 90% 40%,#7038ff20,transparent 45%)}header{max-width:1220px;border-bottom:1px solid #37313b}header img{width:96px}header>b{font-size:22px;font-weight:950;font-style:italic}main{max-width:1220px;display:grid;grid-template-columns:1.05fr 1fr;gap:24px 50px;align-items:start}.intro{position:relative;min-width:0;padding-top:16px}.intro h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-weight:900;font-size:clamp(70px,9vw,126px);line-height:.88;letter-spacing:-2px;margin:30px 0 24px;position:relative;z-index:1;text-shadow:5px 5px #000}.intro h1 span{color:#ffda00;-webkit-text-stroke:1px #ffda00;text-shadow:5px 5px #ff168a,8px 8px #070707}.starky-club{position:absolute;width:43%;right:-5px;top:32px;transform:rotate(9deg);filter:drop-shadow(8px 12px 0 #0007)}.sticker{display:inline-block;position:relative;z-index:2;background:#ff168a;color:white;border:3px solid white;box-shadow:5px 5px #000;transform:rotate(-3deg);font-size:18px;font-weight:950;padding:8px 16px}.beneficios{margin-top:25px;gap:12px}.beneficios article{border:2px solid #fbd927;border-radius:0;box-shadow:5px 5px #ff168a;padding:16px;background:#101014;transform:rotate(-1deg)}.beneficios article+article{transform:rotate(1deg);border-color:#ff168a;box-shadow:5px 5px #742aff}.beneficios strong{font-size:22px;line-height:1.1}.beneficios p{font-size:13px}.panel{margin:12px 0;max-width:none;width:100%;border:1px solid #5a4d60;background:#151319;border-radius:22px;padding:26px;box-shadow:0 20px 70px #0008}#acceso{grid-column:2;grid-row:1/3;border-top:5px solid #ff168a}#estado{grid-column:1/-1;width:100%;background:#201823;border-left:4px solid #ffda00;padding:14px;position:relative;scroll-margin-top:20px}#estado:empty{display:none}#tarjeta{grid-column:1/-1;max-width:740px;justify-self:center;border:2px solid #ff168a;background:radial-gradient(ellipse at top right,#6b1a6844,transparent),#151319}.tabs{gap:6px}.tabs button{flex:1;font-size:15px;margin:0}button.principal{width:100%;background:#ffda00;box-shadow:3px 3px #ff168a;font-weight:950;border-radius:7px}button{min-height:48px}.codigo{text-align:center;color:#ffda00}#qr{width:220px;max-width:100%;margin:20px auto;background:white;border:8px solid white;border-radius:14px}#qr svg{display:block;width:100%;height:auto}.saldo{justify-content:center}.push-panel{margin:25px 0;padding:18px;border:1px solid #5d4265;border-radius:12px}.como{grid-column:1/-1;padding:45px 0;border-top:1px solid #37313b}.como h2{font-family:Impact,'Arial Black',sans-serif;font-size:48px;font-style:italic;margin:12px 0 25px}.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.pasos article{border-top:3px solid #ff168a;padding:20px 0}.pasos b{color:#ffda00;font-size:38px;font-family:Impact,sans-serif}.pasos h3{font-size:21px}.pasos p{color:#c4bcc7}footer{max-width:1220px}.nota{line-height:1.55}@media(max-width:760px){main{display:block;padding:18px}.intro h1{font-size:86px;max-width:70%}.starky-club{width:40%;top:40px;right:0}.intro{padding-bottom:16px}.beneficios{grid-template-columns:1fr 1fr}.beneficios article{padding:12px}.beneficios strong{font-size:20px}.beneficios p{font-size:12px}.panel{padding:20px}.intro>.nota{font-size:12px}.pasos{grid-template-columns:1fr;gap:5px}.como h2{font-size:39px}header>b{font-size:17px}header img{width:72px}.sticker{font-size:14px}.tabs button{font-size:14px;padding:10px}#acceso{margin-top:20px}#estado{margin:16px 0}.sellos{grid-template-columns:repeat(5,1fr)}}

.club-entry{display:inline-block;padding:12px 20px;border:1px solid #ffda00;border-radius:8px;text-decoration:none;color:#ffda00;font-weight:800}#acceso{scroll-margin-top:20px}@media(max-width:760px){.intro h1{font-size:70px;max-width:85%;margin-top:24px}.starky-club{top:92px;width:44%;right:-8px}}

.signed-in .intro{display:none}.signed-in main{display:block;max-width:780px}.signed-in .como{padding-top:30px}.signed-in #tarjeta{margin-top:20px}

@media(max-width:760px){main{display:flex;flex-direction:column;gap:10px}.intro{order:2;width:100%}#acceso,#tarjeta{order:1;margin-top:0}#estado{order:0}.como{order:3}.intro h1{font-size:62px}.intro .club-entry{display:none}.tabs{margin-bottom:16px}.panel h2{font-size:26px;line-height:1.15;margin:15px 0}.simple-note{font-size:15px}.panel label{margin:12px 0}.panel details{margin:10px 0}}