:root{
    --bg:#050816;
    --surface:#0B1220;
    --card:#111827;
    --card-light:#1E293B;

    --primary:#3B82F6;
    --secondary:#06B6D4;
    --accent:#8B5CF6;

    --success:#22C55E;
    --warning:#F59E0B;
    --danger:#EF4444;

    --white:#FFFFFF;
    --text:#CBD5E1;
    --muted:#94A3B8;

    --border:rgba(255,255,255,.08);

    --shadow-sm:0 8px 20px rgba(0,0,0,.18);
    --shadow:0 20px 50px rgba(0,0,0,.35);
    --shadow-lg:0 35px 80px rgba(0,0,0,.50);

    --radius-sm:10px;
    --radius:18px;
    --radius-lg:24px;
    --radius-xl:30px;
    --radius-round:999px;

    --transition:.35s ease;
    --container-width:1320px;

}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:var(--bg);

    color:var(--text);

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

    overflow-x:hidden;

    line-height:1.7;

    -webkit-font-smoothing:antialiased;

}
::selection{

    background:var(--primary);

    color:var(--white);

}
::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:var(--surface);

}

::-webkit-scrollbar-thumb{

    background:linear-gradient(
        180deg,
        var(--primary),
        var(--secondary)
    );

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--accent);

}
img{

    max-width:100%;

    display:block;

    height:auto;

}
a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}
ul,
ol{

    list-style:none;

    padding:0;

    margin:0;

}
button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:inherit;

}

.btn{

    border-radius:50px;

    font-weight:600;

    padding:14px 32px;

    transition:var(--transition);

    box-shadow:none;

}

.btn:focus{

    box-shadow:none;

}
h1,
h2,
h3,
h4,
h5,
h6{

    font-family:'Space Grotesk',sans-serif;

    color:var(--white);

    font-weight:700;

    line-height:1.25;

    margin-bottom:16px;

}

p{

    color:var(--muted);

    margin-bottom:18px;

}
section{

    position:relative;

    overflow:hidden;

}

.section-padding{

    padding:120px 0;

}
.container{

    max-width:var(--container-width);

}
.section-title{

    max-width:720px;

    margin:0 auto 70px;

}

.section-title h6{

    color:var(--secondary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:14px;

    font-weight:700;

    margin-bottom:15px;

}

.section-title h2{

    font-size:46px;

    margin-bottom:20px;

}

.section-title p{

    font-size:17px;

    color:var(--muted);

}
.text-gradient{

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary),
        var(--accent)
    );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

}

.shadow{

    box-shadow:var(--shadow);

}

.rounded-card{

    border-radius:var(--radius-lg);

}

.glass{

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(18px);

    border:1px solid var(--border);

}
input:focus,
textarea:focus,
select:focus{

    outline:none;

    box-shadow:none;

}