.home{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.ambient-glow{background:radial-gradient(circle, var(--bg-glow) 0%, transparent 70%);opacity:.5;z-index:0;pointer-events:none;filter:blur(40px);width:80vw;max-width:1000px;height:80vw;max-height:1000px;animation:6s cubic-bezier(.4,0,.2,1) infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-main{z-index:1;text-align:center;opacity:0;flex-direction:column;align-items:center;width:100%;padding:2rem;animation:1.2s cubic-bezier(.2,.8,.2,1) forwards fade-in-up;display:flex;position:relative;transform:translateY(20px)}.logo-container{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:3rem 4rem;transition:transform .4s,box-shadow .4s;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff1a}.logo-container:hover{transform:translateY(-5px);box-shadow:0 40px 80px #00000080,inset 0 1px #ffffff26}.logo{object-fit:contain;filter:drop-shadow(0 10px 20px #00000080);width:100%;max-width:480px;height:auto;transition:filter .3s}.logo-container:hover .logo{filter:drop-shadow(0 15px 30px #0009)brightness(1.1)}@media (width<=600px){.logo-container{border-radius:20px;padding:2rem}.logo{max-width:280px}}.countdown-grid{align-items:center;gap:.5rem;display:flex}.countdown-unit{background:#e1060014;border:1px solid #e1060033;border-radius:12px;flex-direction:column;align-items:center;min-width:70px;padding:.8rem .5rem;display:flex}.countdown-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1}.countdown-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-top:.3rem;font-size:.7rem}.countdown-sep{color:var(--f1-red);margin-top:-1rem;font-size:1.8rem;font-weight:300}.countdown-inline{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem;font-weight:500}.countdown-passed{color:var(--text-secondary);font-size:.85rem;font-style:italic;font-weight:500}@media (width<=600px){.countdown-unit{min-width:55px;padding:.6rem .3rem}.countdown-value{font-size:1.6rem}.countdown-sep{font-size:1.4rem}}.next-race-section{margin-bottom:3rem}.next-race-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);text-align:center;cursor:pointer;border-radius:20px;padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.next-race-card:before{content:"";background:linear-gradient(90deg, var(--f1-red), var(--accent));height:3px;position:absolute;top:0;left:0;right:0}.next-race-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0000004d}.next-race-label{text-transform:uppercase;letter-spacing:.2em;color:var(--f1-red);margin-bottom:.8rem;font-size:.8rem;font-weight:500}.next-race-name{margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.next-race-circuit{color:var(--text-secondary);margin-bottom:.3rem;font-size:.95rem}.next-race-date{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.sprint-badge{color:var(--f1-red);text-transform:uppercase;letter-spacing:.05em;background:#e1060026;border:1px solid #e106004d;border-radius:20px;margin-bottom:1.5rem;padding:.25rem .8rem;font-size:.75rem;font-weight:500;display:inline-block}.next-race-countdown{justify-content:center;margin-top:1rem;display:flex}@media (width<=600px){.next-race-card{padding:1.5rem}.next-race-name{font-size:1.3rem}}.upcoming-section{margin-bottom:3rem}.section-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:400}.races-list{flex-direction:column;gap:.5rem;display:flex}.race-row{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.2rem;transition:all .25s;display:flex}.race-row:hover{background:#081a29bf;border-color:#3b82f64d;transform:translate(4px)}.race-row-left{align-items:center;gap:.8rem;min-width:0;display:flex}.race-round{color:var(--accent);min-width:28px;font-size:.75rem;font-weight:600}.race-flag{font-size:1.3rem}.race-info{flex-direction:column;min-width:0;display:flex}.race-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.race-row-date{color:var(--text-secondary);font-size:.8rem}.race-row-right{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.sprint-badge-sm{color:var(--f1-red);text-transform:uppercase;letter-spacing:.05em;background:#e106001f;border:1px solid #e1060040;border-radius:12px;padding:.15rem .5rem;font-size:.65rem;font-weight:500}@media (width<=600px){.race-row{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem 1rem}.race-row-right{align-self:flex-end}}.past-section{margin-bottom:3rem}.past-race-row{border-left:3px solid var(--text-secondary);opacity:.85}.past-race-row:hover{opacity:1}.podium-mini{text-align:right;flex-direction:column;gap:.15rem;display:flex}.podium-pos{color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:400}.podium-1{color:gold;font-weight:600}.podium-2{color:silver;font-weight:500}.podium-3{color:#cd7f32;font-weight:500}.results-loading,.results-pending{color:var(--text-secondary);font-size:.8rem;font-style:italic}@media (width<=600px){.past-race-row{flex-direction:column;align-items:flex-start;gap:.5rem}.podium-mini{align-self:flex-end}}.standings-section{border-top:1px solid var(--glass-border);margin-top:3rem;padding-top:2rem}.standings-main-title{text-align:center;background:linear-gradient(135deg, var(--text-primary) 0%, var(--f1-red) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:1.4rem;font-weight:600}.standings-loading{text-align:center;color:var(--text-secondary);font-size:.9rem;font-style:italic}.standings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.standings-grid{grid-template-columns:1fr}}.standings-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem}.standings-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:400}.standings-table-wrapper{max-height:500px;overflow-y:auto}.standings-table-wrapper::-webkit-scrollbar{width:4px}.standings-table-wrapper::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.standings-table{border-collapse:collapse;width:100%;font-size:.85rem}.standings-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);z-index:1;background:#081a29f2;padding:.5rem .4rem;font-size:.7rem;font-weight:500;position:sticky;top:0}.standings-table tbody tr{border-bottom:1px solid #1d6c9b1a;transition:background .15s}.standings-table tbody tr:hover{background:#3b82f60d}.standings-table td{white-space:nowrap;padding:.5rem .4rem}.standing-pos{width:32px;color:var(--text-secondary);font-weight:600}.standing-top-1 .standing-pos{color:gold}.standing-top-2 .standing-pos{color:silver}.standing-top-3 .standing-pos{color:#cd7f32}.standing-name{font-weight:500}.standing-team{color:var(--text-secondary);font-size:.8rem}.standing-wins{color:var(--text-secondary);text-align:center}.standing-pts{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.standings-row-clickable{cursor:pointer}.standings-row-clickable:hover{background:#3b82f61a}@media (width<=600px){.standings-card{padding:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:2rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--glass-border);background:linear-gradient(135deg,#061826f2,#02070dfa);border-radius:20px;width:100%;max-width:640px;max-height:90vh;padding:2.5rem;animation:.3s modal-slide-up;position:relative;overflow-y:auto}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.2rem .5rem;font-size:1.8rem;line-height:1;transition:all .2s;position:absolute;top:1rem;right:1.2rem}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.modal-flag{font-size:2.5rem}.modal-title{font-size:1.5rem;font-weight:600}.modal-subtitle{color:var(--text-secondary);font-size:.9rem}.modal-circuit-svg{border:1px solid var(--glass-border);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.modal-circuit-svg svg{width:100%;height:auto;max-height:200px}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-item{flex-direction:column;gap:.2rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.7rem}.detail-value{font-size:.95rem;font-weight:500}.sprint-text{color:var(--f1-red)}.modal-results{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.5rem}.modal-results-title{text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem;font-weight:400}.results-table{border-collapse:collapse;width:100%;font-size:.85rem}.results-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding:.5rem .4rem;font-size:.7rem;font-weight:500}.results-table tbody tr{border-bottom:1px solid #1d6c9b1a;transition:background .15s}.results-table tbody tr:hover{background:#3b82f60d}.results-table td{white-space:nowrap;padding:.45rem .4rem}.result-pos{width:32px;color:var(--text-secondary);font-weight:600}.result-top-1 .result-pos{color:gold}.result-top-2 .result-pos{color:silver}.result-top-3 .result-pos{color:#cd7f32}.result-driver{font-weight:500}.result-team{color:var(--text-secondary)}.result-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.8rem}.result-pts{color:var(--accent);text-align:right;font-weight:600}.results-table-wrapper{border-radius:8px;max-height:400px;overflow-y:auto}.results-table-wrapper::-webkit-scrollbar{width:4px}.results-table-wrapper::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.results-table thead{z-index:1;background:#061826fa;position:sticky;top:0}@media (width<=600px){.modal-overlay{padding:1rem}.modal-content{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.modal-title{font-size:1.2rem}}.driver-modal{max-width:580px}.driver-number-badge{background:linear-gradient(135deg, var(--f1-red), #b91c1c);color:#fff;letter-spacing:-.02em;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:800;display:flex;box-shadow:0 4px 16px #e5000040}.standing-highlight{color:var(--accent);font-weight:700}.driver-results-section{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.5rem}.driver-results-loading{color:var(--text-secondary);text-align:center;padding:1rem 0;font-size:.85rem;font-style:italic}.result-race-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.result-grid{color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums}.constructor-modal{max-width:620px}.constructor-icon{flex-shrink:0;font-size:2.4rem}.constructor-results-section{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.5rem}.constructor-results-loading{color:var(--text-secondary);text-align:center;padding:1rem 0;font-size:.85rem;font-style:italic}.f1-page{flex:1;padding-top:2rem;padding-bottom:3rem}.f1-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.f1-columns{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.f1-columns{grid-template-columns:1fr}}.f1-header{text-align:center;opacity:0;margin-bottom:3rem;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fade-in-up;transform:translateY(20px)}.f1-title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--f1-red) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:2.5rem;font-weight:700}.f1-subtitle{color:var(--text-secondary);letter-spacing:.1em;font-size:1rem;font-weight:300}@media (width<=600px){.f1-page{padding-top:1.5rem}.f1-title{font-size:1.8rem}}:root{--bg-color:#02070d;--bg-glow:#123a57;--text-primary:#f2f2f2;--text-secondary:#8ca3b8;--accent:#3b82f6;--f1-red:#e10600;--glass-bg:#081a298c;--glass-border:#1d6c9b40}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background:linear-gradient(125deg,#02070d 0%,#061826 40%,#0a2135 60%,#02070d 100%) 0 0/400% 400%;min-height:100vh;font-family:Outfit,sans-serif;animation:15s infinite gradientBG;position:relative;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%{opacity:.3;transform:translate(-50%,-50%)scale(.9)}to{opacity:.6;transform:translate(-50%,-50%)scale(1.15)}}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}
