@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* Base Styles */
body { 
    font-family: 'Noto Sans JP', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    background-color: #e1f2f7;
}

/* Utilities */
.hero-gradient { 
    background: linear-gradient(135deg, #ef0d50 0%, #eb3a70 100%); 
}

/* Components */
.feature-card { 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}

.feature-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); 
}

/* Animations */
.pulse-btn { 
    animation: pulse 2s infinite; 
}

@keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 13, 80, 0.7); }
    50% { box-shadow: 0 0 0 10px rgba(239, 13, 80, 0); }
}

.floating-cta {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    animation: float 3s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}