@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap");*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%;font-family:Fredoka,Comic Neue,Comic Sans MS,cursive,sans-serif;overflow:hidden;color:#333}body,html{height:100vh;width:100vw}.main-card,.main-card h1{font-family:Fredoka,cursive,sans-serif}.main-card h1{font-weight:700;letter-spacing:.5px}.main-card p{font-family:Comic Neue,cursive,sans-serif;font-weight:400}.help-btn{font-family:Fredoka,cursive,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.help-btn:hover{box-shadow:0 12px 40px 0 rgba(147,51,234,.5)}.action-btn{font-family:Fredoka,cursive,sans-serif;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:600;letter-spacing:.5px}.action-btn:hover{box-shadow:0 8px 25px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3) translateY(50px);opacity:0}50%{transform:scale(1.05) translateY(-10px);opacity:.8}70%{transform:scale(.9) translateY(5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 20px rgba(255,255,255,0)}to{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes buttonGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@media (max-width:640px){.main-card{margin:1rem;padding:1rem!important;max-width:calc(100vw - 2rem)!important}.help-btn{top:.75rem!important;right:.75rem!important;padding:.5rem 1rem!important;font-size:.75rem!important}.main-card h1{font-size:1.5rem!important;line-height:1.3;margin-bottom:1rem!important}.main-card p{font-size:1rem!important;margin-bottom:1.5rem!important}.action-btn{padding:.75rem 1.5rem!important;font-size:.9rem!important}}@media (max-width:480px){.main-card h1{font-size:1.25rem!important}.main-card p{font-size:.9rem!important}.help-btn{padding:.4rem .8rem!important;font-size:.7rem!important}}@media (min-width:641px) and (max-width:768px){.main-card{max-width:500px;padding:2rem}.main-card h1{font-size:2.5rem}.main-card p{font-size:1.25rem}}@media (min-width:769px) and (max-width:1024px){.main-card{max-width:600px;padding:2.5rem}.main-card h1{font-size:3rem}.main-card p{font-size:1.5rem}}@media (min-width:1025px){.main-card{max-width:800px;padding:3rem}.main-card h1{font-size:4rem}.main-card p{font-size:1.75rem}}video{background-color:#000}.action-btn,.help-btn,.main-card{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){.animate-bounce,.animate-pulse{animation:none}.action-btn,.help-btn,.main-card{transition:none}}