body,html{
    margin:0; padding:0; overflow:hidden;
    font-family:Courier New, monospace;
    color:#f6ff3f; text-align:center;
}

#bgvid{position:fixed; top:0; left:0; width:100vw; height:100vh; object-fit:cover; z-index:-1;}

.center{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.logo{width:180px; margin-bottom:20px;}
h1{font-size:36px; letter-spacing:2px; text-shadow:0 0 12px #f6ff3f;}
.tagline{margin-top:-10px; margin-bottom:25px;}
.buttons{display:flex; gap:20px; justify-content:center;}
.btn{padding:12px 24px; border:2px solid #f6ff3f; text-decoration:none; color:#f6ff3f; transition:0.2s;}
.btn:hover{background:#f6ff3f; color:#000;}

.click-gate{position:fixed; inset:0; background:black; display:flex; align-items:center; justify-content:center; z-index:999999; transition:opacity 0.3s;}
.gate-box{text-align:center; color:#f6ff3f;}
.gate-logo{width:160px; margin-bottom:20px;}

.manifesto-modal{position:fixed; inset:0; background:rgba(0,0,0,0.85); display:none; align-items:center; justify-content:center; z-index:999998;}
.manifesto-box{position:relative; width:90%; max-width:900px; max-height:80vh; background:#000; border:2px solid #f6ff3f; padding:20px; color:#f6ff3f;}
.manifesto-scroll{overflow-y:auto; max-height:70vh;}
.manifesto-img{width:100%; height:auto;}
.close-btn{position:absolute; top:12px; right:12px; background:#f6ff3f; color:#000; border:none; padding:6px 10px; cursor:pointer; font-weight:bold; font-size:14px;}