*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #9E7FFF;--secondary: #38bdf8;--accent: #f472b6;--background: #0f0f23;--surface: #1a1a2e;--surface-elevated: #252547;--text: #FFFFFF;--text-secondary: #A3A3A3;--text-muted: #6B7280;--border: #2F2F2F;--border-light: #374151;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px;--shadow: 0 20px 40px rgba(0, 0, 0, .3);--shadow-lg: 0 25px 50px rgba(0, 0, 0, .4);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--glow: 0 0 40px rgba(158, 127, 255, .2);--glow-primary: 0 0 60px rgba(158, 127, 255, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--transition: none;--transition-slow: none}[data-theme=light]{--primary: #7c3aed;--secondary: #0ea5e9;--accent: #ec4899;--background: #ffffff;--surface: #f8fafc;--surface-elevated: #ffffff;--text: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #cbd5e1;--shadow: 0 20px 40px rgba(0, 0, 0, .08);--shadow-lg: 0 25px 50px rgba(0, 0, 0, .12);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--glow: 0 0 40px rgba(124, 58, 237, .15);--glow-primary: 0 0 60px rgba(124, 58, 237, .2)}body{font-family:Inter,sans-serif;background:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.controls{position:fixed;top:var(--space-xl);right:var(--space-xl);z-index:1000;display:flex;gap:var(--space-sm);align-items:center}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.theme-toggle:hover{border-color:var(--primary)}.moon-icon,[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.language-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);font-size:14px;backdrop-filter:blur(10px);cursor:pointer}.language-select:hover{border-color:var(--primary)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 50%,var(--surface-elevated) 100%)}.mathematical-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(158,127,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(56,189,248,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(244,114,182,.05) 0%,transparent 50%)}.floating-primes{display:none}.hero-content{text-align:center;position:relative;z-index:2;max-width:800px;padding:0 var(--space-xl)}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-lg);font-size:14px;font-weight:600;margin-bottom:var(--space-xl)}.hero h1{font-family:Playfair Display,serif;font-size:4rem;font-weight:700;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--space-3xl);font-weight:400}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3xl)}.btn-primary,.btn-secondary{padding:var(--space-lg) var(--space-2xl);border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--text);border:2px solid var(--border);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--primary)}.hero-stats{display:flex;gap:var(--space-2xl);justify-content:center}.stat{text-align:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-xs)}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.scroll-indicator{display:none}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-header h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.prime-visualization{padding:var(--space-3xl) 0;background:var(--surface)}.visualization-controls{display:flex;justify-content:center;margin-bottom:var(--space-2xl)}.control-group{display:flex;align-items:center;gap:var(--space-md);background:var(--surface-elevated);padding:var(--space-lg);border-radius:var(--border-radius);border:1px solid var(--border)}.control-group label{color:var(--text);font-weight:500}.slider{width:200px;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow-sm)}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:var(--shadow-sm)}#gridSizeValue{font-weight:600;color:var(--primary);min-width:40px}.visualization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px;max-width:800px;margin:0 auto}.prime-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;background:var(--surface-elevated);border:1px solid var(--border);font-size:.9rem;position:relative;overflow:hidden}.prime-cell:before{content:"";position:absolute;inset:0;background:var(--primary);opacity:0}.prime-cell.prime:before{opacity:1}.prime-cell.prime{color:#fff;box-shadow:var(--shadow-sm);border:none}.prime-cell .number{position:relative;z-index:1}.prime-list-section{padding:var(--space-3xl) 0;background:var(--background)}.search-controls{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl);align-items:center}.input-group{display:flex;gap:var(--space-md);align-items:center}.input-group input{padding:var(--space-md) var(--space-lg);border:2px solid var(--border);border-radius:var(--border-radius);background:var(--surface);color:var(--text);font-size:1rem;min-width:120px}.input-group input:focus{outline:none;border-color:var(--primary)}.btn-generate{padding:var(--space-md) var(--space-lg);background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;font-weight:600}.btn-generate:hover{background:var(--secondary)}.list-info{color:var(--text-secondary);font-size:.9rem}.prime-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-width:900px;margin:0 auto}.prime-number{padding:var(--space-md);text-align:center;background:var(--surface);border-radius:var(--border-radius);font-weight:600;border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden}.prime-number:before{content:"";position:absolute;inset:0;background:var(--primary);opacity:0}.prime-number:hover:before{opacity:1}.prime-number:hover{color:#fff}.prime-number .number{position:relative;z-index:1}.educational-content{padding:var(--space-3xl) 0;background:var(--surface)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl)}.content-card{background:var(--surface-elevated);padding:var(--space-2xl);border-radius:var(--border-radius);border:1px solid var(--border);text-align:center;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.content-card:hover{border-color:var(--primary)}.card-icon{font-size:3rem;margin-bottom:var(--space-lg);display:block}.content-card h3{font-size:1.5rem;margin-bottom:var(--space-md);font-family:Playfair Display,serif;color:var(--text)}.content-card p{color:var(--text-secondary);line-height:1.8}.footer{padding:var(--space-2xl) 0;background:var(--background);border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer p{color:var(--text-secondary)}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:var(--text-secondary);text-decoration:none}.footer-links a:hover{color:var(--primary)}@media (max-width: 768px){.controls{top:var(--space-md);right:var(--space-md)}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}.hero-stats{flex-direction:column;gap:var(--space-lg)}.content-grid{grid-template-columns:1fr}.prime-list{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.visualization-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.hero h1,.section-header h2{font-size:2rem}.visualization-grid{grid-template-columns:repeat(auto-fit,minmax(35px,1fr))}.prime-list{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.input-group{flex-direction:column;width:100%;max-width:300px}.input-group input{width:100%}}