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

body {
    font-family: 'Noto Sans KR', sans-serif;
    padding-top: 56px; /* For fixed navbar */
}

/* --- Hero Section --- */
.hero-section {
    background: linear-gradient(rgba(20, 50, 90, 0.7), rgba(10, 30, 60, 0.9)), url('https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?q=80&w=2070&auto=format&fit=crop') no-repeat center center;
    background-size: cover;
    padding: 100px 0;
    color: #fff;
}

.hero-section .display-4 {
    font-weight: 700;
}

/* --- Navbar --- */
.navbar-brand {
    font-weight: 700;
}

.navbar-brand i {
    color: #0d6efd; /* Bootstrap Primary Color */
}

/* --- Services Section (Now Calculator) --- */
#services {
    background-color: #f8f9fa;
}

.portfolio-item {
    background-color: #fff;
}

#results-container .card-header h4 {
    margin-bottom: 0;
    font-weight: 700;
}

#results-container .list-group-item span {
    font-weight: 700;
}

#results-container .list-group-item strong {
    font-weight: 500;
}


/* --- About Section --- */
#about img {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* --- Contact Section --- */
#contact-form button {
    width: 200px;
}

/* --- General Button Style --- */
.btn-primary {
    background-color: #0d6efd;
    border: none;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: #0b5ed7;
}

/* --- Footer --- */
footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
}