cookie_flags: 'SameSite=None;Secure' }); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);

🏎️ F1 Data Analytics

← Back to Portfolio min-height: 100vh; const analyticsConsent = localStorage.getItem('analytics_consent');
margin: 0; .header { gtag('config', 'G-XXXXXXXXXX', { color: #E10600; text-decoration: none; cookie_flags: 'SameSite=None;Secure', font-weight: bold; padding: 8px 16px; storage: 'none' border: 2px solid #E10600; border-radius: 20px; }); } font-size: 1.5rem; min-height: 100vh;

🏎️ F1 Data Analytics

← Back to Portfolio .loading { color: #333;
position: fixed;
top: 50%; display: flex; overflow: hidden;

🏁 Frowtch F1 Data Analytics

Loading F1 Data Analytics application...
left: 50%; border-radius: 15px; } .header { box-shadow: 0 5px 15px rgba(229, 62, 62, 0.4); flex-direction: column; gap: 10px; } align-items: center;

padding: 15px; } .header h1 { .app-container { position: relative; 📊 Data sources: FastF1 Official F1 API + Sample datasets | font-size: 1.2rem; } width: 100%; .app-container { height: calc(100vh - 70px); z-index: 1000; ⚡ First real data load may take 2-5 minutes | 🚀 Start Server Guide height: calc(100vh - 120px); } border: none; } background: white; } } } align-items: center;

🏎️ F1 Data Analytics

.spinner { ← Back to Portfolio
width: 50px; gap: 10px;
height: 50px;
Loading F1 Data Analytics application...
border: 5px solid #f3f3f3; }
border-top: 5px solid #e53e3e; .app-container {

🏎️ F1 Data Explorer

width: 100%; height: calc(100vh - 70px);
border: none;
Loading F1 Data Explorer...
background: white;
}