/*
|--------------------------------------------------------------------------
| Banner Ads AI Design System
|--------------------------------------------------------------------------
*/

:root{

    --primary:#2563EB;
    --primary-dark:#1D4ED8;

    --secondary:#0F172A;

    --success:#22C55E;

    --warning:#F59E0B;

    --danger:#EF4444;

    --background:#F8FAFC;

    --text:#1E293B;

    --radius:16px;

}

/* ================================================= */

body{

    font-family:'Poppins',sans-serif;

    background:var(--background);

    color:var(--text);

}

/* ================================================= */

.section{

    padding:90px 0;

}

/* ================================================= */

.btn-primary{

    background:var(--primary);

    border:none;

    border-radius:var(--radius);

    padding:12px 28px;

    font-weight:600;

}

.btn-primary:hover{

    background:var(--primary-dark);

}

/* ================================================= */

.card{

    border:none;

    border-radius:20px;

    box-shadow:0 8px 30px rgba(0,0,0,.05);

}

/* ================================================= */

.section-title{

    font-weight:700;

    font-size:42px;

}

/* ================================================= */

.text-primary-custom{

    color:var(--primary);

}

/* ================================================ */
.navbar{

    padding:20px 0;

    background:#fff;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

    margin-bottom:40px;

}
.navbar-brand{

font-size:34px;

}

.nav-link{

font-weight:500;

margin-left:20px;

}

.display-4{

line-height:1.2;

}

.badge{

padding:10px 18px;

border-radius:30px;

font-size:14px;

}

/* ======================================= */
.hero{

    min-height:calc(100vh - 90px);

    display:flex;

    align-items:center;

}

/* ======================================= */
.btn-outline-dark{

    border-radius:16px;

    padding:12px 24px;

    font-weight:600;

}