:root{--bg1:#071029;--bg2:#0b2b3b;--accent:#7bd389}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#e6f0f2;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}
.wrap{max-width:880px;padding:48px;border-radius:12px;text-align:center}
.hero h1{font-size:2.4rem;margin:0 0 8px}
.roles{color:#bcd5da;margin:0 0 18px}
.coming{font-size:1.6rem;margin:12px 0;color:var(--accent)}
.lead{max-width:720px;margin:0 auto 18px;color:#dff3f7}
.list{list-style: none;padding:0;margin:18px 0}
.list li{margin:8px 0;color:#cfe9ee}
.links{margin-top:20px}
.link{display:inline-block;margin:6px 8px;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,0.06);color:#e6f0f2;text-decoration:none}
.link:hover{background:rgba(255,255,255,0.09)}
.foot{margin-top:28px;color:#9fb7bd;font-size:0.9rem}
@media (max-width:600px){.wrap{padding:28px}.hero h1{font-size:1.8rem}.coming{font-size:1.25rem}}