*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Montserrat,Poppins,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#0f8,#ff6b35);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#00cc6a,#e55a2b)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35,#ff1744);-webkit-background-clip:text;background-clip:text}.gradient-border{background:linear-gradient(45deg,#0f8,#ff6b35) border-box;border:2px solid #0000;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a}@keyframes glow{0%,to{box-shadow:0 0 20px #00ff884d}50%{box-shadow:0 0 30px #0f89}}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s infinite}.animate-slide-up{animation:slideInUp .6s ease-out}.btn-primary{background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 10px 25px #00ff884d;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#ff6b35,#e55a2b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 10px 25px #ff6b354d;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #0f8;border-radius:8px;color:#0f8;cursor:pointer;display:inline-block;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#0f8;color:#000;transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.nav-link{padding:8px 16px}.form-group{margin-bottom:20px}.form-label{color:#fff;display:block;font-weight:500;margin-bottom:8px}.form-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff881a;outline:none}.form-select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-select:focus{border-color:#0f8;box-shadow:0 0 0 3px #00ff881a;outline:none}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#0f8;border-radius:50%;height:40px;width:40px}@media (max-width:768px){.card{padding:16px}.btn-outline,.btn-primary,.btn-secondary{font-size:14px;padding:10px 20px}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s ease}.nav-brand:hover{color:#0f8;transform:scale(1.05)}.brand-icon{align-items:center;background:#00ff881a;border-radius:8px;color:#0f8;display:flex;height:40px;justify-content:center;margin-right:12px;transition:all .3s ease;width:40px}.brand-icon:hover{background:#0f83;transform:rotate(15deg)}.brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text}.nav-link,.nav-menu{align-items:center;display:flex;gap:8px}.nav-link{border-radius:8px;color:#fff;font-weight:500;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:#00ff881a;color:#0f8;transform:translateY(-2px)}.nav-link.active{background:#0f83;box-shadow:0 4px 15px #0f83;color:#0f8}.nav-link.active:after{background:linear-gradient(45deg,#0f8,#ff6b35);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-toggle{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;padding:8px;transition:all .3s ease}.nav-toggle:hover{background:#ffffff1a;color:#0f8}@media (max-width:768px){.nav-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;border-bottom:1px solid #ffffff1a;flex-direction:column;gap:4px;left:0;opacity:0;padding:20px;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-menu-active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:12px;justify-content:flex-start;margin-bottom:4px;padding:16px 20px;width:100%}.nav-link:hover{transform:translateX(10px)}.brand-text{font-size:1rem}}@media (max-width:480px){.nav-container{padding:0 15px}.brand-text{display:none}.brand-icon{margin-right:0}}.nav-link{animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu .nav-link:first-child{animation-delay:.1s}.nav-menu .nav-link:nth-child(2){animation-delay:.2s}.nav-menu .nav-link:nth-child(3){animation-delay:.3s}.nav-menu .nav-link:nth-child(4){animation-delay:.4s}.nav-menu .nav-link:nth-child(5){animation-delay:.5s}.nav-menu .nav-link:nth-child(6){animation-delay:.6s}.landing-page{min-height:100vh;padding-top:70px}.hero-section{align-items:center;display:flex;min-height:100vh}.hero-section:before{background:radial-gradient(circle at 30% 20%,#00ff881a 0,#0000 50%),radial-gradient(circle at 70% 80%,#ff6b351a 0,#0000 50%);pointer-events:none}.hero-content{max-width:600px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ff881a;border:1px solid #00ff884d;border-radius:50px;color:#0f8;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-title{color:#fff;line-height:1.1;margin-bottom:24px}.hero-description{font-size:1.2rem;margin-bottom:40px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.hero-actions .btn-outline,.hero-actions .btn-primary{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:16px 32px}.hero-visual{height:400px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:500px;z-index:1}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;padding:24px}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px}.dashboard-dots{display:flex;gap:8px}.dashboard-dots span{background:#ff5f57;border-radius:50%;height:12px;width:12px}.dashboard-dots span:nth-child(2){background:#ffbd2e}.dashboard-dots span:nth-child(3){background:#28ca42}.dashboard-title{color:#fff;font-size:1.1rem;font-weight:600}.dashboard-content{grid-gap:16px;gap:16px;grid-template-columns:repeat(3,1fr)}.metric-card{border-radius:12px;padding:16px;text-align:center}.metric-value{color:#0f8;font-size:1.5rem;margin-bottom:4px}.stats-section{background:#ffffff05;padding:80px 0}.stats-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.stat-icon{align-items:center;background:#00ff881a;border-radius:16px;color:#0f8;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#fffc;font-size:1.1rem}.features-section{padding:120px 0}.section-header{margin-bottom:80px;text-align:center}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#00ff880d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#00ff884d;box-shadow:0 30px 60px #0006;transform:translateY(-10px)}.feature-icon{align-items:center;background:#ffffff0d;border-radius:20px;display:inline-flex;height:80px;justify-content:center;margin-bottom:24px;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon{box-shadow:0 10px 30px #0000004d;transform:scale(1.1) rotate(5deg)}.feature-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-description{color:#fffc;font-size:1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#00ff881a,#ff6b351a);padding:120px 0;position:relative}.cta-section:before{background:radial-gradient(circle at 20% 80%,#00ff881a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b351a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:24px}.cta-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.cta-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-actions .btn-outline,.cta-actions .btn-primary{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px;padding:16px 32px}@media (max-width:1024px){.hero-visual{height:300px;margin-top:40px;position:relative;transform:none;width:100%}.hero-content{max-width:100%}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-actions{align-items:center;flex-direction:column}.hero-actions .btn-outline,.hero-actions .btn-primary{justify-content:center;max-width:300px;width:100%}.cta-title,.section-title{font-size:2rem}.cta-actions{align-items:center;flex-direction:column}.cta-actions .btn-outline,.cta-actions .btn-primary{justify-content:center;max-width:300px;width:100%}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:2rem}.dashboard-content,.stats-grid{grid-template-columns:1fr}}.simulation-setup{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.setup-header{margin-bottom:60px;text-align:center}.header-nav{margin-bottom:24px}.setup-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.setup-description{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.setup-content{margin:0 auto;max-width:1200px}.setup-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:60px;padding:40px;transition:all .3s ease}.setup-section:hover{border-color:#00ff884d;box-shadow:0 10px 30px #0000004d}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:32px;padding-bottom:16px}.section-header h2{color:#fff;font-size:1.8rem;font-weight:600}.section-header svg{color:#0f8}.track-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:600px;overflow-y:auto;padding-right:8px}.track-grid::-webkit-scrollbar{width:6px}.track-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.track-grid::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}.track-grid::-webkit-scrollbar-thumb:hover{background:#00ff8880}.track-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.track-card:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.track-card:hover:before{left:100%}.track-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.track-card.selected{background:#00ff881a;border-color:#0f8;box-shadow:0 0 30px #0f83}.track-image{background:#ffffff0d;border-radius:12px;height:150px;margin-bottom:16px;overflow:hidden}.track-image,.track-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.track-placeholder{color:#ffffff4d;height:100%}.track-info h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:8px}.track-country{color:#ffffffb3;font-size:.9rem;margin-bottom:12px}.track-details{color:#fff9;display:flex;font-size:.85rem;justify-content:space-between}.loading-container{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.loading-spinner{margin-bottom:16px}.mode-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.mode-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.mode-card:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);background:linear-gradient(90deg,#0000,var(--mode-color,#00ff881a),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mode-card:hover:before{left:100%}.mode-card:hover{box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.mode-card.selected,.mode-card:hover{border-color:#0f8;border-color:var(--mode-color,#0f8)}.mode-card.selected{background:#00ff881a;box-shadow:0 0 30px #0f83;box-shadow:0 0 30px var(--mode-color,#0f83)}.mode-icon{align-items:center;background:#ffffff0d;border-radius:16px;color:#0f8;color:var(--mode-color,#0f8);display:inline-flex;height:64px;justify-content:center;margin-bottom:20px;transition:all .3s ease;width:64px}.mode-card:hover .mode-icon{box-shadow:0 10px 25px #0000004d;transform:scale(1.1) rotate(5deg)}.mode-card h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:12px}.mode-card p{color:#fffc;line-height:1.5;margin-bottom:20px}.mode-characteristics{list-style:none;margin:0;padding:0}.mode-characteristics li{color:#ffffffb3;font-size:.9rem;padding:4px 0 4px 20px;position:relative}.mode-characteristics li:before{color:#0f8;color:var(--mode-color,#0f8);content:"✓";font-weight:700;left:0;position:absolute}.conditions-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.condition-group h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.condition-options{display:flex;flex-direction:column;gap:12px}.condition-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px 20px;text-align:left;transition:all .3s ease}.condition-option:hover{background:#00ff880d;border-color:#00ff884d;transform:translateX(5px)}.condition-option.selected{background:#00ff881a;border-color:#0f8;box-shadow:0 0 20px #0f83}.condition-option svg{color:#0f8;flex-shrink:0}.condition-option span{color:#fff;flex:1 1;font-weight:500}.condition-option small{color:#fff9;font-size:.8rem}.advanced-settings{margin:0 auto;max-width:400px}.setting-group{margin-bottom:24px}.setting-group label{color:#fff;display:block;font-size:1.1rem;font-weight:500;margin-bottom:8px}.setup-actions{margin-top:40px;text-align:center}.start-simulation{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:12px;box-shadow:0 10px 30px #00ff884d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:12px;padding:20px 40px;text-decoration:none;transition:all .3s ease}.start-simulation:hover{background:linear-gradient(45deg,#00cc6a,#0a5);box-shadow:0 15px 40px #0f86;transform:translateY(-3px)}.start-simulation:active{transform:translateY(-1px)}@media (max-width:768px){.simulation-setup{padding:80px 0 60px}.setup-title{font-size:2.2rem}.setup-section{margin-bottom:40px;padding:24px}.conditions-grid,.mode-grid,.track-grid{grid-template-columns:1fr}.conditions-grid{gap:30px}.start-simulation{font-size:1.1rem;padding:16px 32px}}@media (max-width:480px){.setup-title{font-size:1.8rem}.setup-section{padding:20px}.mode-card{padding:24px 20px}.condition-option{padding:12px 16px}}.track-map-image{border-radius:12px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.track-card:hover .track-map-image{transform:scale(1.05)}.selected-model-display{margin-bottom:30px}.selected-model-card{background:linear-gradient(135deg,#00ff881a,#ff6b351a);border:2px solid #0f8;border-radius:16px;overflow:hidden;padding:20px;position:relative}.selected-model-card:before{background:linear-gradient(90deg,#0f8,#ff6b35);content:"";height:3px;left:0;position:absolute;right:0;top:0}.selected-model-header{align-items:center;color:#0f8;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.selected-model-info h3{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:8px}.model-badge{background:linear-gradient(45deg,#0f8,#ff6b35);border-radius:20px;color:#000;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.selected-model-info p{color:#fffc;line-height:1.4;margin-bottom:8px}.trained-tracks{margin-top:8px}.trained-tracks small{color:#ffffffb3;font-size:.85rem}.selection-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px}.selection-summary h3{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:12px}.selection-summary h3:before{color:#0f8;content:"✓";font-weight:700}.summary-items{display:flex;flex-direction:column;gap:8px}.summary-item{color:#fffc;font-size:.95rem;gap:8px}.summary-item strong{color:#fff;font-weight:600}.simulation-dashboard{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.dashboard-container{margin:0 auto;max-width:1400px;padding:0 20px}.dashboard-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:40px;padding:30px}.header-left{flex:1 1}.back-button{margin-bottom:20px}.simulation-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:16px}.simulation-meta{display:flex;flex-wrap:wrap;gap:24px}.simulation-meta span{align-items:center;color:#fffc;display:flex;font-size:.95rem;font-weight:500;gap:8px}.simulation-meta svg{color:#0f8}.header-controls{gap:16px}.control-btn,.header-controls{align-items:center;display:flex}.control-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.control-btn.play{background:linear-gradient(45deg,#0f8,#00cc6a);box-shadow:0 8px 25px #00ff884d;color:#fff}.control-btn.play:hover{box-shadow:0 12px 35px #0f86;transform:translateY(-2px)}.control-btn.pause{background:linear-gradient(45deg,#ff6b35,#e55a2b);box-shadow:0 8px 25px #ff6b354d;color:#fff}.control-btn.pause:hover{box-shadow:0 12px 35px #ff6b3566;transform:translateY(-2px)}.control-btn.reset{background:#ffffff1a;border:1px solid #fff3;color:#fff}.control-btn.reset:hover{background:#ffffff26;transform:translateY(-2px)}.control-btn.stop{background:linear-gradient(45deg,#ff4757,#ff3742);box-shadow:0 8px 25px #ff47574d;color:#fff}.control-btn.stop:hover{box-shadow:0 12px 35px #ff475766;transform:translateY(-2px)}.progress-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:40px;padding:24px 30px}.progress-bar{margin-bottom:16px}.progress-fill{background:linear-gradient(45deg,#0f8,#ff6b35);transition:width .3s ease}.progress-info{align-items:center;color:#fffc;display:flex;font-weight:500;justify-content:space-between}.dashboard-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:2fr 1fr}.video-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px;transition:all .3s ease}.video-panel:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d}.video-container h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin-bottom:24px}.video-container h3:before{background:linear-gradient(45deg,#0f8,#ff6b35);border-radius:2px;content:"";height:24px;width:4px}.video-frame{align-items:center;background:#0000004d;border:2px solid #ffffff1a;border-radius:16px;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.video-placeholder{color:#fff9;text-align:center}.video-placeholder svg{color:#0f8;margin-bottom:16px}.video-placeholder p{font-size:1.1rem;font-weight:500}.metrics-panel{display:flex;flex-direction:column;gap:20px}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#0000,#00ff880d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.metric-card:hover:before{left:100%}.metric-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.metric-header{margin-bottom:16px}.metric-header svg{color:#0f8}.metric-header span{color:#fffc;font-size:.95rem;font-weight:500}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:8px}.metric-label{color:#ffffffb3;font-size:.9rem;font-weight:500}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:20px}.header-controls{justify-content:center;width:100%}}@media (max-width:768px){.simulation-dashboard{padding:80px 0 60px}.dashboard-container{padding:0 15px}.dashboard-header{padding:20px}.simulation-info h1{font-size:2rem}.simulation-meta{flex-direction:column;gap:12px}.video-frame{height:300px}.control-btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.simulation-info h1{font-size:1.6rem}.metric-card,.video-panel{padding:20px}.metric-value{font-size:1.8rem}}.web-simulation-badge{border:1px solid #00ff884d;border-radius:4px;font-weight:600}.error-alert{align-items:center;background:#ff17441a;border:1px solid #ff17444d;border-radius:8px;color:#ff1744;display:flex;font-weight:500;gap:8px;margin-bottom:20px;padding:12px 16px}.video-container-inner{height:100%;position:relative;width:100%}.simulation-image{border-radius:8px;height:100%;image-rendering:auto;object-fit:cover;transition:opacity .3s ease-in-out;width:100%}.simulation-image.loading{opacity:.7}.frame-loading-overlay{background:#00000080;border-radius:50%;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{border:2px solid #ffffff4d;height:20px;width:20px}.status-badge{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:.8rem;font-weight:500;padding:4px 8px}.status-badge.running{animation:pulse 2s infinite;background:#0f83;color:#0f8}.error-badge{background:#f003;color:#f44}.error-badge,.web-simulation-badge{border-radius:12px;font-size:.8rem;font-weight:500;padding:4px 8px}.web-simulation-badge{background:#0f83;color:#0f8}.fallback-badge{background:#ffa50033;border-radius:12px;color:orange;font-size:.8rem;font-weight:500;padding:4px 8px}.completion-message{animation:slideInUp .5s ease;background:#00ff881a;border:2px solid #00ff884d;border-radius:20px;margin-top:30px;padding:30px;text-align:center}.completion-content h3{color:#0f8;font-size:1.8rem;font-weight:700;margin-bottom:12px}.completion-content p{color:#fffc;font-size:1.1rem;margin-bottom:24px}.view-results-btn{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:12px;box-shadow:0 8px 25px #00ff884d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:8px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.view-results-btn:hover{box-shadow:0 12px 35px #0f86;transform:translateY(-3px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.telemetry-graph{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:30px;margin-top:40px;padding:30px}.telemetry-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.telemetry-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.telemetry-controls{display:flex;gap:10px}.refresh-button{background:linear-gradient(135deg,#0f8,#00cc6a);border-radius:10px;box-shadow:0 2px 8px #0f83;color:#000;font-size:.9rem;overflow:hidden;padding:10px 20px;position:relative}.refresh-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.refresh-button:hover:before{left:100%}.refresh-button:hover{background:linear-gradient(135deg,#0f8,#00cc6a);box-shadow:0 8px 25px #0f86}.refresh-button:active{box-shadow:0 2px 8px #0f83;transform:translateY(0)}.telemetry-charts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;padding:20px;transition:all .3s ease}.chart-container:hover{border-color:#0f83;transform:translateY(-2px)}.chart-container h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 15px;text-align:center}.telemetry-graph.error,.telemetry-graph.loading,.telemetry-graph.no-data{padding:60px 30px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#0f8;height:40px;margin:0 auto 20px;width:40px}.telemetry-graph.error p,.telemetry-graph.loading p,.telemetry-graph.no-data p{color:#ffffffb3;font-size:1.1rem;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:10px;box-shadow:0 2px 8px #ff6b3533;overflow:hidden;position:relative}.retry-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.retry-button:hover:before{left:100%}.retry-button:hover{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 8px 25px #ff6b3566}.retry-button:active{box-shadow:0 2px 8px #ff6b3533;transform:translateY(0)}.recharts-cartesian-axis-tick-value{fill:#ffffffb3!important}.recharts-legend-item-text{color:#fffc!important}.recharts-tooltip-wrapper{outline:none}.telemetry-summary{background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;padding:20px}.summary-stats{display:flex;gap:20px;justify-content:space-around}.stat-item{gap:5px}.stat-label{color:#fff9;font-weight:500}.stat-value{color:#0f8;font-size:1.2rem;font-weight:600}@media (max-width:768px){.telemetry-graph{padding:20px}.telemetry-header{flex-direction:column;gap:15px;text-align:center}.telemetry-charts{gap:20px;grid-template-columns:1fr}.chart-container{padding:15px}.summary-stats{flex-direction:column;gap:15px}.stat-item{flex-direction:row;justify-content:space-between}}@media (max-width:480px){.telemetry-graph{padding:15px}.telemetry-header h3{font-size:1.3rem}.chart-container h4{font-size:1rem}}.results-comparison{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.page-header h1{background:linear-gradient(45deg,#0f8,#ff6b35)}.results-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.chart-section,.comparison-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px;transition:all .3s ease}.chart-section:hover,.comparison-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d}.chart-section h2,.comparison-card h2{align-items:center;color:#fff;display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin-bottom:32px}.chart-section h2:before,.comparison-card h2:before{background:linear-gradient(45deg,#0f8,#ff6b35);border-radius:2px;content:"";height:24px;width:4px}.metrics-grid{display:flex;flex-direction:column;gap:24px}.metric-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.metric-item:hover{border-color:#00ff884d;transform:translateY(-2px)}.metric-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.metric-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.metric-values{gap:16px;justify-content:space-between}.metric-values,.value-group{align-items:center;display:flex}.value-group{flex-direction:column;gap:8px}.value-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.ai-value{background:linear-gradient(45deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text;color:#0f8}.ai-value,.human-value{-webkit-text-fill-color:#0000;font-size:1.8rem;font-weight:700}.human-value{background:linear-gradient(45deg,#ff6b35,#e55a2b);-webkit-background-clip:text;background-clip:text;color:#ff6b35}.improvement{background:#00ff881a;border:1px solid #00ff884d;border-radius:8px;font-size:1.1rem;font-weight:600;padding:8px 16px}.winner-indicator{margin-top:16px;text-align:center}.winner-badge{border-radius:6px;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.winner-badge.ai{background:#0f83;border:1px solid #0f86;color:#0f8}.winner-badge.hamilton{background:#ff6b3533;border:1px solid #ff6b3566;color:#ff6b35}.driver-profiles{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.driver-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.driver-card:before{background:linear-gradient(90deg,#0000,#00ff880d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.driver-card.hamilton:before{background:linear-gradient(90deg,#0000,#ff6b350d,#0000)}.driver-card:hover:before{left:100%}.driver-card:hover{box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.driver-card.hamilton:hover{border-color:#ff6b354d}.driver-card.ai:hover{border-color:#00ff884d}.visual-dashboard{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px;transition:all .3s ease}.dashboard-card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #00ff881a;transform:translateY(-5px)}.dashboard-card h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.speedometer-container{align-items:center;display:flex;justify-content:center;padding:20px}.speedometer{align-items:center;display:flex;gap:40px}.speedometer-ai,.speedometer-hamilton{border-radius:15px;min-width:120px;padding:20px;text-align:center}.speedometer-ai{background:linear-gradient(135deg,#00ff881a,#00ff880d);border:2px solid #00ff884d}.speedometer-hamilton{background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:2px solid #ff6b354d}.speed-label{color:#ffffffb3;font-size:.9rem;font-weight:500;margin-bottom:8px}.speed-value{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:4px;text-shadow:0 0 20px #ffffff4d}.speed-unit{color:#fff9;font-size:.8rem}.environmental-impact{display:flex;flex-direction:column;gap:25px}.co2-visualization{align-items:center;background:linear-gradient(135deg,#00ff881a,#00ff880d);border:1px solid #0f83;border-radius:15px;display:flex;gap:20px;padding:20px}.co2-icon{animation:pulse 2s infinite;color:#0f8}.co2-stats{flex:1 1}.co2-saved{align-items:baseline;display:flex;gap:8px;margin-bottom:5px}.co2-value{color:#0f8;font-size:2rem;font-weight:700}.co2-unit{color:#ffffffb3;font-size:1rem}.co2-label{color:#fff9;font-size:.9rem}.efficiency-bar{padding:15px}.efficiency-label{color:#ffffffb3;font-size:.9rem;margin-bottom:10px}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#0f8,#00cc6a);border-radius:4px;box-shadow:0 0 10px #00ff8880;height:100%;transition:width 2s ease-out}.efficiency-value{color:#0f8;font-size:1.1rem;font-weight:600;text-align:center}.performance-summary{display:flex;flex-direction:column;gap:20px}.summary-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.summary-item:hover{background:#ffffff14;transform:translateX(5px)}.summary-item svg{color:#0f8;flex-shrink:0}.summary-content{flex:1 1}.summary-label{color:#fff9;font-size:.8rem;margin-bottom:4px}.summary-value{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:2px}.summary-detail{color:#ffffffb3;font-size:.8rem}.driver-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.crown-icon{color:gold}.award-icon{color:#0f8}.driver-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.driver-title{background:#ffffff1a;border-radius:6px;color:#ffffffb3;font-size:.9rem;margin-left:auto;padding:4px 8px}.driver-info p{color:#fffc;font-size:.95rem;margin-bottom:8px}.driver-info strong{color:#fff}.ai-badge,.real-data-badge{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-top:12px;padding:6px 12px;text-transform:uppercase}.real-data-badge{background:#ffd70033;border:1px solid #ffd70066;color:gold}.ai-badge{background:#0f83;border:1px solid #0f86;color:#0f8}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#0f8;border-radius:50%;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container h2{color:#ff1744;margin-bottom:16px}.error-container p{color:#fffc;margin-bottom:24px}.retry-button{background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-button:hover{box-shadow:0 10px 25px #00ff884d;transform:translateY(-2px)}.analysis-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.analysis-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:24px}.analysis-summary h4{color:#0f8;font-size:1.2rem;font-weight:600;margin-bottom:16px}.analysis-summary ul{list-style:none;margin:0;padding:0}.analysis-summary li{color:#fffc;line-height:1.5;margin-bottom:12px;padding-left:20px;position:relative}.analysis-summary li:before{color:#0f8;content:"•";font-weight:700;left:0;position:absolute}.analysis-summary strong{color:#fff}.chart-placeholder{align-items:center;background:#0003;border:2px dashed #fff3;border-radius:16px;color:#fff9;display:flex;flex-direction:column;height:300px;justify-content:center}.chart-placeholder svg{color:#0f8;margin-bottom:16px}.chart-placeholder p{font-size:1.1rem;font-weight:500}@media (max-width:768px){.results-comparison{padding:80px 0 60px}.page-header h1{font-size:2.2rem}.driver-profiles{gap:20px;grid-template-columns:1fr}.driver-card{padding:20px}.results-content{gap:30px;grid-template-columns:1fr}.visual-dashboard{gap:20px;grid-template-columns:1fr}.speedometer{flex-direction:column;gap:20px}.co2-visualization,.summary-item{flex-direction:column;text-align:center}.chart-section,.comparison-card{padding:24px}.metric-values{align-items:flex-start;flex-direction:column;gap:12px}.ai-value,.hamilton-value{font-size:1.5rem}.analysis-content{gap:20px;grid-template-columns:1fr}}@media (max-width:480px){.page-header h1{font-size:1.8rem}.chart-section,.comparison-card,.metric-item{padding:20px}}.educational-insights{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.educational-insights .container{margin:0 auto;max-width:1400px;padding:0 20px}.hero-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:80px;overflow:hidden;padding:60px 30px;position:relative;text-align:center}.hero-section:before{background:linear-gradient(135deg,#00ff880d,#ff6b350d);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3.5rem;font-weight:700;gap:20px;justify-content:center;margin-bottom:20px}.hero-description{color:#fffc;font-size:1.3rem;line-height:1.6;margin:0 auto 40px;max-width:700px}.hero-stats{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.stat-item{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px}.stat-item svg{color:#0f8}.stat-value{color:#fff;font-size:2rem;font-weight:700}.stat-label{color:#ffffffb3;font-size:.9rem}.learning-paths-section{margin-bottom:80px}.learning-paths-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.learning-paths-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.learning-path-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.learning-path-card:before{background:linear-gradient(90deg,#0000,#00ff881a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.learning-path-card:hover:before{left:100%}.learning-path-card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.path-icon{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:15px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.learning-path-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:10px}.learning-path-card p{color:#ffffffb3;margin-bottom:20px}.path-topics{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.topic-tag{background:#0f83;border:1px solid #00ff884d;border-radius:20px;color:#0f8;font-size:.8rem;padding:4px 12px}.path-duration{align-items:center;color:#ff6b35;display:flex;font-weight:500;gap:8px;justify-content:center}.insights-content{margin:0 auto;max-width:1200px}.insight-section{margin-bottom:60px}.insight-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.insight-card:before{background:linear-gradient(90deg,#0f8,#ff6b35);content:"";height:3px;left:0;position:absolute;right:0;top:0}.insight-card:hover{border-color:#00ff884d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.insight-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:30px}.insight-icon{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:15px;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.insight-title-section{flex:1 1}.insight-title-section h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 10px}.insight-subtitle{color:#ffffffb3;font-size:1.1rem;margin-bottom:15px}.insight-meta{display:flex;flex-wrap:wrap;gap:12px}.category-badge,.difficulty-badge,.duration-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px}.difficulty-badge{color:#fff}.category-badge{background:#ff6b3533;border:1px solid #ff6b354d;color:#ff6b35}.duration-badge{background:#ffffff1a;border:1px solid #fff3;color:#fff}.insight-content{margin-top:30px}.insight-summary{color:#fffc;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.video-section{margin:30px 0}.video-preview{background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .3s ease}.video-preview:hover{background:#00000080;border-color:#00ff884d;transform:scale(1.02)}.video-thumbnail{border-radius:10px;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:200px}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background:#000c;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px}.video-preview:hover .play-button{background:#00ff88e6;transform:translate(-50%,-50%) scale(1.1)}.video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:.8rem;padding:4px 8px;position:absolute;right:8px}.video-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.video-info h4{color:#fff;font-size:1.2rem;margin:0 0 8px}.video-info p{color:#ccc;font-size:.9rem;margin:0}.expandable-content{margin-top:30px}.expand-button{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-bottom:20px;padding:12px 24px;transition:all .3s ease}.expand-button:hover{box-shadow:0 10px 25px #00ff884d;transform:translateY(-2px)}.expanded-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.detailed-content{background:#00ff880d;border:1px solid #00ff881a;border-radius:15px;margin-bottom:20px;padding:25px}.detailed-content h4{color:#0f8;font-size:1.2rem;margin-bottom:15px}.detailed-content ol,.detailed-content ul{margin-bottom:15px}.detailed-content li{color:#fffc;line-height:1.6;margin-bottom:8px}.benefits-list{background:#00ff881a;border:1px solid #0f83;border-radius:15px;padding:25px}.benefits-list h4{align-items:center;color:#0f8;display:flex;font-size:1.3rem;gap:10px;margin-bottom:20px}.benefits-list ul{list-style:none;padding:0}.benefits-list li{align-items:center;color:#fff;display:flex;font-size:1rem;gap:10px;padding:10px 0}.resources-section{margin-top:80px}.resources-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#ff6b35);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.resources-grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.resource-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:20px;padding:30px;text-align:center}.resource-card:hover{box-shadow:0 20px 40px #0000004d}.resource-icon{align-items:center;background:linear-gradient(45deg,#ff6b35,#e55a2b);border-radius:15px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.resource-card h3{font-weight:600;margin-bottom:10px}.resource-card p{margin-bottom:20px}.resource-button{align-items:center;background:linear-gradient(45deg,#ff6b35,#e55a2b);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:0 auto;padding:10px 20px;transition:all .3s ease}.resource-button:hover{box-shadow:0 10px 25px #ff6b354d;transform:translateY(-2px)}.video-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.video-modal-content{aspect-ratio:16/9;background:#000c;border:2px solid #ffffff1a;border-radius:15px;box-shadow:0 20px 60px #0f83;max-width:900px;overflow:hidden;position:relative;width:100%}.close-video{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:2rem;padding:8px 16px;position:absolute;right:0;top:-40px;transition:all .3s ease;z-index:1001}.close-video:hover{background:#ff6b354d;border-color:#ff6b35}.video-container{height:100%;width:100%}@media (max-width:768px){.hero-title{flex-direction:column;font-size:2.5rem;gap:10px}.hero-stats{gap:20px}.learning-paths-grid,.resources-grid{grid-template-columns:1fr}.insight-card{padding:20px}.insight-header{flex-direction:column;text-align:center}.insight-icon{margin:0 auto 20px}.video-preview{flex-direction:column}.video-thumbnail{height:200px;width:100%}.insight-meta{justify-content:center}}.developer-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.developer-container{margin:0 auto;max-width:1200px;padding:0 20px}.developer-header{margin-bottom:60px;text-align:center}.developer-header h1{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(45deg,#0f8,#00cc6a,#0f8);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}.developer-header p{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.developer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:60px;padding:40px;transition:all .3s ease}.developer-section:hover{border-color:#00ff884d;box-shadow:0 10px 30px #0000004d}.developer-section h2{border-bottom:2px solid #00ff884d;color:#fff;font-size:2rem;font-weight:700;margin-bottom:32px;padding-bottom:16px;position:relative}.developer-section h2:before{background:linear-gradient(90deg,#0f8,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.resource-card:before{background:linear-gradient(90deg,#0f8,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.resource-card:hover:before{opacity:1}.resource-card:after{background:linear-gradient(90deg,#0000,#00ff8814,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.resource-card:hover:after{left:100%}.resource-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.resource-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.resource-icon{color:#0f8}.resource-type{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.resource-type.model{background:#0f83;border:1px solid #00ff884d;color:#0f8}.resource-type.data{background:#00b7ff33;border:1px solid #00b7ff4d;color:#00b7ff}.resource-type.code{background:#00ff8826;border:1px solid #00ff884d;color:#0f8}.resource-type.docs{background:#8a2be233;border:1px solid #8a2be24d;color:#8a2be2}.resource-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.resource-card p{color:#ffffffb3;font-size:.9rem;margin-bottom:1rem}.resource-footer{align-items:center;display:flex;justify-content:space-between}.resource-size{color:#ffffffb3;font-size:.875rem}.download-button{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:8px 16px;transition:all .3s ease}.download-button:hover:not(:disabled){background:linear-gradient(45deg,#00cc6a,#0a5);box-shadow:0 5px 20px #0f86;transform:translateY(-2px)}.download-button:disabled{cursor:not-allowed;opacity:.6}.setup-steps{display:flex;flex-direction:column;gap:1.5rem}.setup-step{align-items:flex-start;display:flex;gap:1.5rem}.step-number{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.step-content h3{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.step-content p{color:#ffffffb3;margin-top:.5rem}.code-block{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#e2e8f0;margin:.5rem 0;overflow-x:auto;padding:1rem}.code-block code{color:#0f8;font-family:Courier New,monospace;font-size:.9rem}.api-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.api-endpoint{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.api-endpoint:hover{background:#ffffff14;border-color:#00ff884d}.api-endpoint .method{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.method.GET{background:#0f83;border:1px solid #00ff884d;color:#0f8}.method.POST{background:#00b7ff33;border:1px solid #00b7ff4d;color:#00b7ff}.api-endpoint code{color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.api-endpoint p{color:#ffffffb3;font-size:.875rem}.github-link{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:16px 32px;text-decoration:none;transition:all .3s ease}.github-link:hover{background:linear-gradient(45deg,#00cc6a,#0a5);box-shadow:0 15px 40px #0f86;transform:translateY(-3px)}@media (max-width:768px){.developer-page{padding:80px 0 60px}.developer-container{padding:0 16px}.api-grid,.resources-grid{grid-template-columns:1fr}.developer-header h1{font-size:2.2rem}.developer-section{margin-bottom:40px;padding:24px}.developer-section h2{font-size:1.5rem}.setup-step{gap:1rem}.step-number{font-size:1.2rem;height:2.5rem;width:2.5rem}}.admin-panel{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;padding:100px 0 80px}.admin-panel .container{margin:0 auto;max-width:1400px;padding:0 20px}.page-header{margin-bottom:60px;text-align:center}.back-button{align-items:center;border-radius:8px;color:#ffffffb3;display:inline-flex;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#00ff881a;color:#0f8;transform:translateX(-5px)}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:16px}.page-header p{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.admin-content{width:100%}.admin-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:40px;padding:40px;transition:all .3s ease}.admin-section:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d}.admin-section h2{align-items:center;border-bottom:2px solid #00ff884d;color:#fff;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin-bottom:32px;padding-bottom:16px;position:relative}.admin-section h2:before{background:linear-gradient(45deg,#0f8,#00cc6a);border-radius:2px;content:"";height:24px;width:4px}.admin-section h2:after{background:linear-gradient(90deg,#0f8,#0000);bottom:-2px;content:"";height:2px;left:16px;position:absolute;width:60px}.status-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.status-card:before{background:linear-gradient(90deg,#0000,#00ff880d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.status-card:hover:before{left:100%}.status-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.status-icon{align-items:center;background:#00ff881a;border-radius:10px;color:#0f8;display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.status-card h3{color:#fffc;font-size:1.1rem;font-weight:600;margin-bottom:16px}.status-value{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0f8,#00cc6a);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:700}.model-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.model-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.model-card:before{background:linear-gradient(90deg,#0f8,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.model-card:hover:before{opacity:1}.model-card:after{background:linear-gradient(90deg,#0000,#00ff880d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.model-card:hover:after{left:100%}.model-card:hover{border-color:#00ff884d;box-shadow:0 15px 35px #0000004d;transform:translateY(-5px)}.model-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.model-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0}.model-description{color:#ffffffb3;font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:16px}.model-version{background:#ffffff1a;border-radius:6px;color:#fff9;font-size:.9rem;padding:4px 8px}.model-details{margin-bottom:24px}.model-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.detail-label{color:#ffffffb3}.detail-label,.detail-value{font-size:.95rem;font-weight:500}.detail-value{color:#ffffffe6}.model-status{background:#00ff881a;border:1px solid #00ff884d;border-radius:6px;color:#0f8;font-size:.9rem;font-weight:600;padding:4px 12px}.model-actions{display:flex;gap:12px}.admin-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.admin-button.primary{background:linear-gradient(45deg,#0f8,#00cc6a);color:#fff}.admin-button.primary:hover{background:linear-gradient(45deg,#00cc6a,#0a5);box-shadow:0 10px 25px #00ff884d;transform:translateY(-2px)}.admin-button.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.admin-button.secondary:hover{background:#ffffff26;transform:translateY(-2px)}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.refresh-button{align-items:center;background:linear-gradient(45deg,#0f8,#00cc6a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.refresh-button:hover{box-shadow:0 5px 20px #0f86;transform:translateY(-2px)}.empty-state,.loading-state{color:#ffffffb3;font-size:1.1rem;padding:60px 20px;text-align:center}.loading-state{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.admin-panel{padding:80px 0 60px}.header-content{flex-direction:column;gap:16px;text-align:center}.refresh-button{justify-content:center;width:100%}.page-header h1{font-size:2.2rem}.admin-section{padding:24px}.model-grid,.status-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-header h1{font-size:1.8rem}.admin-section,.model-card,.status-card{padding:20px}.status-value{font-size:1.8rem}}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);min-height:100vh;position:relative}.App:before{background:radial-gradient(circle at 20% 80%,#00ff881a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b351a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff17440d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}.container{margin:0 auto;max-width:1200px;padding:0 20px}.container-fluid{padding:0 20px;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{flex:1 1;padding:0 15px}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-12{flex:0 0 100%;max-width:100%}@media (max-width:768px){.col-md-12{flex:0 0 100%;max-width:100%}.row{margin:0 -10px}.col{padding:0 10px}}.section{padding:80px 0}.section-sm{padding:40px 0}.section-lg{padding:120px 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#0f8}.text-secondary{color:#ff6b35}.text-danger{color:#ff1744}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.text-light{color:#f8f9fa}.text-dark{color:#343a40}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:-webkit-sticky;position:sticky}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-100{z-index:100}
/*# sourceMappingURL=main.0778cf4d.css.map*/