@tailwind base;
@tailwind components;
@tailwind utilities;
body {
background-color: #FEFAF0;
font-family: 'Noto Sans JP', sans-serif;
color: #2F4F4F;
overflow-x: hidden;
}
@keyframes floatParticle {
0%, 100% { transform: translateY(0) scale(1); opacity: 0.6; }
50% { transform: translateY(-30px) scale(1.2); opacity: 1; }
}
@keyframes fade-in-up {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.reveal { opacity: 0; transform: translateY(30px); }
.animate-fade-in-up { animation: fade-in-up 0.8s ease forwards; }
.char-visible { opacity: 1 !important; filter: blur(0px) !important; transform: translateY(0px) !important; }
.char-burning {
color: #38BDF8 !important;
filter: brightness(1.35) !important;
text-shadow: 0 0 18px rgba(0,112,192,0.6), 0 0 36px rgba(56,189,248,0.4) !important;
} .grecaptcha-badge {
visibility: hidden !important;
}