body{

background:var(--bg);
color:var(--text);

height:100vh;

overflow:hidden;

}

.background-glow{

position:fixed;

width:800px;
height:800px;

background:radial-gradient(
circle,
rgba(124,92,255,0.3),
transparent 70%
);

filter:blur(120px);

top:-200px;
left:-200px;

z-index:-1;

}

.navbar{

display:flex;
justify-content:space-between;
align-items:center;

padding:30px 60px;

}

.logo{

font-size:28px;
font-weight:700;

}

.launch-btn{

background:var(--glass);

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

padding:14px 24px;

border-radius:16px;

color:white;

cursor:pointer;

backdrop-filter:blur(20px);

}

.hero{

display:flex;
flex-direction:column;

justify-content:center;
align-items:center;

height:80vh;

text-align:center;

}

.hero h1{

font-size:90px;
max-width:900px;

line-height:1;

margin-bottom:20px;

}

.hero p{

font-size:22px;
color:var(--muted);

margin-bottom:40px;

}

.hero-button{

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

border:none;

padding:18px 40px;

border-radius:18px;

font-size:18px;

color:white;

cursor:pointer;

}