* {
margin:0;
padding:0;
box-sizing:border-box;
}

body {
font-family:Arial, sans-serif;
color:white;
height:100vh;
overflow:hidden;
position:relative;
margin:0;
padding:0;
background:linear-gradient(90deg, #B44D19 0%, #B44D19 50%, #8F8B92 50%, #8F8B92 100%);
}

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

.content {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
z-index:1;
background:transparent;
}

.logo img {
width:150px;
height:150px;
border-radius:50%;
object-fit:contain;
margin-bottom:30px;
filter: drop-shadow(0 0 20px rgba(255,255,255,0.3));
}

.text {
font-size:32px;
font-weight:bold;
letter-spacing:4px;
text-shadow:0 0 20px rgba(0,0,0,0.8);
animation:pulse 2s infinite;
background:transparent;
}

@keyframes pulse {
0%, 100% { opacity:1; }
50% { opacity:0.7; }
}

@media (max-width:768px) {
.text {
font-size:24px;
letter-spacing:2px;
}
}