/* ===== 코드피디아 CSS - 메인 파일 ===== */

/* Base */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/utilities.css');

/* Components */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/modals.css');
@import url('components/mobile-menu.css');
@import url('components/chatbot.css');
@import url('components/faq.css');
@import url('components/cursor.css');

/* Layout */
@import url('layout/header.css');
@import url('layout/footer.css');
@import url('layout/page-header.css');

/* Sections */
@import url('sections/hero.css');
@import url('sections/about.css');
@import url('sections/services.css');
@import url('sections/portfolio.css');
@import url('sections/process.css');
@import url('sections/tech-stack.css');
@import url('sections/reviews.css');
@import url('sections/cta.css');

/* Pages */
@import url('pages/portfolio.css');
@import url('pages/contact.css');

/* Animations */
@import url('animations/scroll-animations.css');

/* 기존 특수 파일들 */
@import url('hero-animation.css');
@import url('floating-buttons.css');

/* ===== 기술 정보 알림 ===== */
.tech-info-alert {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: var(--white);
    padding: 1.5rem 2rem;
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 10000;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    min-width: 300px;
    max-width: 400px;
}

.tech-info-alert.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.tech-info-content h4 {
    color: var(--primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tech-info-content h4::before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--primary);
}

.tech-info-content p {
    color: var(--gray);
    margin: 0;
    line-height: 1.6;
}

/* 호버 효과 */
.tech-info-alert:hover {
    transform: translateX(-50%) translateY(-2px) scale(1.02);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .tech-info-alert {
        min-width: 280px;
        max-width: calc(100vw - 40px);
        padding: 1rem 1.5rem;
    }
    
    .tech-info-content h4 {
        font-size: 1.1rem;
    }
}