:root{

    --bg:#050816;

    --card:#0f172a;

    --primary:#3b82f6;

    --secondary:#8b5cf6;

    --text:#ffffff;

    --muted:#94a3b8;

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

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    background:var(--bg);

    color:var(--text);

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

    overflow-x:hidden;

}

a{

    text-decoration:none;

}

main{

    min-height:100vh;

}

body::before{

    content:"";

    position:fixed;

    width:700px;

    height:700px;

    left:-300px;

    top:-250px;

    background:#3b82f6;

    opacity:.12;

    filter:blur(220px);

    z-index:-1;

}

body::after{

    content:"";

    position:fixed;

    width:700px;

    height:700px;

    right:-300px;

    bottom:-250px;

    background:#8b5cf6;

    opacity:.12;

    filter:blur(220px);

    z-index:-1;

}

.section{

    max-width:1400px;

    margin:auto;

    padding:120px 30px;

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title h2{

    font-size:3rem;

    margin-bottom:15px;

}

.section-title p{

    color:var(--muted);

    max-width:700px;

    margin:auto;

    line-height:1.8;

}

.container{
    max-width:1400px;
    margin:auto;
    padding:0 30px;
}