style.css

/* Shared styles across all pages */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

body {
    font-family: 'Noto Sans KR', sans-serif;
    scroll-behavior: smooth;
}

#hero {
    height: 100vh;
    min-height: 700px;
}

#vanta-bg {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
}

.feather {
    width: 20px;
    height: 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    #hero h1 {
        font-size: 2.5rem;
    }
    
    #hero p {
        font-size: 1.2rem;
    }
}

/* Form styling */
#consultation-form input,
#consultation-form textarea {
    transition: all 0.3s ease;
}

#consultation-form input:focus,
#consultation-form textarea:focus {
    border-color: #ec4899;
    box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.1);
}

/* Card hover effects */
.grid div.bg-white {
    transition: all 0.3s ease;
}

.grid div.bg-white:hover {
    transform: translateY(-5px);
}

/* Testimonial cards */
#testimonials .bg-gray-50 {
    transition: all 0.3s ease;
}

#testimonials .bg-gray-50:hover {
    transform: translateY(-3px);
}