@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{--bg-dark: #0a0d14;--bg-card: rgba(255, 255, 255, .03);--border-light: rgba(255, 255, 255, .08);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--simpson-yellow: #FED41D;--simpson-blue: #3E8EDE;--donut-pink: #FF69B4;--donut-brown: #C68E5A;--accent-glow: rgba(254, 212, 29, .15);--font-display: "Fredoka", sans-serif;--font-sans: "Plus Jakarta Sans", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 15% 0%,rgba(255,105,180,.08),transparent 60%),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(254,212,29,.06),transparent 60%)}:focus-visible{outline:2px solid var(--simpson-yellow);outline-offset:3px;border-radius:6px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.bg-decorations{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.floating-donut{position:absolute;opacity:.15;animation:float 25s infinite linear}.donut-1{top:15%;left:10%;width:80px;animation-duration:20s}.donut-2{top:60%;right:8%;width:120px;animation-duration:28s;animation-delay:-5s}.donut-3{bottom:10%;left:25%;width:60px;animation-duration:18s;animation-delay:-10s}.donut-4{top:30%;right:30%;width:70px;animation-duration:22s;animation-delay:-15s}@keyframes float{0%{transform:translateY(100vh) rotate(0) scale(.8)}to{transform:translateY(-120px) rotate(360deg) scale(1.1)}}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid transparent;margin-bottom:3rem;position:sticky;top:0;z-index:50;transition:var(--transition-smooth)}header.is-scrolled{background:#0a0d14b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border-light);margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:linear-gradient(115deg,var(--simpson-yellow),var(--donut-pink),var(--simpson-yellow));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 6s ease-in-out infinite}@keyframes shimmerText{0%,to{background-position:0% center}50%{background-position:100% center}}@media(prefers-reduced-motion:reduce){.logo-text{animation:none}}.logo-donut{animation:rotateDonut 10s infinite linear}@keyframes rotateDonut{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dedication-badge{background:#fed41d1a;border:1px solid rgba(254,212,29,.2);padding:.5rem 1rem;border-radius:99px;font-size:.85rem;font-weight:600;color:var(--simpson-yellow);display:flex;align-items:center;gap:.5rem;box-shadow:0 0 15px #fed41d0d}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;margin-bottom:5rem}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-visual{order:-1}}.hero-content h1{font-family:var(--font-display);font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:700}.hero-content h1 span.yellow{color:var(--simpson-yellow);text-shadow:0 0 30px rgba(254,212,29,.2)}.hero-content h1 span.pink{color:var(--donut-pink);text-shadow:0 0 30px rgba(255,105,180,.2)}.hero-description{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.cta-group{display:flex;gap:1rem}@media(max-width:900px){.cta-group{justify-content:center}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:12px;font-family:var(--font-sans);font-weight:600;text-decoration:none;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.btn:hover:before{transform:translate(120%)}.btn-primary{background:var(--simpson-yellow);color:#000;border:none;box-shadow:0 4px 20px #fed41d4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fed41d80}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-3px)}.btn:active{transform:scale(.96)}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2.5rem;box-shadow:0 10px 40px #0003;transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff26;box-shadow:0 15px 50px #0000004d}.hero-visual{display:flex;justify-content:center;align-items:center}.homer-frame{width:320px;height:320px;position:relative;display:flex;justify-content:center;align-items:center}.homer-glow{position:absolute;width:80%;height:80%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);z-index:0;animation:pulseGlow 4s infinite ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.interactive-donut-svg{width:100%;height:100%;z-index:1;filter:drop-shadow(0 15px 30px rgba(0,0,0,.5));cursor:pointer;transition:var(--transition-smooth)}.interactive-donut-svg:hover{transform:scale(1.08) rotate(15deg)}.interactive-donut-svg:active{transform:scale(.95) rotate(-5deg)}.section-divider{height:1px;margin:0 auto 5rem;width:min(100%,320px);background:linear-gradient(90deg,transparent,var(--border-light) 50%,transparent)}.quote-section{margin-bottom:5rem;scroll-margin-top:6rem}.quote-header{text-align:center;margin-bottom:3rem}.section-tag{color:var(--simpson-yellow);font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;display:block}.section-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700}.quote-container{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:250px;justify-content:center}.quote-bubble{position:relative;font-size:1.5rem;line-height:1.5;font-style:italic;margin-bottom:2rem;color:var(--text-primary);max-width:800px;opacity:1;transform:translateY(0) scale(1);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.quote-bubble.fade-out{opacity:0;transform:translateY(10px) scale(.98)}.quote-bubble:before{content:"“";font-size:4rem;position:absolute;left:-2.5rem;top:-2rem;color:var(--simpson-yellow);opacity:.3;font-family:serif}.quote-bubble:after{content:"”";font-size:4rem;position:absolute;right:-2.5rem;bottom:-3.5rem;color:var(--simpson-yellow);opacity:.3;font-family:serif}.quote-author{font-family:var(--font-display);color:var(--simpson-yellow);font-weight:600;font-size:1.1rem;margin-top:1rem;display:flex;align-items:center;gap:.5rem}.donut-refresh-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem;transition:var(--transition-smooth)}.donut-refresh-btn:hover{transform:scale(1.1)}.donut-refresh-btn:hover .donut-btn-svg{animation:rotateDonut 1.5s infinite linear}.donut-refresh-btn span{font-size:.8rem;color:var(--text-secondary);font-weight:600;letter-spacing:1px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:5rem}.feature-card{padding:2rem;display:flex;flex-direction:column;gap:1rem}.feature-card:hover{transform:translateY(-5px)}.feature-icon{width:50px;height:50px;border-radius:12px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--simpson-yellow);margin-bottom:.5rem}.feature-card.yellow-hover:hover{border-color:#fed41d4d;box-shadow:0 10px 30px #fed41d1a}.feature-card.pink-hover:hover{border-color:#ff69b44d;box-shadow:0 10px 30px #ff69b41a}.feature-card.blue-hover:hover{border-color:#3e8ede4d;box-shadow:0 10px 30px #3e8ede1a}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.5;font-size:.95rem}.game-section{margin-bottom:5rem;scroll-margin-top:6rem}.game-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.game-layout{grid-template-columns:1fr;gap:3rem}}.game-info h2{font-family:var(--font-display);font-size:2.25rem;margin-bottom:1.5rem}.game-instructions{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.rank-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ff69b41a;border:1px solid rgba(255,105,180,.25);color:var(--donut-pink);font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.4rem .9rem;border-radius:99px;margin-bottom:1.25rem}.rank-badge.rank-pop{animation:rankPop .5s ease}@keyframes rankPop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.combo-badge{position:absolute;top:8%;left:50%;transform:translate(-50%,-14px);font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--simpson-yellow);text-shadow:0 4px 20px rgba(254,212,29,.6);opacity:0;pointer-events:none;z-index:20;white-space:nowrap;transition:opacity .3s ease,transform .3s ease}.combo-badge.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.rank-badge.rank-pop{animation:none}}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.stat-item{background:#ffffff05;border:1px solid var(--border-light);padding:1.25rem;border-radius:16px;text-align:center}.stat-val{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--donut-pink);margin-bottom:.25rem;transition:scale .1s ease}.stat-lbl{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.progress-bar-container{width:100%;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden;border:1px solid var(--border-light);margin-bottom:1rem}.progress-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--simpson-yellow),var(--donut-pink));border-radius:6px;transition:width .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #ff69b480;position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:progressShimmer 2.2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.progress-bar-fill:after{animation:none}}.homer-status-msg{font-style:italic;font-size:.95rem;color:var(--simpson-yellow);min-height:24px}.game-arena{display:flex;justify-content:center;align-items:center;position:relative;height:350px}.giant-donut-container{width:250px;height:250px;position:relative;cursor:pointer;z-index:10}.giant-donut-svg{width:100%;height:100%;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));transition:transform .1s ease}.giant-donut-container:hover .giant-donut-svg{transform:scale(1.05)}.giant-donut-container.wiggle .giant-donut-svg{animation:donutWiggle .4s ease-in-out}@keyframes donutWiggle{0%{transform:scale(1.05) rotate(0)}20%{transform:scale(1.1) rotate(-8deg)}40%{transform:scale(1.1) rotate(6deg)}60%{transform:scale(1.1) rotate(-4deg)}80%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1.05) rotate(0)}}.sprinkle-particle{position:absolute;width:12px;height:6px;border-radius:3px;pointer-events:none;z-index:100;animation:explode .8s cubic-bezier(.1,.8,.3,1) forwards}@keyframes explode{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--tr)) scale(0);opacity:0}}.counter-pop{animation:counterPop .3s ease-out}@keyframes counterPop{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--simpson-yellow)}to{transform:scale(1)}}.catch-lives{font-size:1.3rem;letter-spacing:.25rem;margin-top:.5rem}.catch-lives .lost{filter:grayscale(1);opacity:.3}.catch-arena{position:relative;height:380px;border-radius:20px;overflow:hidden;background:#ffffff05;border:1px solid var(--border-light);cursor:none}.catcher{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:2.75rem;line-height:1;z-index:15;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));transition:transform .05s linear}.catcher.catch-hit{animation:catcherHit .3s ease}@keyframes catcherHit{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.3)}to{transform:translate(-50%) scale(1)}}.falling-donut{position:absolute;top:-40px;font-size:1.8rem;line-height:1;z-index:10;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.catch-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;text-align:center;padding:2rem;background:#0a0d14c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity .3s ease}.catch-overlay[hidden]{display:none}.catch-overlay p{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary);max-width:320px}.catch-arena.miss-flash{animation:missFlash .4s ease}@keyframes missFlash{0%,to{box-shadow:inset 0 0 #ff450000}40%{box-shadow:inset 0 0 60px #ff450073}}@media(prefers-reduced-motion:reduce){.catcher.catch-hit,.catch-arena.miss-flash{animation:none}}footer{border-top:1px solid var(--border-light);padding:3rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem;display:flex;flex-direction:column;gap:1rem;margin-top:5rem}.footer-credit span{color:var(--simpson-yellow);font-weight:600}.footer-tagline{font-style:italic;font-size:.8rem;opacity:.7}.sprinkles-backdrop{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.header-right{display:flex;align-items:center;gap:.75rem}.sound-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.sound-toggle-btn:hover{color:var(--simpson-yellow);border-color:#fed41d4d;background:#fed41d14}.diploma-unlock-btn{margin-top:1.5rem;width:100%;justify-content:center;animation:diplomaPulse 2s infinite ease-in-out}.diploma-unlock-btn[hidden]{display:none}@keyframes diplomaPulse{0%,to{box-shadow:0 4px 20px #fed41d4d}50%{box-shadow:0 4px 30px #fed41d99}}.diploma-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.diploma-modal[hidden]{display:none}.diploma-modal-backdrop{position:absolute;inset:0;background:#0a0d14d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.diploma-modal-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:100%;max-height:100%}#diploma-canvas{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:16px;box-shadow:0 20px 60px #0009}.diploma-actions{display:flex;gap:1rem}.diploma-close-btn{position:absolute;top:-3rem;right:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:#ffffff0d;color:var(--text-primary);font-size:1.5rem;line-height:1;cursor:pointer;transition:var(--transition-smooth)}.diploma-close-btn:hover{color:var(--donut-pink);border-color:#ff69b466}@media(max-width:600px){.diploma-close-btn{top:-3.25rem;right:-.25rem}}