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

body{
color:white;
height:100vh;
overflow-x:hidden;
background:#05070d;
}

.login{
position:absolute;
top:25px;
right:40px;
}

.login-btn{
padding:10px 18px;
border-radius:12px;
background:rgba(255,255,255,0.08);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.2);
text-decoration:none;
color:white;
font-size:14px;
transition:0.3s;
}

.login-btn:hover{
background:rgba(255,255,255,0.15);
transform:translateY(-2px);
}


.background{
position:fixed;
width:100%;
height:100%;
background:
radial-gradient(circle at 20% 30%, #4f46e5, transparent 40%),
radial-gradient(circle at 80% 70%, #06b6d4, transparent 40%),
radial-gradient(circle at 50% 80%, #9333ea, transparent 40%);
filter: blur(100px);
z-index:-1;
}

.header{

position:absolute;
top:30px;
left:0;
width:100%;

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

padding:0 60px;

}

.logo{

font-size:28px;
font-weight:600;
letter-spacing:3px;
opacity:.8;

}

.login-btn{

padding:12px 22px;

}

.logo{
font-size:28px;
font-weight:600;
letter-spacing:3px;
opacity:.8;
}

.hero{
height:80vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;
}

.hero h1{
font-size:52px;
margin-bottom:20px;
font-weight:600;
}

.hero p{
font-size:18px;
opacity:.7;
margin-bottom:40px;
}

.buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
justify-content:center;
}

.btn{
padding:14px 30px;
border-radius:14px;
background:rgba(255,255,255,0.08);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.2);
text-decoration:none;
color:white;
transition:0.3s;
}

.btn:hover{
background:rgba(255,255,255,0.15);
transform:translateY(-3px);
}

.notify{
padding:80px 20px;
text-align:center;
}

.notify h2{
font-size:32px;
margin-bottom:10px;
}

.notify p{
opacity:.7;
margin-bottom:20px;
}

.notify input{
padding:14px;
border-radius:10px;
border:none;
margin-right:10px;
width:250px;
}

.notify button{
padding:14px 22px;
border:none;
border-radius:10px;
background:#6366f1;
color:white;
cursor:pointer;
}

footer{
text-align:center;
padding:40px;
opacity:.5;
font-size:14px;
}