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

body{
background:#0d1117;
color:#e6edf3;
height:100vh;
overflow:hidden;
display:flex;
justify-content:center;
align-items:center;
}

.gear-wrapper{
position:absolute;
width:400px;
opacity:0.15;
}

.gear{
fill:#fff;
animation:rotate 25s linear infinite;
}

@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

.content{
position:relative;
text-align:center;
z-index:2;
max-width:600px;
}

h1{
font-size:2.7rem;
margin-bottom:15px;
}

p{
color:#ffffff;
line-height:1.6;
margin-bottom:12px;
}

span{
color:#ffffff;
font-size:0.95rem;
}

.reveal{
opacity:0;
transform:translateY(40px);
transition:all 1s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}