/* SYU SaaS Customer Portal - 커스텀 스타일 */

/* 그라데이션 배경 */
.bg-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 랜딩 페이지 */
.landing-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.feature-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: default;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    line-height: 1;
}

/* 로그인 페이지 */
.login-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* 카드 스타일 */
.card {
    border-radius: 1rem;
}

.rounded-4 {
    border-radius: 1rem !important;
}

/* 버튼 스타일 */
.btn {
    transition: all 0.2s ease;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.btn:active {
    transform: translateY(0);
}

.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #5568d3 0%, #65408b 100%);
}

/* 폼 스타일 */
.form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

/* 알림 스타일 */
.alert {
    border-radius: 0.5rem;
}

/* 그림자 효과 */
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

/* 반응형 조정 */
@media (max-width: 768px) {
    .card-body {
        padding: 2rem !important;
    }

    .feature-card {
        margin-bottom: 1rem;
    }
}

/* 로딩 스피너 */
.fa-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 텍스트 색상 */
.text-primary {
    color: #667eea !important;
}

/* 호버 효과 */
a {
    transition: color 0.2s ease;
}

a:hover {
    color: #5568d3 !important;
}