:root {

    --primary-blue: #2D8CFF;
    --primary-dark: #061229;
    --primary-orange: #FF7A00;

    --text-light: #ffffff;
    --text-dark: #1e293b;

    --bg-light: #f8fafc;
    --bg-dark: #0B1F3A;

    --border-light: rgba(255,255,255,0.08);

}

body {
    font-family: 'Segoe UI', sans-serif;
    background: #ffffff;
    color: var(--text-dark);
}

.text-accent {
    color: var(--primary-orange);
}

.btn-main {

    background: var(--primary-orange);
    color: white;
    border: none;

    padding: 12px 28px;
    border-radius: 8px;

    transition: 0.3s;

}

.btn-main:hover {

    background: #ff932f;
    color: white;

}

.section-title {

    font-size: 42px;
    font-weight: 700;

}

.card-custom {

    border: none;
    border-radius: 18px;
    overflow: hidden;

    transition: 0.3s;

}

.card-custom:hover {

    transform: translateY(-6px);

}