@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;800&family=Inter:wght@400;600&display=swap";:root{--asphalt:#090a0f;--asphalt-light:#161821;--asphalt-glass:#161821b3;--text-primary:#f2f3f8;--text-secondary:#9aa0b8;--pure-white:#fff;--brand-primary:#e62020;--brand-accent:#fa0;--brand-silver:#c0c4ce;--brand-error:#f36;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--blur-md:blur(12px);--blur-lg:blur(24px);--transition-snappy:.2s cubic-bezier(.25, .1, .25, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--asphalt);color:var(--text-primary);font-family:var(--font-body);line-height:interface;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}button{font-family:var(--font-display);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-snappy);border:none;font-weight:600}.glass-panel{background:var(--asphalt-glass);-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-lg);border:1px solid #ffffff0d}.product-card{border-radius:var(--radius-lg);background:var(--asphalt-light);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);position:relative;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.team-accent-bar{width:100%;height:4px;position:absolute;top:0;left:0}.cart-drawer-overlay{-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-smooth);background:#0009;position:fixed;inset:0}.cart-drawer-overlay.open{opacity:1;pointer-events:all}.cart-drawer{background:var(--asphalt);z-index:101;width:100%;max-width:450px;height:100vh;transition:right var(--transition-smooth);border-left:1px solid #ffffff0d;flex-direction:column;display:flex;position:fixed;top:0;right:-100%}.cart-drawer.open{right:0}.app-container{max-width:1400px;padding:var(--spacing-lg);margin:0 auto}.main-header{max-width:1200px;margin:0 auto var(--spacing-md) auto;padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.brand-logo{cursor:pointer;object-fit:contain;height:80px;transition:transform var(--transition-snappy)}.brand-logo:hover{transform:scale(1.05)}@media (width<=768px){.hide-on-mobile{display:none!important}}.grid-3{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.portals-container{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;display:grid}@media (width<=768px){.portals-container{grid-template-columns:1fr}}.portal-card{border-radius:var(--radius-lg);background:var(--asphalt-light);cursor:pointer;height:55vh;min-height:380px;max-height:520px;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);border:1px solid #ffffff0d;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.portal-card:hover{border-color:#e6202066;transform:translateY(-8px);box-shadow:0 20px 50px #e6202033}.portal-slide{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1.5s ease-in-out;display:flex;position:absolute;top:0;left:0}.portal-slide.active{opacity:1;z-index:10}.portal-image{object-fit:contain;background:#090a0f;width:100%;height:100%;transition:transform 6s linear;transform:scale(1.05)}.portal-slide.active .portal-image{transform:scale(1)}.portal-content-gradient{background:linear-gradient(to top, var(--asphalt) 0%, #090a0f99 40%, #090a0f00 100%);z-index:15;width:100%;height:100%;position:absolute;top:0;left:0}.portal-content{z-index:20;text-align:center;padding:0 var(--spacing-lg);width:100%;position:absolute;bottom:10%}.portal-content h1{margin-bottom:var(--spacing-sm);text-shadow:0 4px 20px #000000e6;text-transform:uppercase;color:var(--pure-white);font-size:clamp(3rem,5vw,4.5rem);font-weight:800}.portal-content p{color:var(--brand-accent);margin-bottom:var(--spacing-lg);text-shadow:0 2px 10px #000c;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.portal-btn{background:var(--brand-primary);color:#fff;border-radius:var(--radius-full);padding:16px 40px;font-size:1.2rem;box-shadow:0 4px 15px #e6202066}.portal-card:hover .portal-btn{transform:translateY(-2px);box-shadow:0 6px 20px #e6202099}.league-selector-btn{border-radius:var(--radius-full);transition:all var(--transition-snappy);color:#fff;background:0 0;border:1px solid #fff3;padding:8px 24px;font-size:1rem;font-weight:600}.league-selector-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 12px #e620204d}.btn-primary{background:var(--brand-primary);color:#fff;width:100%;padding:16px;font-size:1.2rem;box-shadow:0 4px 15px #e6202066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6202099}.btn-primary.disabled{background-color:var(--asphalt-light);color:var(--brand-silver);border:1px solid var(--text-secondary);box-shadow:none}.legal-container{max-width:900px;padding:var(--spacing-xl);margin:40px auto}.legal-container h1{margin-bottom:var(--spacing-lg);color:var(--brand-primary)}.legal-container h3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--pure-white)}.legal-container p{margin-bottom:var(--spacing-md);color:var(--brand-silver);line-height:1.8}.legal-container li{color:var(--brand-silver);margin-bottom:.5rem;list-style-position:inside}.footer-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-snappy);text-decoration:underline}.footer-link:hover{color:var(--brand-primary)}.modal-content-wrapper{flex-wrap:wrap;gap:3rem;display:flex}.modal-img-container{background:#090a0f;border-radius:12px;flex:300px;align-items:center;display:flex;position:relative;overflow:hidden}.modal-img{object-fit:contain;width:100%;max-height:400px;display:block}.modal-text-container{flex-direction:column;flex:300px;justify-content:center;display:flex}@media (width<=768px){.app-container{padding:var(--spacing-md)}.legal-container{padding:var(--spacing-md);margin:20px auto}.modal-content-wrapper{flex-direction:column;gap:1.5rem}.modal-text-container{text-align:center;align-items:center}.modal-img-container{min-height:250px}.modal-img{max-height:250px}.d-modal-panel{padding:var(--spacing-md)!important}.cart-drawer{max-width:100%}.btn-primary{padding:20px 16px}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}}