*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:linear-gradient(180deg,#0b1020,#1b0d18,#0b1020);
    overflow-x:hidden;
    color:white;
}

/* Loading */

#loading{
position:fixed;
inset:0;
background:#090b14;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
z-index:9999;
transition:1s;
}

.loader{
width:70px;
height:70px;
border:6px solid rgba(255,255,255,.2);
border-top:6px solid #ff4f81;
border-radius:50%;
animation:spin 1s linear infinite;
margin-bottom:20px;
}

@keyframes spin{
100%{
transform:rotate(360deg);
}
}

/* Background */

#flowers{
position:fixed;
inset:0;
pointer-events:none;
overflow:hidden;
z-index:-1;
}

.rose{
position:absolute;
font-size:24px;
animation:fall linear forwards;
}

@keyframes fall{

0%{
transform:translateY(-100px) rotate(0deg);
opacity:0;
}

15%{
opacity:1;
}

100%{
transform:translateY(110vh) rotate(360deg);
opacity:0;
}

}

/* Hero */

.hero{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
padding:20px;
}

.glass{

width:850px;
max-width:92%;
padding:60px;
text-align:center;

background:rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border-radius:25px;

border:1px solid rgba(255,255,255,.15);

box-shadow:0 0 40px rgba(255,255,255,.08);

}

#title{

font-size:58px;
margin-bottom:20px;

}

#typing{

font-size:20px;

line-height:36px;

min-height:120px;

color:#ddd;

}

button{

margin-top:35px;

padding:16px 45px;

border:none;

background:#ff4f81;

color:white;

font-size:18px;

border-radius:50px;

cursor:pointer;

transition:.4s;

}

button:hover{

transform:translateY(-5px);

box-shadow:0 0 25px #ff4f81;

}

/* Message */

.message{

padding:120px 10%;

text-align:center;

}

.message h2{

font-size:45px;

margin-bottom:30px;

}

.message p{

font-size:22px;

line-height:40px;

max-width:900px;

margin:auto;

color:#ddd;

}

/* Mobile */

@media(max-width:768px){

#title{

font-size:38px;

}

#typing{

font-size:17px;

line-height:30px;

}

.glass{

padding:35px;

}

.message h2{

font-size:32px;

}

.message p{

font-size:18px;

line-height:32px;

}

}