:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Noto Sans KR', sans-serif;
}
@keyframes scroll-left {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
@keyframes scroll-right {
0% { transform: translateX(-100%); }
100% { transform: translateX(0); }
}
.animate-scroll-left {
animation: scroll-left 30s linear infinite;
}
.animate-scroll-right {
animation: scroll-right 30s linear infinite;
}
.gradient-bg {
background: linear-gradient(135deg, #1a1f3d 0%, #2a3158 100%);
}
header {
transition: box-shadow 0.3s ease;
}
header.shadow {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.group:hover .group-hover\:opacity-100 {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(0);
}
.group .group-hover\:opacity-100 {
transform: translateY(-10px);
}
.group:hover .group-hover\:visible {
transition-delay: 0s;
}
.hero-image {
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: none;
border-color: #00c4f4;
}