/*
==========================================
NexIP v1.0
Main Stylesheet
==========================================
*/

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Layout */
@import url("./layout.css");

/* Components */
@import url("./navbar.css");
@import url("./hero.css");
@import url("./cards.css");
@import url("./footer.css");

/* Responsive */
@import url("./responsive.css");

/*
==========================================
CSS Variables
==========================================
*/

:root{

    --bg:#0B1120;

    --surface:#111827;

    --surface-2:#1F2937;

    --border:#334155;

    --primary:#3B82F6;

    --primary-hover:#2563EB;

    --accent:#06B6D4;

    --text:#F8FAFC;

    --text-muted:#94A3B8;

    --radius:18px;

    --shadow:
        0 15px 40px rgba(0,0,0,.35);

    --transition:.30s ease;

    --container:1200px;

}

/*
==========================================
Reset
==========================================
*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font