body{

background:
linear-gradient(rgba(0,0,0,0.82),rgba(0,0,0,0.88));

background-size:cover;
background-position:center;
background-attachment:fixed;

color:white;
font-family:Arial,sans-serif;

margin:0;
padding:0;

text-align:center;

}

.container{

max-width:1000px;

margin:auto;

padding:70px 22px;

}

h1{

color:#d4af37;

font-size:3rem;

letter-spacing:3px;

margin-bottom:25px;

}

.subtitle{

max-width:800px;

margin:0 auto 70px auto;

color:#bfbfbf;

line-height:1.8;

}

.timeline{

margin-top:40px;

}

.phase{

background:rgba(10,10,10,0.65);

border:1px solid rgba(212,175,55,0.18);

border-radius:28px;

padding:35px 25px;

margin-bottom:35px;

backdrop-filter:blur(16px);

box-shadow:
0 0 25px rgba(212,175,55,0.08),
inset 0 0 18px rgba(255,255,255,0.02);

}

.phase h2{

color:#d4af37;

letter-spacing:2px;

margin-bottom:30px;

}

.phase h3{

color:#ffffff;

margin-top:30px;

margin-bottom:12px;

font-size:1.25rem;

}

.phase p{

color:#cfcfcf;

line-height:1.8;

}

.status-complete{

color:#58d68d;

font-weight:bold;

}

.status-progress{

color:#f4d03f;

font-weight:bold;

}

.status-future{

color:#85c1e9;

font-weight:bold;

}

.gold-button{

display:inline-block;

margin-top:50px;

padding:18px 40px;

border:1px solid #d4af37;

border-radius:50px;

color:#d4af37;

text-decoration:none;

letter-spacing:2px;

transition:0.3s;

}

.gold-button:hover{

background:#d4af37;

color:black;

box-shadow:0 0 25px rgba(212,175,55,0.45);

}