:root{--bg-color:#f8fafc;--text-color:#334155;--text-muted:#64748b;--card-bg:#fff;--border-color:#e2e8f0;--accent-color:#f97316;--accent-hover:#ea580c;--primary-color:#0f172a;--primary-hover:#1e293b;--hero-overlay:#0f172a66;--focus-ring:#f9731680;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}.dark-theme{--bg-color:#0f172a;--text-color:#f1f5f9;--text-muted:#94a3b8;--card-bg:#1e293b;--border-color:#334155;--accent-color:#f97316;--accent-hover:#ea580c;--primary-color:#334155;--primary-hover:#475569;--hero-overlay:#000000b3;--focus-ring:#f9731680;--shadow-sm:0 1px 3px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 20px 25px -5px #00000080}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;transition:background-color .3s,color .3s;display:flex}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.container{box-sizing:border-box;flex:1;width:100%;max-width:1600px;margin:auto;padding:20px}.hero{background:linear-gradient(var(--hero-overlay), var(--hero-overlay)), url(/hero-background.png);color:#fff;text-align:center;box-shadow:var(--shadow-md);background-position:50%;background-size:cover;margin-bottom:40px;padding:60px 20px;position:relative}.hero h1{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:3em;font-weight:800}.hero p{color:#cbd5e1;max-width:600px;margin-top:15px;margin-left:auto;margin-right:auto;font-size:1.2em;font-weight:500}.controls{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:16px;flex-wrap:wrap;gap:20px;margin-bottom:40px;padding:24px;display:flex}.input-group{flex:2;min-width:250px;position:relative}.input-group i{color:var(--text-muted);position:absolute;top:50%;left:15px;transform:translateY(-50%)}input,select{border:1px solid var(--border-color);box-sizing:border-box;width:100%;color:var(--text-color);background-color:var(--bg-color);border-radius:9999px;padding:14px;font-family:inherit;font-size:15px;transition:all .2s}input{padding-left:45px}.filter-select{flex:1;min-width:140px}input:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-ring);background-color:var(--card-bg);outline:none}.race-card:focus-visible,.language-flags .flag:focus-visible,.subscribe-btn:focus-visible,.modal-close:focus-visible,button:focus-visible,.theme-toggle:focus-visible,.view-toggle:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:20px}#map{width:100%;height:400px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);z-index:1;border-radius:16px;margin-bottom:40px}#race-list{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){#race-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#race-list{grid-template-columns:1fr}}#race-list.list-view{flex-direction:column;gap:16px;display:flex}.race-card{border:1px solid var(--border-color);background-color:var(--card-bg);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}#race-list.list-view .race-card{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px}.race-card:before{content:"";background:linear-gradient(90deg, var(--accent-color), var(--accent-hover));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}#race-list.list-view .race-card:before{background:linear-gradient(180deg, var(--accent-color), var(--accent-hover));width:4px;height:100%}.race-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color);transform:translateY(-4px)}#race-list.list-view .race-card:hover{transform:translate(4px)translateY(0)}.race-card:hover:before{opacity:1}.race-card h2{color:var(--text-color);margin-top:0;margin-bottom:16px;font-size:1.5em;font-weight:700}#race-list.list-view .race-card h2{flex:1;margin-bottom:0;font-size:1.25em}.race-card p{color:var(--text-muted);align-items:center;gap:10px;margin:10px 0;display:flex}#race-list.list-view .race-card p{margin:0}.race-card p i{color:var(--text-muted);text-align:center;width:20px}.race-card p strong{color:var(--text-color);font-weight:500}.subscribe-btn{background-color:var(--accent-color);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px 24px;font-family:Montserrat,sans-serif;font-weight:700;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.subscribe-btn:hover{background-color:var(--accent-hover)}.subscribe-btn:active{transform:scale(.98)}footer{text-align:center;background-color:var(--primary-color);color:var(--text-muted);margin-top:60px;padding:30px;font-size:.9em}footer i{color:var(--accent-color)}.top-controls{z-index:1000;align-items:center;gap:15px;display:flex;position:absolute;top:20px;right:20px}.language-flags{gap:10px;display:flex}.language-flags .flag{cursor:pointer;opacity:.5;width:30px;height:auto;box-shadow:var(--shadow-sm);background:0 0;border:none;border-radius:4px;padding:0;transition:all .2s;display:block}.language-flags .flag img{border-radius:inherit;width:100%;height:auto;display:block}.language-flags .flag:hover{opacity:.8;transform:translateY(-2px)}.language-flags .flag.active{opacity:1;box-shadow:var(--shadow-md);border:2px solid #fff;transform:scale(1.1)}.theme-toggle,.view-toggle{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover,.view-toggle:hover{background:var(--bg-color);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:20px;padding:40px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);background:var(--bg-color);border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-color);background:var(--border-color)}.modal-content h2{color:var(--text-color);margin-top:0;margin-bottom:20px;font-size:2em;font-weight:800}.modal-content p{color:var(--text-muted);align-items:center;gap:12px;margin:12px 0;display:flex}.modal-content p i{color:var(--text-muted);text-align:center;width:24px}.modal-content p strong{color:var(--text-color);font-weight:600}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:16px;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--accent-color)}.vertical-banner{flex-shrink:0;width:300px;position:sticky;top:20px}@media (max-width:768px){.vertical-banner{display:none}}