*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial}
body{overflow:hidden;color:#eaeaea}
#background{position:fixed;inset:0;background-size:cover;background-position:center;transition:opacity 2s ease;z-index:-3}
.overlay{position:fixed;inset:0;background:linear-gradient(to bottom,rgba(5,8,15,.9),rgba(5,8,15,.7));z-index:-2}
.grain{position:fixed;inset:0;background:url('grain.png');opacity:.08;z-index:-1;pointer-events:none}
.content{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);text-align:center}
.logo{width:180px;margin-bottom:20px}
.line{width:60px;height:2px;background:#3aaaff;margin:0 auto 15px}
.server{font-size:28px;letter-spacing:3px}
.desc{font-size:13px;opacity:.6;margin-bottom:25px}
.progress{width:300px;height:4px;background:rgba(255,255,255,.15);margin:0 auto 10px;overflow:hidden}
.bar{width:0%;height:100%;background:linear-gradient(90deg,#2f80ed,#56ccf2);transition:width .3s ease}
.status{font-size:12px;opacity:.55}
.percent{font-size:11px;opacity:.4;margin-top:3px}
#mute{margin-top:10px;background:none;border:1px solid rgba(255,255,255,.2);color:#aaa;padding:4px 8px;font-size:11px;cursor:pointer}