*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.landing-container{background:linear-gradient(135deg,#eef2ff,#fff 50%,#f3e8ff);min-height:100vh}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #e5e7eb;position:fixed;top:0;width:100%;z-index:50}.nav-content{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem}.logo,.nav-content{align-items:center;display:flex}.logo{gap:.5rem}.logo-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.logo-icon,.logo-text{font-size:1.25rem;font-weight:700}.logo-text{color:#111827}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{color:#374151;text-decoration:none;transition:color .3s}.nav-link:hover{color:#4f46e5}.btn-primary{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background .3s}.btn-primary:hover{background:#4338ca}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none}.hero{margin:0 auto;max-width:1280px;padding:8rem 1.5rem 5rem;text-align:center}.hero h1{color:#111827;font-size:3.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;display:block}.hero p{color:#4b5563;font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:42rem}.signup-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto 1rem;max-width:28rem}.input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;outline:none;padding:.75rem 1.5rem}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.btn-submit{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 2rem;transition:background .3s}.btn-submit:hover{background:#4338ca}.features{background:#fff;padding:5rem 1.5rem}.section-title{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1280px}.feature-card{background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:box-shadow .3s}.feature-card:hover{box-shadow:0 10px 25px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.pricing{padding:5rem 1.5rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1280px}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem}.pricing-card.popular{border-color:#4f46e5;box-shadow:0 10px 25px #4f46e533;transform:scale(1.05)}.pricing-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.price{color:#111827;font-size:2.5rem;font-weight:700}.price-period{color:#6b7280;font-size:1rem}.features-list{list-style:none;margin:1.5rem 0}.features-list li{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.checkmark{color:#10b981;font-weight:700}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.5rem}.signup-form{width:100%}.pricing-card.popular{transform:scale(1)}}.game-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.game-info{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.game-info,.game-title{align-items:center;display:flex}.game-title{color:#1f2937;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0}.game-stats{display:flex;gap:2rem}.stat{align-items:center;color:#4b5563;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.stat svg{color:#f59e0b}.game-content{flex:1 1;overflow:hidden;position:relative;width:100%}.question-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:350px;padding:1.5rem;position:absolute;right:1.5rem;text-align:center;top:1.5rem;z-index:1000}.question{color:#6b7280;font-size:1rem;font-weight:600;margin:0 0 .5rem}.street-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:700;margin:.25rem 0 .75rem}.instruction{color:#6b7280;font-size:.875rem;margin-top:.5rem}.feedback{animation:slideIn .3s ease-out;border-radius:8px;font-size:1rem;font-weight:600;margin:.75rem 0;padding:.75rem}.feedback.correct{background:#d1fae5;border:2px solid #10b981;color:#065f46}.feedback.incorrect{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.map-wrapper{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}.game-over{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.game-over-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:3rem;text-align:center;width:100%}.trophy-icon{color:#f59e0b;margin-bottom:1rem}.game-over-content h2{color:#1f2937;font-size:2.5rem;margin-bottom:2rem}.final-score{margin:2rem 0}.final-score p{color:#6b7280;font-size:1rem;margin:.5rem 0}.final-score h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin:1rem 0}.score-message{font-size:1.5rem!important;margin-top:1rem!important}.btn-restart{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:1rem;padding:1rem 3rem;transition:transform .2s,box-shadow .2s}.btn-restart:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.game-info{align-items:flex-start;flex-direction:column}.game-title{font-size:1.5rem}.question-panel{left:1rem;max-width:none;padding:1rem;right:1rem;top:1rem}.street-name{font-size:1.25rem}}.clickable-street{cursor:pointer}.leaflet-container{cursor:default}.leaflet-interactive{cursor:pointer!important}.leaflet-interactive:hover{stroke-width:6!important}.quiz-button-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;box-shadow:0 10px 40px #0000004d;left:50%;padding:2rem 3rem;position:absolute;text-align:center;top:15%;transform:translate(-50%,-50%);z-index:1000}.btn-quiz-area{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;padding:1.25rem 2.5rem;transition:transform .2s,box-shadow .2s}.btn-quiz-area:hover{box-shadow:0 8px 30px #667eea99;transform:translateY(-2px)}.quiz-instruction{color:#6b7280;font-size:.875rem;margin-top:1rem}.game-over-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669)}.btn-secondary:hover{box-shadow:0 10px 30px #10b98166}@media (max-width:768px){.quiz-button-overlay{padding:1.5rem 2rem}.btn-quiz-area{font-size:1rem;padding:1rem 2rem}}
/*# sourceMappingURL=main.ef664549.css.map*/