/* =====================
   GLOBAL STYLES
===================== */

body {
    font-family: 'Inter', sans-serif;
    color: #1f2937;
    background-color: #ffffff;
}

h1, h2, h3, h4 {
    letter-spacing: -0.3px;
}

/* =====================
   SPACING SYSTEM
===================== */

.section-padding {
    padding: 80px 0;
}

.section-padding-sm {
    padding: 60px 0;
}

/* =====================
   BUTTONS
===================== */

.btn-primary {
    background: linear-gradient(90deg, #1677ff, #27ae60);
    border: none;
}

.btn-primary:hover {
    opacity: 0.9;
}

/* =====================
   CARDS
===================== */

.card {
    border-radius: 16px;
}

.shadow-soft {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* =====================
   HOVER EFFECTS
===================== */

.hover-lift {
    transition: all 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* =====================
   LINKS
===================== */

a {
    transition: all 0.2s ease;
}

a:hover {
    color: #1677ff;
}

/* =====================
   BADGES
===================== */

.badge-soft-blue {
    background: rgba(22,119,255,0.1);
    color: #1677ff;
}

.badge-soft-green {
    background: rgba(39,174,96,0.1);
    color: #27ae60;
}

.hero-title {
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 700;
    line-height: 1.15;
}