/* ===========================================================
LARGETON V3
Global Design System
=========================================================== */

:root{

    --bg:#050816;
    --surface:#0B1223;
    --surface-2:#101A30;

    --primary:#3B82F6;
    --primary-light:#60A5FA;

    --white:#FFFFFF;

    --text:#E5E7EB;
    --muted:#94A3B8;

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

    --container:1320px;

    --radius:18px;

    --transition:.35s ease;

}

/* Reset */

*{
    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;

    -webkit-font-smoothing:antialiased;

}

img{
    display:block;
    max-width:100%;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

.container{

    width:min(92%,1320px);

    margin:auto;

}

/* Typography */

h1{

    font-size:78px;

    line-height:1;

    font-weight:800;

    letter-spacing:-2px;

}

h2{

    font-size:52px;

    line-height:1.05;

    font-weight:800;

}

h3{

    font-size:34px;

}

p{

    font-size:18px;

    color:var(--muted);

    line-height:1.8;

}

/* Sections */

section{

    padding:120px 0;

}

/* Button */

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

border-radius:14px;

background:linear-gradient(135deg,#2563EB,#3B82F6);

color:#fff;

font-weight:700;

transition:var(--transition);

}

.btn:hover{

transform:translateY(-3px);

box-shadow:0 20px 60px rgba(37,99,235,.35);

}

/* Glass Header */

.site-header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:1000;

backdrop-filter:blur(20px);

background:rgba(5,8,22,.75);

border-bottom:1px solid rgba(255,255,255,.05);

}

.site-header .container{

height:84px;

display:flex;

justify-content:space-between;

align-items:center;

}

.main-nav ul{

display:flex;

gap:36px;

}

.main-nav a{

font-weight:600;

color:#CBD5E1;

transition:.3s;

}

.main-nav a:hover{

color:#fff;

}

.header-btn{

padding:14px 26px;

border-radius:12px;

background:#2563EB;

font-weight:700;

color:#fff;

}

/* Footer */

.site-footer{

background:#020617;

padding:80px 0 30px;

border-top:1px solid rgba(255,255,255,.05);

}

.footer-bottom{

margin-top:60px;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.08);

text-align:center;

}

/* Responsive */

@media(max-width:992px){

h1{

font-size:52px;

}

h2{

font-size:40px;

}

.main-nav{

display:none;

}

}

@media(max-width:768px){

section{

padding:80px 0;

}

.container{

width:min(94%,1320px);

}

}