body{
    background:#0f172a;
    color:white;
    font-family:Arial;
    text-align:center;
}

.container{
    width:80%;
    margin:auto;
    padding:40px;
}

.logo{
    width:250px;
    margin-top:20px;
}

.buttons a{
    background:#d4af37;
    color:black;
    padding:12px 20px;
    margin:10px;
    text-decoration:none;
    border-radius:10px;
    font-weight:bold;
}

.section{
    margin-top:50px;
    background:#111827;
    padding:25px;
    border-radius:15px;
}

.whitepaper-btn{
    background:#d4af37;
    color:black;
    padding:12px 20px;
    text-decoration:none;
    border-radius:10px;
    font-weight:bold;
}

```css
.roadmap-box{
    background: rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:20px;
    padding:20px;
    margin:20px auto;
    width:80%;
    backdrop-filter: blur(10px);
    box-shadow:0 0 20px rgba(255,215,0,0.2);
    transition:0.3s;
}

.roadmap-box:hover{
    transform:scale(1.03);
    box-shadow:0 0 30px rgba(255,215,0,0.5);
}

.roadmap-box h3{
    color:#ffd700;
    margin-bottom:15px;
}
```