@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_50255ce2-module__axFG5G__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_50255ce2-module__axFG5G__variable{--font-family:"Outfit", "Outfit Fallback"}
:root{--bg-base:#1a1a24;--bg-surface:#2b0057;--bg-surface-elevated:#1a0b2e;--text-primary:#f3e8ff;--text-secondary:#cba6f7;--text-muted:#8e7bb0;--accent-primary:var(--league-accent,#9d4edd);--accent-secondary:var(--league-accent,#c77dff);--accent-danger:#ff3b30;--accent-warning:#fc0;--accent-success:#34c759;--f1-red:#e10600;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-glow:0 0 15px #9d4edd4d;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-family,"Outfit", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin-bottom:1rem;font-weight:700}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border var(--transition-normal);background:#000;border:1px solid #ffffff14}.glass-panel:hover{border:1px solid var(--league-accent,#c77dff33);transform:translateY(-4px);box-shadow:0 12px 30px #00000080,0 0 15px #ffffff03}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:var(--bg-base);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1.5rem;font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-f1{background:var(--f1-red);color:#fff;border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);padding:.75rem 1.5rem;font-weight:700}.btn-f1:hover{transform:translateY(-2px);box-shadow:0 4px 15px #e1060066}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.navbar{z-index:1000;background-color:var(--bg-surface);border-bottom:1px solid #ffffff1a;border-radius:0;width:100%;padding:1rem 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-primary);opacity:.75;transition:opacity var(--transition-fast);font-size:.95rem;font-weight:600;text-decoration:none}.nav-link:hover{opacity:1}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-link.active{opacity:1;background:#000;border-radius:6px;justify-content:center;align-items:center;padding:.4rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006;color:#fff!important}.nav-link.active:before{content:"";z-index:1;background:conic-gradient(#0000 55%,#fff 90%,#0000 100%);width:200%;height:200%;animation:2.5s linear infinite rotateBorder;position:absolute;top:-50%;left:-50%}.nav-link.active:after{content:"";z-index:2;background:#000;border-radius:5px;transition:none;position:absolute;inset:1.5px}.nav-link-text{z-index:3;position:relative}.next-race-highlight-container{box-shadow:0 10px 30px #0009, 0 0 25px var(--league-accent,var(--accent-secondary));border-radius:10px;padding:3px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.next-race-highlight-container:hover{box-shadow:0 14px 40px #000000b3, 0 0 35px var(--league-accent,var(--accent-secondary));transform:translateY(-2px)}.next-race-highlight-container:before{content:"";background:conic-gradient(from 0deg, transparent 35%, var(--league-accent,var(--accent-secondary)) 65%, #fff 85%, #000 95%, transparent 100%);z-index:1;width:200%;height:200%;animation:3s linear infinite rotateBorder;position:absolute;top:-50%;left:-50%}.next-race-highlight-inner{z-index:2;background:linear-gradient(135deg, var(--league-accent,var(--accent-secondary)) 0%, #09030e 90%);border-radius:8px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.container{padding:0 1.5rem}}@media (max-width:768px){.container{padding:0 1rem}.responsive-grid-2{grid-template-columns:1fr!important;gap:1.5rem!important}.mobile-hide{display:none!important}.mobile-text-center{text-align:center!important}.mobile-stack{flex-direction:column!important;align-items:center!important}.mobile-scroll-x{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto!important}.mobile-scroll-x::-webkit-scrollbar{height:4px}.mobile-scroll-x::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:2px}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.4rem!important}}@media (max-width:480px){h1{font-size:1.8rem!important}.btn-primary,.btn-f1{text-align:center;width:100%}}.notification-item{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff03;border:1px solid #ffffff0a;padding:.85rem}.notification-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9d4edd1a;background:#9d4edd14!important;border-color:#9d4edd4d!important}.notification-item.unread{background:#9d4edd0a;border-color:#9d4edd26}.notification-item.unread:hover{background:#9d4edd1a!important;border-color:#9d4edd66!important}.notification-dot{background-color:var(--accent-secondary);width:6px;height:6px;box-shadow:0 0 8px var(--accent-secondary);vertical-align:middle;border-radius:50%;margin-right:.4rem;display:inline-block}.mark-read-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:.7rem;font-weight:600}.mark-read-btn:hover{color:var(--accent-secondary);text-decoration:underline}.navbar-container{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.navbar-logo-wrapper{align-items:center;display:flex}.navbar-actions-wrapper{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.league-card{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.league-card-info{align-items:center;gap:2rem;display:flex}.table-responsive-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}@media (max-width:768px){.navbar-container{row-gap:.75rem;grid-template-columns:1fr 1fr!important;grid-template-areas:"logo actions""links links"!important;display:grid!important}.navbar-logo-wrapper{grid-area:logo}.navbar-actions-wrapper{grid-area:actions;justify-content:flex-end}.nav-links{grid-area:links;width:100%;justify-content:center!important}.league-card{text-align:center;flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem!important}.league-card-info{flex-direction:column;align-items:center;gap:1rem}.league-card-info h3{flex-direction:column;align-items:center;gap:.5rem;display:flex}.league-card-info h3 span{margin-left:0!important}.league-card .btn-primary,.league-card button,.league-card div>a{text-align:center;width:100%}.league-card div:last-child{width:100%}}summary::-webkit-details-marker{display:none!important}summary{list-style:none!important}