/* ===== Featured Project Card ===== */
.featured-project {
    border: 2.5px solid #ffd54f !important;
    box-shadow: 0 4px 32px #ffd54f33, 0 2px 8px #000a;
    background: linear-gradient(120deg, #232526 80%, #fffde4 100%) !important;
}
.featured-icon {
    color: #ffd54f;
    font-size: 1.25em;
    vertical-align: middle;
    filter: drop-shadow(0 1px 2px #0008);
}
.card {
    transition: transform 0.18s cubic-bezier(.4,2,.6,1), box-shadow 0.18s;
}
.card:hover, .card:focus-within {
    transform: scale(1.045);
    box-shadow: 0 8px 32px #00bcd455, 0 2px 8px #000a;
    z-index: 2;
}
/* ===== Experience Cards ===== */
.experience-card {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.97rem;
    background: #263238 !important;
    border-left: 4px solid #00bcd4;
}
.experience-card .card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #00bcd4;
}
.exp-date {
    font-size: 0.95em;
    font-weight: 500;
    color: #b3e5fc !important;
    margin-left: 0.5rem;
    white-space: nowrap;
}
/* ===== Custom Labels ===== */
span.coursework-label {
    color: #1b1500;
    font-weight:1600;
}
/* ===== Base Styles ===== */
body {
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(135deg, #232526 0%, #414345 100%);
    background-attachment: fixed;
    color: #eaeaea;
    font-family: 'Segoe UI', 'Arial', sans-serif;
}

/* ===== Headings ===== */
h1 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 8px #000a;
}

h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #b3e5fc;
    margin-bottom: 1.2rem;
    letter-spacing: 0.5px;
}

/* ===== Cards ===== */
.intro-card {
    background: #23272b;
    border-left: 5px solid #00bcd4;
    color: #e0f7fa;
    font-size: 1.15rem;
    font-weight: 500;
}

.education-card {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.4rem 1.2rem;
    font-size: 1rem;
    background: #263238 !important;
    border-left: 4px solid #80cbc4;
}
.education-card .card-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #80cbc4;
}
.education-card .card-text strong {
    color: #b3e5fc;
}

.project-card {
    background: #212121 !important;
    border-left: 4px solid #00bcd4;
}
.project-card .card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #00bcd4;
}
.project-card .card-text {
    color: #e0e0e0;
}

/* ===== Buttons ===== */
.btn-outline-light {
    border-color: #00bcd4;
    color: #00bcd4;
}
.btn-outline-light:hover {
    background: #00bcd4;
    color: #232526;
}