body{margin:0;background:#0f0f0f;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.app{width:100%;padding:2rem 3rem;box-sizing:border-box}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;letter-spacing:2px;margin:0;font-weight:700}.grid-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:0 auto;padding:1rem;width:100%}.card{display:flex;flex-direction:column;align-items:center}.grid-container .card .card-name{width:300px;height:200px;background:linear-gradient(135deg,#2b2b2b,#1a1a1a);border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:1.7rem;font-weight:700;text-align:center}.grid-container .card .access-button{width:180px;margin-top:.8rem;padding:.6rem 1rem;border-radius:15px;background:linear-gradient(135deg,#2b2b2b,#1a1a1a);color:#fff;text-decoration:none;text-align:center;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.grid-container .card .access-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0009;background:linear-gradient(135deg,#8e2a2a,#5c1a1a)}.motogp-page .grid-container .card-name{width:150px;height:90px;background:linear-gradient(135deg,#313131,#313131);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;text-align:center}.motogp-page .grid-container .access-button{width:80px;margin-top:.4rem;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;transition:transform .2s ease,box-shadow .2s ease}.motogp-page .grid-container .access-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1f1f1f99}.motogp-page{position:relative;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.motogp-page:before{content:"";position:absolute;inset:0;background:#00000059;z-index:0}.motogp-page>*{position:relative;z-index:1}.page-container{position:relative;min-height:100vh;overflow:hidden}.background-blur{position:fixed;inset:0;background-size:cover;background-position:center 50%;filter:blur(5px) brightness(.4);transform:scale(1.1);z-index:0;animation:zoomEffect 15s ease-in-out infinite alternate}.content{position:relative;z-index:1;padding:2rem;text-align:center;max-width:1200px;margin:0 auto}.hero-image{width:95%;max-width:800px;border-radius:20px;margin:2rem auto;display:block;box-shadow:0 20px 60px #000c}@keyframes zoomEffect{0%{transform:scale(1.05)}to{transform:scale(1.2)}}.motogp-page .grid-container .card-name,.page-container .grid-container .card-name{width:170px;height:105px;font-size:.95rem}.motogp-page .grid-container .access-button,.page-container .grid-container .access-button{width:90px;font-size:.75rem}.card{transition:transform .25s ease,filter .25s ease}.card:hover{transform:scale(1.05);filter:brightness(1.2)}.card-name{transition:box-shadow .25s ease}.card:hover .card-name{box-shadow:0 10px 30px #000c}.grid-container:hover .card{filter:brightness(.4) blur(1px);transform:scale(.98)}.grid-container .card:hover{filter:brightness(1.3);transform:scale(1.1);z-index:5}.card:hover .card-name{box-shadow:0 10px 30px #f006}.page-transition{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;z-index:999;transition:opacity .4s ease}.page-transition.active{opacity:1}.card-clicked{transform:scale(1.2);z-index:1000;transition:transform 1s ease}.card-name img{max-width:90%;max-height:90px;object-fit:contain}.hero-image{margin-bottom:3rem}.page-container .card-name{width:220px;height:140px}.card-name{display:flex;align-items:center;justify-content:center;overflow:hidden}.premium-card{transition:transform .35s ease,filter .35s ease;transform-style:preserve-3d;perspective:800px}.premium-card:hover{transform:translateY(-6px) scale(1.06) rotateX(6deg);filter:brightness(1.25)}.premium-surface{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:18px;box-shadow:0 12px 35px #000000b3;transition:box-shadow .35s ease,transform .35s ease}.premium-card:hover .premium-surface{box-shadow:0 18px 45px #ff000073;transform:translateZ(15px)}.premium-image{transition:transform .35s ease}.premium-card:hover .premium-image{transform:scale(1.12)}.premium-title{margin-top:.6rem;font-size:1.05rem;font-weight:700;color:#fff;text-align:center;opacity:.85;letter-spacing:.6px;transition:opacity .35s ease,transform .35s ease}.premium-card:hover .premium-title{opacity:1;transform:translateY(-2px) scale(1.08)}.premium-button{background:linear-gradient(135deg,#2b2b2b,#1a1a1a);border-radius:14px;transition:transform .3s ease,box-shadow .3s ease}.premium-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #f006}.card-title{margin-top:.5rem;font-size:1rem;font-weight:700;color:#fff;text-align:center}.motogp-page .card-title{font-size:.8rem}.card-title{margin-top:.6rem;font-size:1.05rem;font-weight:700;color:#fff;text-align:center;letter-spacing:.5px;opacity:.9;transition:opacity .25s ease,transform .25s ease}.card:hover .card-title{opacity:1;transform:scale(1.05)}.card-image{max-width:90%;max-height:90px;object-fit:contain;transition:transform .25s ease}.card:hover .card-image{transform:scale(1.08)}.motogp-page .premium-card,.page-container .premium-card{transition:transform .35s ease,filter .35s ease;transform-style:preserve-3d;perspective:700px}.motogp-page .premium-card:hover,.page-container .premium-card:hover{transform:translateY(-5px) scale(1.05) rotateX(5deg);filter:brightness(1.25)}.motogp-page .premium-surface,.page-container .premium-surface{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:14px;box-shadow:0 10px 28px #000000b3;transition:box-shadow .35s ease,transform .35s ease}.motogp-page .premium-card:hover .premium-surface,.page-container .premium-card:hover .premium-surface{box-shadow:0 14px 35px #ff000059;transform:translateZ(12px)}.motogp-page .premium-image,.page-container .premium-image{max-height:70px;transition:transform .35s ease}.motogp-page .premium-card:hover .premium-image,.page-container .premium-card:hover .premium-image{transform:scale(1.1)}.motogp-page .premium-title,.page-container .premium-title{font-size:.85rem;opacity:.85;transition:opacity .35s ease,transform .35s ease}.motogp-page .premium-card:hover .premium-title,.page-container .premium-card:hover .premium-title{opacity:1;transform:translateY(-2px) scale(1.06)}.motogp-page .premium-button,.page-container .premium-button{width:80px;font-size:.75rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.motogp-page .premium-button:hover,.page-container .premium-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #f006}.home-page .premium-card{transition:transform .35s ease,filter .35s ease;transform-style:preserve-3d;perspective:900px}.home-page .premium-card:hover{transform:translateY(-8px) scale(1.08) rotateX(6deg);filter:brightness(1.3)}.home-page .premium-surface{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:20px;box-shadow:0 15px 45px #000c;transition:box-shadow .35s ease,transform .35s ease}.home-page .premium-card:hover .premium-surface{box-shadow:0 20px 55px #ff000073;transform:translateZ(20px)}.home-page .premium-image{max-height:110px;transition:transform .35s ease}.home-page .premium-card:hover .premium-image{transform:scale(1.15)}.home-page .premium-title{font-size:1.2rem;opacity:.9;transition:opacity .35s ease,transform .35s ease}.home-page .premium-card:hover .premium-title{opacity:1;transform:translateY(-3px) scale(1.1)}.home-page .premium-button{width:180px;font-size:1rem;border-radius:14px;transition:transform .3s ease,box-shadow .3s ease}.home-page .premium-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ff000073}.home-page .premium-image{max-height:120px!important}.home-page .premium-surface{width:240px!important;height:140px!important}.home-page .premium-title{font-size:1.2rem!important;margin-top:.6rem;font-weight:700;text-align:center;opacity:.9}.card-clicked{transform:scale(1.2);transition:transform .6s ease}.premium-surface:after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s}.login-container{width:100vw;height:100vh;background-image:url(/fondo-login.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.login-box{background:#000000a6;padding:40px;border-radius:12px;width:320px;text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-box h2{margin-bottom:20px;font-size:24px}.login-box input{width:100%;padding:12px;margin-bottom:15px;border-radius:6px;border:none;font-size:16px}.login-box button{width:100%;padding:12px;background:#e10600;border:none;border-radius:6px;color:#fff;font-size:18px;cursor:pointer}.login-box button:hover{background:#b50500}.error{margin-top:10px;color:#ff4d4d}