/* goomimi.com */
/* Colors: #FFF0F5, #E8D5F5, #F2A7C3, #A8E6CF, #FFEAA7, #C7B8EA, #3D2C4E, #7B6B8A */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.7; background: #FFF0F5; color: #3D2C4E; overflow-x: hidden; }
.hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px; background: linear-gradient(180deg, #FFF0F5 0%, #E8D5F5 100%); }
.hero-title { font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: clamp(3rem, 8vw, 7rem); color: #3D2C4E; letter-spacing: 0.04em; opacity: 0; animation: fadeUp 1s ease forwards; }
.hero-sub { font-size: 17px; color: #7B6B8A; margin-top: 12px; opacity: 0; animation: fadeUp 0.8s 0.5s ease forwards; }
.hero-pill { display: inline-block; margin-top: 28px; padding: 14px 36px; background: #F2A7C3; color: #FFF0F5; font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 15px; border-radius: 999px; text-decoration: none; box-shadow: 0 4px 20px rgba(242, 167, 195, 0.3); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; opacity: 0; animation: fadeUp 0.8s 0.8s ease forwards; }
.hero-pill:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 8px 32px rgba(242, 167, 195, 0.45); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
.section { padding: 100px 40px; display: flex; flex-direction: column; align-items: center; text-align: center; background: #FFF0F5; }
.section-lavender { background: #E8D5F5; }
.section-title { font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); color: #3D2C4E; margin-bottom: 24px; }
.accent-title { color: #C7B8EA; }
.section-text { font-size: 17px; color: #7B6B8A; max-width: 540px; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; max-width: 800px; width: 100%; }
.card { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(199, 184, 234, 0.3); border-radius: 16px; padding: 28px 24px; text-align: left; box-shadow: 0 4px 20px rgba(199, 184, 234, 0.15); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease; }
.card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 12px 40px rgba(199, 184, 234, 0.25); border-color: #F2A7C3; }
.card-wide { grid-column: span 2; }
.card h3 { font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 18px; color: #3D2C4E; margin-bottom: 8px; }
.card p { font-size: 14px; color: #7B6B8A; }
.site-footer { text-align: center; padding: 48px 40px; background: #E8D5F5; }
.footer-label { font-family: 'Caveat', cursive; font-size: 14px; color: #C7B8EA; }
@media (max-width: 768px) { .section { padding: 60px 24px; } .card-grid { grid-template-columns: 1fr; } .card-wide { grid-column: span 1; } }