*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0a0e27,#1a1f3a);color:#e8e8e8;min-height:100vh;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.navigation{background:linear-gradient(90deg,#00539f,#06c);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ffffff;box-shadow:0 4px 12px #0000004d}.nav-brand{display:flex;align-items:center;gap:2rem}.williams-logo{font-size:1.75rem;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.connection-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#ffffffe6}.status-error{color:#e74c3c;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-dot.connected{background-color:#2ecc71;box-shadow:0 0 8px #2ecc71}.status-dot.disconnected{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-links{display:flex;gap:.75rem}.nav-link{padding:.75rem 2rem;background:#ffffff1a;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.nav-link.active{background:#fff;color:#00539f;box-shadow:0 4px 8px #0003}.main-content{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.page{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:3px solid #00539f}.cars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:2rem}.car-card{background:linear-gradient(135deg,#1a1f3a,#252b47);border:2px solid #00539f;border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.car-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00539f66}.car-number{font-size:3.5rem;font-weight:900;color:#00539f;line-height:1;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,83,159,.5)}.driver-name{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;color:#95a5a6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.tire-life{margin-top:1.5rem}.tire-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tire-percentage{font-size:1.25rem;font-weight:700;color:#00539f}.tire-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.tire-progress{height:100%;transition:width .5s ease;border-radius:6px}.race-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-card{background:linear-gradient(135deg,#1a1f3a,#252b47);border:1px solid rgba(0,83,159,.3);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.info-card:hover{border-color:#00539f;transform:translateY(-3px)}.info-label{font-size:.9rem;color:#95a5a6;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:1.5rem;font-weight:700;color:#fff}.info-value.status-green{color:#2ecc71}.strategy-page{max-width:1600px}.strategy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.telemetry-info{display:flex;gap:2rem;align-items:center}.telem-item{font-size:1rem;color:#95a5a6}.telem-item strong{color:#00539f;font-weight:700;margin-left:.5rem}.service-status .status-ok{color:#2ecc71}.service-status .status-error{color:#e74c3c}.strategy-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.pit-probabilities-panel{background:linear-gradient(135deg,#1a1f3a,#252b47);border:2px solid #00539f;border-radius:16px;padding:2rem}.panel-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,83,159,.3)}.probabilities-list{display:flex;flex-direction:column;gap:1.25rem}.prob-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#0003;border-radius:8px;transition:background .2s ease}.prob-row:hover{background:#00539f1a}.prob-driver{display:flex;flex-direction:column;min-width:180px}.prob-driver-name{font-size:1rem;font-weight:700;color:#fff}.prob-team{font-size:.85rem;color:#95a5a6}.prob-bar-container{flex:1;height:28px;background:#ffffff0d;border-radius:14px;overflow:hidden}.prob-bar{height:100%;transition:width .5s ease;border-radius:14px}.prob-value{font-size:1.1rem;font-weight:700;color:#fff;min-width:55px;text-align:right}.prob-trend{font-size:1.5rem;font-weight:700;min-width:30px;text-align:center}.panel-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#95a5a6;font-style:italic}.box-window-panel{background:linear-gradient(135deg,#1a1f3a,#252b47);border:2px solid #00539f;border-radius:16px;padding:2rem;text-align:center}.box-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.status-badge{padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.box-timer{font-size:5rem;font-weight:900;font-family:Courier New,monospace;letter-spacing:.15em;margin:1.5rem 0;transition:all .2s ease}.box-message{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.box-info{display:flex;justify-content:space-around;gap:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item .info-label{font-size:.85rem;color:#95a5a6;text-transform:uppercase}.info-item .info-value{font-size:1.25rem;font-weight:700;color:#00539f}.track-map-panel{background:linear-gradient(135deg,#1a1f3a,#252b47);border:2px solid #00539f;border-radius:16px;padding:2rem}.track-container{position:relative;margin:1.5rem 0}.track-image{width:100%;height:auto;border-radius:12px;opacity:.9;transition:opacity .3s ease}.track-image:hover{opacity:1}.track-placeholder{display:flex;justify-content:center;align-items:center;min-height:250px;background:#0003;border:2px dashed rgba(0,83,159,.3);border-radius:12px}.placeholder-content{text-align:center;padding:2rem}.placeholder-icon{font-size:4rem;margin-bottom:1rem}.placeholder-text{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.placeholder-note{font-size:.9rem;color:#95a5a6}.placeholder-note code{background:#00539f33;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#00539f}.track-info{display:flex;justify-content:space-around;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.track-stat{display:flex;flex-direction:column;gap:.25rem;text-align:center}.track-stat .stat-label{font-size:.85rem;color:#95a5a6}.track-stat .stat-value{font-size:1.1rem;font-weight:700;color:#fff}.about-content{display:flex;flex-direction:column;gap:2rem}.about-section{background:linear-gradient(135deg,#1a1f3a,#252b47);border:1px solid rgba(0,83,159,.3);border-radius:16px;padding:2.5rem;transition:all .3s ease}.about-section:hover{border-color:#00539f;transform:translate(5px)}.section-title{font-size:2rem;font-weight:700;color:#00539f;margin-bottom:1.25rem}.section-text{font-size:1.1rem;line-height:1.8;color:#e8e8e8}@media (max-width: 1200px){.strategy-grid,.cars-grid{grid-template-columns:1fr}}@media (max-width: 768px){.navigation{flex-direction:column;gap:1rem;padding:1rem}.nav-brand{flex-direction:column;gap:.5rem;text-align:center}.williams-logo{font-size:1.5rem}.nav-links{width:100%;justify-content:center}.nav-link{padding:.5rem 1rem;font-size:.9rem}.main-content{padding:1rem}.page-title{font-size:1.75rem}.box-timer{font-size:3rem}.stats-grid{grid-template-columns:1fr}.race-info-grid{grid-template-columns:repeat(2,1fr)}.strategy-header{flex-direction:column;align-items:flex-start;gap:1rem}.telemetry-info{flex-direction:column;gap:.5rem;align-items:flex-start}}