*{

margin:0;
padding:0;
box-sizing:border-box;

}

body{

    background:#040608;

    color:white;

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

    min-height:100vh;

    overflow-x:hidden;

    overflow-y:auto;

}

.background-grid{

position:fixed;

inset:0;

background:

linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),

linear-gradient(90deg,
rgba(255,255,255,.03) 1px,
transparent 1px);

background-size:60px 60px;

z-index:-3;

}

body::before{

content:"";

position:fixed;

inset:0;

background:

radial-gradient(circle at top right,
rgba(0,255,255,.10),
transparent 35%),

radial-gradient(circle at bottom left,
rgba(124,255,79,.08),
transparent 35%);

z-index:-2;

}

main{

    width:min(900px,90%);

    margin:0 auto;

    padding:120px 0 80px;

    text-align:center;

}

.logo{

width:170px;

margin-bottom:35px;

}

.tag{

display:inline-block;

padding:10px 20px;

border-radius:50px;

border:1px solid rgba(124,255,79,.35);

color:#7dff64;

margin-bottom:30px;

letter-spacing:.08em;

text-transform:uppercase;

font-size:.85rem;

}

h1{

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

font-size:clamp(3rem,7vw,5.5rem);

line-height:1.05;

margin-bottom:30px;

}

.description{

max-width:720px;

margin:auto;

font-size:1.25rem;

line-height:1.9;

color:#9BA6B8;

}

.buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:50px;

flex-wrap:wrap;

}

.primary{

background:#7dff64;

color:black;

padding:16px 34px;

border-radius:999px;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.primary:hover{

transform:translateY(-4px);

}

.secondary{

padding:16px 34px;

border:1px solid #3cdcff;

border-radius:999px;

text-decoration:none;

color:#3cdcff;

transition:.3s;

}

.secondary:hover{

background:#3cdcff;

color:black;

}

.features{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

margin-top:80px;

font-size:1.1rem;

color:#B6C2D2;

}

footer{

margin-top:80px;

color:#6F7B8E;

font-size:.95rem;

line-height:1.8;

}

@media(max-width:768px){

.features{

grid-template-columns:1fr;

}

.buttons{

flex-direction:column;

}

.logo{

width:130px;

}

}