html,body{font-family:Inter,system-ui,sans-serif;font-size:16px;background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)!important}#root{width:100%;min-height:100dvh;overflow-x:hidden}.break-words{word-break:break-word;overflow-wrap:break-word;white-space:normal}.break-words{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;min-width:0!important}.input-field{display:block;width:100%;padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;color:#1e293b;background-color:#f1f5f9;background-clip:padding-box;border:1.5px solid #94a3b8;border-radius:.5rem;transition:all .2s ease-in-out;outline:none;box-shadow:inset 0 1px 2px #0000000d}.input-field:focus{background-color:#fff;border-color:#0284c7;box-shadow:0 0 0 4px #0284c726;transform:translateY(-1px)}.input-field:hover{border-color:#64748b}.input-field:disabled{background-color:#e2e8f0;color:#94a3b8;border-color:#cbd5e1;cursor:not-allowed}.form-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin-bottom:.5rem;margin-left:.25rem}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){html,body,#root,main{overflow-x:hidden!important;max-width:100%!important;position:relative}.container{width:100%!important;max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important;overflow-x:hidden!important}h1,h2,h3,h4,p,span,div,a{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:normal!important;-webkit-hyphens:manual!important;hyphens:manual!important;white-space:normal!important}.text-4xl,.text-5xl,.text-6xl,.text-7xl,.text-8xl{font-size:1.75rem!important;line-height:1.2!important}header,section,footer{width:100%!important;box-sizing:border-box!important}div[role=dialog]>div{width:95%!important;max-width:95vw!important;margin:0 auto!important;max-height:95dvh!important}.dashboard-card,.question-card,.mission-card,.bg-white.rounded-2xl.border{height:auto!important;overflow:visible!important;white-space:normal!important}h3,h4{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-clamp:none!important;-webkit-line-clamp:none!important}}.modal-title-fluid{font-size:clamp(20px,2vw + 12px,26px)!important;line-height:1.5!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.modal-text-fluid{font-size:clamp(14px,1.2vw + 10px,16px)!important;line-height:1.5!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.modal-button-fluid{font-size:clamp(14px,1vw + 10px,16px)!important;line-height:1.5!important;word-wrap:break-word!important;overflow-wrap:break-word!important}