@import"https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-text-primary: #334155;--color-text-secondary: #64748b;--color-text-accent: #4f46e5;--color-bg-page: #f0f9ff;--color-bg-card: #ffffff}body{font-family:Playpen Sans,cursive;font-weight:500;color:var(--color-text-primary);background:linear-gradient(135deg,#fdfbf7,#eef2ff);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.animate-float{animation:float-slow 4s ease-in-out infinite}.animate-pop{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}.hover-wiggle:hover{animation:wiggle .5s ease-in-out infinite}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)}.playful-shadow{box-shadow:4px 4px #6366f133}.playful-shadow-sm{box-shadow:2px 2px #6366f126}.playful-border{border:2px solid #e0e7ff}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.025em;color:#1e293b}.btn-bounce{transition:transform .1s cubic-bezier(.175,.885,.32,1.275),box-shadow .1s}.btn-bounce:active{transform:scale(.95) translateY(2px);box-shadow:none!important}input:focus,textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}@layer components{.label{@apply text-base font-bold text-slate-500 uppercase tracking-wider min-w-[120px];}.input-field{@apply w-full px-6 py-4 rounded-[2rem] border-2 border-slate-200 bg-slate-50 focus:bg-white focus:border-indigo-500 focus:ring-4 focus:ring-indigo-100/50 outline-none transition-all text-slate-800 font-bold shadow-sm;}.option-card{@apply p-4 rounded-[2rem] border-2 cursor-pointer transition-all flex items-center;}.icon-box{@apply w-12 h-12 rounded-2xl flex items-center justify-center text-2xl transition-all shadow-sm;}}