:root{--primary-color: #4361ee;--secondary-color: #3a0ca3;--accent-color: #4cc9f0;--background-color: #f8fafc;--text-color: #1e293b;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--hover-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}.main-navigation{background-color:var(--white);padding:1.25rem 2rem;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}.logo a{color:var(--primary-color);text-decoration:none;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;display:flex;gap:2.5rem;margin:0;padding:0}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.home-container{max-width:1200px;margin:0 auto;padding:2rem}.hero-section{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%);border-radius:20px;margin-bottom:4rem;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(67,97,238,.1),rgba(76,201,240,.1));z-index:0}.hero-section>*{position:relative;z-index:1}.hero-section h1{font-size:3.5rem;color:var(--text-color);margin-bottom:1.5rem;line-height:1.2;font-weight:800;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{font-size:1.25rem;color:var(--gray-400);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-button{padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1.1rem}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.cta-button.primary{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff}.cta-button.secondary{background-color:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;padding:2rem 0}.feature{text-align:center;padding:2.5rem;background-color:var(--white);border-radius:16px;box-shadow:var(--card-shadow);transition:all .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.feature h3{color:var(--text-color);margin:1.5rem 0;font-size:1.5rem}.feature p{color:var(--gray-400);line-height:1.6}.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%);border-radius:20px;margin-bottom:4rem;box-shadow:var(--card-shadow)}.about-hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-hero .subtitle{font-size:1.25rem;color:var(--gray-400)}.mission-section{display:flex;align-items:center;gap:4rem;margin-bottom:4rem;padding:3rem;background-color:var(--white);border-radius:20px;box-shadow:var(--card-shadow)}.section-content{flex:1}.section-content h2{font-size:2rem;margin-bottom:1rem;color:var(--text-color)}.section-content p{font-size:1.1rem;line-height:1.7;color:var(--gray-400)}.section-icon{font-size:4rem}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{padding:2rem;background-color:var(--white);border-radius:16px;box-shadow:var(--card-shadow);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.feature-card p{color:var(--gray-400);line-height:1.6}.impact-section{padding:4rem;background-color:var(--white);border-radius:20px;box-shadow:var(--card-shadow);text-align:center}.impact-section h2{font-size:2rem;margin-bottom:3rem;color:var(--text-color)}.impact-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-card{padding:2rem;background:linear-gradient(135deg,var(--gray-100) 0%,var(--white) 100%);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card p{color:var(--gray-400);font-size:1.1rem}.quiz-hub-container{max-width:1200px;margin:0 auto;padding:2rem}.quiz-hub-header{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%);border-radius:20px;margin-bottom:3rem;box-shadow:var(--card-shadow)}.quiz-hub-header h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-hub-header p{font-size:1.25rem;color:var(--gray-400);max-width:600px;margin:0 auto}.quiz-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.quiz-type-card{background-color:var(--white);border-radius:16px;padding:2.5rem;box-shadow:var(--card-shadow);transition:all .3s ease;display:flex;flex-direction:column}.quiz-type-card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.quiz-type-card h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-color)}.quiz-type-card p{color:var(--gray-400);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.quiz-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.quiz-feature{background-color:var(--gray-100);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;color:var(--secondary-color)}.quiz-start-link{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;text-decoration:none;border-radius:12px;font-weight:600;text-align:center;transition:all .3s ease}.quiz-start-link:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.quiz-page{max-width:1200px;margin:0 auto;padding:2rem}.quiz-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;padding:2rem;background-color:var(--white);border-radius:12px;box-shadow:var(--card-shadow);text-align:center}.quiz-header h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-header p{color:var(--gray-400);font-size:1.1rem}.quiz-score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;background-color:var(--white);border-radius:12px;box-shadow:var(--card-shadow)}.score{font-size:1.25rem;font-weight:600;color:var(--text-color)}.timer{font-size:1.25rem;font-weight:600;color:var(--text-color);padding:.5rem 1rem;background-color:var(--gray-100);border-radius:8px}.give-up-button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.give-up-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--hover-shadow)}.give-up-button:disabled{opacity:.5;cursor:not-allowed}.quiz-container{background-color:var(--white);padding:2rem;border-radius:20px;box-shadow:var(--card-shadow);margin-bottom:2rem}.quiz-start-container{text-align:center;padding:3rem;background-color:var(--white);border-radius:20px;box-shadow:var(--card-shadow);margin-bottom:2rem}.start-button{padding:1rem 2.5rem;border:none;border-radius:12px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:2rem}.start-button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.senator-card{text-align:center;margin-bottom:1rem;padding:1rem;background-color:var(--white);border-radius:16px}.senator-image{width:200px;height:250px;object-fit:cover;border-radius:5px;margin-bottom:1.5rem;box-shadow:var(--card-shadow)}.state{font-size:1.5rem;color:var(--text-color);font-weight:600;letter-spacing:.5px}.input-container{text-align:center;margin:1rem 0}.name-input{width:100%;max-width:400px;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid var(--gray-200);border-radius:12px;transition:all .3s ease;background-color:var(--gray-100)}.name-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;background-color:var(--white)}.name-input:disabled{background-color:var(--gray-100);cursor:not-allowed}.navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;border-top:1px solid var(--gray-200)}.navigation button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.navigation button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--hover-shadow)}.navigation button:disabled{opacity:.5;cursor:not-allowed}.progress{font-size:1.1rem;font-weight:500;color:var(--text-color);padding:.5rem 1rem;background-color:var(--gray-100);border-radius:8px}.correct{text-align:center;margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:8px;font-weight:500;animation:fadeIn .5s ease}.restart-options{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.restart-options button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-options button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.practice-complete{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%);border-radius:20px;box-shadow:var(--card-shadow)}.practice-complete h2{font-size:2rem;margin-bottom:2rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.senator-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;padding:2rem;background-color:var(--white);border-radius:20px;box-shadow:var(--card-shadow)}.gallery-item{position:relative;transition:all .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:var(--card-shadow)}.gallery-name{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:rgba(255,255,255,.95);border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-size:.9rem;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quiz-actions{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.hint-button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.hint-button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.restart-button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.restart-button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.hints-container{margin:2rem 0;padding:1.5rem;background-color:var(--gray-100);border-radius:12px}.hints-container h3{margin-bottom:1rem;text-align:center}.states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.state-hint{padding:1rem;background-color:var(--white);border-radius:8px;text-align:center}.state-hint h4{margin:0 0 .5rem;font-size:1rem}.state-hint p{margin:0;font-size:.9rem;color:var(--gray-400)}.guessed-senators-container,.missed-senators-container{margin-top:2rem;padding:1.5rem;background-color:var(--gray-100);border-radius:12px}.guessed-senators-container h3,.missed-senators-container h3{margin-bottom:1rem;text-align:center}.guessed-senators-list,.missed-senators-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.guessed-senator,.missed-senator{padding:.75rem;background-color:var(--white);border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center}.senator-name{font-weight:600;margin-bottom:.25rem}.senator-state{font-size:.85rem;color:var(--gray-400)}.guessed-senator{border-left:3px solid #22c55e}.missed-senator{border-left:3px solid #ef4444}.game-over{text-align:center;padding:2rem 0}.game-over h2{font-size:1.75rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.quiz-type-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.quiz-type-button{padding:.75rem 1.5rem;border:2px solid var(--primary-color);border-radius:8px;background-color:var(--white);color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-type-button:hover{background-color:var(--gray-100)}.quiz-type-button.active{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-hero h1{font-size:2.5rem}.mission-section{flex-direction:column;padding:2rem;gap:2rem;text-align:center}.impact-section{padding:2rem}.hero-section h1{font-size:2.5rem}.main-navigation{flex-direction:column;padding:1rem}.nav-links{margin-top:1rem;gap:1.5rem}.cta-buttons{flex-direction:column}.senator-image{width:200px;height:200px}.quiz-type-selector{flex-direction:column;align-items:center}.states-grid,.guessed-senators-list,.missed-senators-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.quiz-types-grid{grid-template-columns:1fr}.restart-options{flex-direction:column;align-items:center}}