@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap";:root{--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--orange:#f97316;--orange-light:#fed7aa;--teal:#0d9488;--teal-light:#99f6e4;--yellow:#f59e0b;--yellow-light:#fef3c7;--pink:#ec4899;--green:#10b981;--green-light:#d1fae5;--red:#ef4444;--red-light:#fee2e2;--bg:#f5f3ff;--white:#fff;--text-dark:#1e1b4b;--text-mid:#4c1d95;--text-light:#7c3aed;--shadow:0 4px 20px #7c3aed26;--shadow-hover:0 8px 30px #7c3aed4d;--radius:20px;--radius-sm:12px;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Nunito,sans-serif}.app-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes timerPulse{0%{color:inherit;transform:scale(1)}50%{color:var(--red);transform:scale(1.1)}to{color:inherit;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.screen{animation:.4s both fadeIn}.btn-primary{background:var(--purple);color:var(--white);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:var(--shadow-hover);filter:brightness(1.1);outline:none;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--purple);border:2px solid var(--purple);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow);white-space:nowrap;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-secondary:hover,.btn-secondary:focus-visible{box-shadow:var(--shadow-hover);background:var(--bg);outline:none;transform:translateY(-3px)}.btn-secondary:active{transform:translateY(-1px)}.btn-danger{background:var(--red);color:var(--white);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #ef444440}.btn-danger:hover,.btn-danger:focus-visible{filter:brightness(1.1);outline:none;transform:translateY(-3px);box-shadow:0 8px 30px #ef444466}.btn-danger:active{transform:translateY(-1px)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.badge{background:var(--purple-light);color:var(--purple);letter-spacing:.02em;border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--purple-light);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--purple)}*{scrollbar-width:thin;scrollbar-color:var(--purple-light) transparent}@media (width<=768px){.app-container{padding:12px}.btn-primary,.btn-secondary,.btn-danger{padding:10px 20px;font-size:1rem}.card{border-radius:var(--radius-sm);padding:16px}h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.1rem}}@media (width<=480px){.app-container{padding:8px}.btn-primary,.btn-secondary,.btn-danger{padding:9px 16px;font-size:.95rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}