:root{--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c26;--dark:#080c18;--dark2:#0f1525;--red-suit:#c0392b;--surface:#ffffff0a;--surface-hover:#ffffff14;--text:#f0ede6;--text-muted:#f0ede694;--border:#c9a84c40;--radius:20px}.landing-page{-webkit-overflow-scrolling:touch;color:#f0ede6;background-color:#080c18;background-image:radial-gradient(70% 55% at 15% 5%,#c9a84c17 0%,#0000 55%),radial-gradient(55% 45% at 85% 95%,#3b43b31f 0%,#0000 55%);width:100%;min-height:100vh;font-family:Lato,sans-serif;position:relative;overflow:hidden auto}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.65}}@keyframes suitDrift{0%,to{transform:translateY(0) rotate(var(--rot,0deg));opacity:.04}50%{transform:translateY(-10px) rotate(var(--rot,0deg));opacity:.08}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes revealDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes revealRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fanIn{0%{opacity:0;transform:translateY(40px) rotate(calc(var(--fan-r,0deg) - 10deg))}to{opacity:1;transform:translateY(0) rotate(var(--fan-r,0deg))}}@keyframes cardFloat{0%,to{transform:rotate(var(--fan-r,0deg)) translateY(0)}50%{transform:rotate(var(--fan-r,0deg)) translateY(-10px)}}@keyframes scrollBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes statsReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:#c9a84c38}50%{border-color:#c9a84c85}}.stars{pointer-events:none;z-index:0;position:fixed;inset:0}.star{background:#e8c96a;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute}.suit-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.suit-bg .suit{opacity:.04;-webkit-user-select:none;user-select:none;font-size:clamp(160px,22vw,280px);line-height:1;animation:9s ease-in-out infinite suitDrift;position:absolute}.suit-bg .suit:first-child{--rot:-15deg;animation-delay:0s;top:-5%;left:-3%}.suit-bg .suit:nth-child(2){--rot:15deg;animation-delay:2.2s;top:-5%;right:-3%}.suit-bg .suit:nth-child(3){--rot:12deg;animation-delay:1.1s;bottom:2%;left:-3%}.suit-bg .suit:nth-child(4){--rot:-12deg;animation-delay:3.3s;bottom:2%;right:-3%}.hero{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px 60px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;width:100%;max-width:1100px;display:grid}.hero-left{flex-direction:column;gap:0;animation:.9s ease-out both revealLeft;display:flex}.hero-badge{color:#e8c96a;letter-spacing:.6px;text-transform:uppercase;background:#c9a84c26;border:1px solid #c9a84c59;border-radius:99px;align-items:center;gap:8px;width:fit-content;margin-bottom:24px;padding:6px 16px;font-family:Lato,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.title{color:#f0ede6;letter-spacing:-1px;margin-bottom:20px;font-family:Playfair Display,serif;font-size:clamp(42px,5.5vw,76px);font-weight:900;line-height:1.05;animation:.8s ease-out .1s both revealDown}.title-accent{background:linear-gradient(90deg,#c9a84c 0%,#e8c96a 40%,#c9a84c 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.5s linear infinite shimmer;display:block}.subtitle{color:#f0ede694;max-width:480px;margin-bottom:36px;font-size:clamp(15px,1.6vw,18px);line-height:1.75;animation:.9s ease-out .3s both revealUp}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:20px;animation:.9s ease-out .5s both revealUp;display:flex}.hero-btn{letter-spacing:.3px;cursor:pointer;border:none;border-radius:12px;padding:15px 32px;font-family:Lato,sans-serif;font-size:16px;font-weight:700;transition:all .25s}.hero-btn-primary{color:#080c18;background:linear-gradient(135deg,#c9a84c 0%,#e8c96a 100%);box-shadow:0 4px 24px #c9a84c4d}.hero-btn-primary:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 8px 32px #c9a84c73}.hero-btn-secondary{color:#a8b2f5;background:#3b43b333;border:1px solid #3b43b366}.hero-btn-secondary:hover{background:#3b43b352;border-color:#7882d9;transform:translateY(-3px)}.hero-link{color:#f0ede694;cursor:pointer;letter-spacing:.3px;text-align:left;background:0 0;border:none;padding:0;font-family:Lato,sans-serif;font-size:14px;transition:color .2s;animation:.9s ease-out .65s both revealUp}.hero-link:hover{color:#e8c96a}.hero-right{justify-content:center;align-items:center;animation:.9s ease-out .4s both revealRight;display:flex}.card-fan{width:260px;height:340px;position:relative}.fan-card{color:#f0ede6;transform-origin:bottom;background:#0f1525;border:1px solid #c9a84c40;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;width:160px;height:224px;margin-left:-80px;padding:16px 12px;font-size:64px;line-height:1;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;top:0;left:50%;box-shadow:0 16px 48px #000000b3,inset 0 1px #ffffff0f}.fan-card:first-child{--fan-r:-28deg;z-index:1;animation:5s ease-in-out infinite cardFloat,.8s ease-out .5s both fanIn;transform:rotate(-28deg)translate(-50px)}.fan-card:nth-child(2){--fan-r:-9deg;z-index:2;animation:5s ease-in-out .6s infinite cardFloat,.8s ease-out .7s both fanIn;transform:rotate(-9deg)translate(-18px)}.fan-card:nth-child(3){--fan-r:9deg;z-index:3;animation:5s ease-in-out 1.2s infinite cardFloat,.8s ease-out .9s both fanIn;transform:rotate(9deg)translate(18px)}.fan-card:nth-child(4){--fan-r:28deg;z-index:4;animation:5s ease-in-out 1.8s infinite cardFloat,.8s ease-out 1.1s both fanIn;transform:rotate(28deg)translate(50px)}.fan-card-red{color:#c0392b;border-color:#c0392b4d}.fan-suit-top{align-self:flex-start;font-size:22px}.fan-suit-center{font-size:56px}.fan-suit-bottom{align-self:flex-end;font-size:22px;transform:rotate(180deg)}.scroll-hint{color:#f0ede694;flex-direction:column;align-items:center;gap:6px;font-size:18px;animation:2s ease-in-out 1.5s infinite scrollBounce;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint-line{background:linear-gradient(#0000,#c9a84c);width:1px;height:28px}.stats-bar{z-index:1;background:#c9a84c0f;border-top:1px solid #c9a84c26;border-bottom:1px solid #c9a84c26;flex-wrap:wrap;justify-content:center;align-items:center;padding:28px 40px;animation:.8s ease-out 1s both statsReveal;display:flex;position:relative}.stat{flex-direction:column;align-items:center;gap:4px;padding:0 40px;display:flex}.stat-num{color:#e8c96a;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1}.stat-label{letter-spacing:.8px;text-transform:uppercase;color:#f0ede694;font-size:12px;font-weight:700}.stat-sep{color:#c9a84c;opacity:.35;font-size:10px}.landing-container{z-index:1;max-width:1100px;margin:0 auto;padding:80px 32px 100px;position:relative}.cta{grid-template-columns:1fr 1fr;gap:28px;animation:1s ease-out .2s both revealUp;display:grid}.cta-card{cursor:default;background:#ffffff0a;border:1px solid #c9a84c40;border-radius:20px;padding:40px 36px;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;animation:4.5s ease-in-out infinite borderGlow}.cta-card:hover{background:#ffffff14;border-color:#c9a84c;transform:translateY(-5px);box-shadow:0 20px 56px #00000080,0 0 40px #c9a84c12}.cta-card-clickable{cursor:pointer}.cta-card-header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.cta-card-icon{font-size:38px;line-height:1}.cta-card-title{color:#f0ede6;margin:0;font-family:Playfair Display,serif;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.1}.cta-card-description{color:#f0ede694;margin-bottom:28px;font-size:15px;line-height:1.75}.cta-button{letter-spacing:.4px;cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:14px 28px;font-family:Lato,sans-serif;font-size:15px;font-weight:700;transition:all .25s;display:block}.cta-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 24px #c9a84c4d}.game-buttons{flex-direction:column;gap:12px;display:flex}.game-button{cursor:pointer;letter-spacing:.3px;text-align:left;border:none;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-family:Lato,sans-serif;font-size:15px;font-weight:700;transition:all .22s;display:flex}.game-button:hover{filter:brightness(1.1);transform:translate(5px)}.cacheta-btn{color:#e8c96a;background:#c9a84c26;border:1px solid #c9a84c4d}.cacheta-btn:hover{background:#c9a84c38;border-color:#c9a84c}.truco-btn{color:#9ba5f0;background:#3b43b32e;border:1px solid #3b43b359}.truco-btn:hover{background:#3b43b347;border-color:#6b77d9}.full-list-btn{color:#f0ede694;background:0 0;border:1px solid #ffffff1a;font-size:14px}.full-list-btn:hover{color:#f0ede6;background:#ffffff0d;border-color:#ffffff38}.divider{opacity:.4;align-items:center;gap:16px;max-width:340px;margin:0 auto 52px;display:flex}.divider-line{background:#c9a84c;flex:1;height:1px}.divider-diamond{color:#c9a84c;font-size:12px}.features{text-align:center;margin-top:100px;animation:1s ease-out .4s both revealUp}.features-title{color:#f0ede6;letter-spacing:.1px;margin-bottom:40px;font-family:Playfair Display,serif;font-size:clamp(22px,3vw,34px);line-height:1.2}.features-title-accent{color:#c9a84c}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.feature-card{text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-top:3px solid #c9a84c;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:32px 28px;transition:background .25s,transform .25s,box-shadow .25s;display:flex}.feature-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 0 1px #c9a84c26}.feature-icon{font-size:32px;line-height:1}.feature-text{color:#f0ede6;letter-spacing:.1px;font-size:17px;font-weight:700}.feature-desc{color:#f0ede694;font-size:14px;line-height:1.65}@media (width<=860px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:40px}.hero-left{align-items:center}.hero-badge{margin-bottom:20px}.subtitle{max-width:100%}.hero-actions{justify-content:center}.hero-link{text-align:center}.hero-right{order:-1}.card-fan{width:220px;height:240px}.fan-card{width:120px;height:168px;margin-left:-60px;font-size:48px}.fan-suit-top,.fan-suit-bottom{font-size:16px}.fan-suit-center{font-size:42px}.cta{grid-template-columns:1fr;max-width:520px;margin:0 auto}.features-grid{grid-template-columns:1fr;max-width:520px}.stats-bar{gap:16px;padding:24px 20px}.stat{padding:0 20px}}@media (width<=540px){.hero{padding:80px 20px 60px}.landing-container{padding:60px 20px 80px}.card-fan{width:180px;height:200px}.fan-card{width:100px;height:140px;margin-left:-50px;padding:10px 8px;font-size:36px}.fan-suit-top,.fan-suit-bottom{font-size:13px}.fan-suit-center{font-size:32px}.hero-actions{flex-direction:column}.hero-btn{text-align:center;width:100%}.stat-sep{display:none}.stat{padding:8px 16px}.stats-bar{flex-wrap:wrap;gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.stars,.suit-bg,.scroll-hint{display:none}}