/*
Theme Name: Tema Video Viral
*/

body{
background:#ffffff;
font-family:Arial;
margin:0;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 20px;
border-bottom:1px solid #eee;
}

.logo{
font-size:22px;
font-weight:bold;
cursor:pointer;
}

.telegram{
background:#1da1f2;
color:white;
padding:8px 16px;
border-radius:20px;
text-decoration:none;
font-size:14px;
}

.video-box{
max-width:1000px;
width:95%;
margin:10px auto;
text-align:center;
}

.player{
position:relative;
padding-bottom:56.25%;
height:0;
cursor:pointer;
}

.player iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}

.buttons{
margin-top:20px;
}

.btn{
border:none;
padding:10px 20px;
border-radius:20px;
margin:5px;
cursor:pointer;
font-size:14px;
background:#eee;
color:#000;
}

.random{
background:#ffc107;
}

#agePopup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.30);
display:flex;
justify-content:center;
align-items:center;
z-index:999999;
}

.popup-box{
background:#eef3f7;
padding:35px;
border-radius:14px;
text-align:center;
border:3px solid #6bb6e8;
max-width:400px;
width:90%;
box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

.popup-box h1{
font-size:28px;
color:#2c8cc9;
margin-bottom:20px;
}

.age{
font-size:70px;
font-weight:bold;
margin:25px 0 30px;
}

.yes{
background:linear-gradient(#7ed957,#4cc22f);
}

.no{
background:linear-gradient(#ff4b4b,#e12b2b);
}

#telegramPopup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
display:none;
justify-content:center;
align-items:center;
z-index:999999;
}

.popup2-box{
background:#f3f3f3;
padding:35px;
border-radius:25px;
text-align:center;
max-width:400px;
width:90%;
}

.popup2-btn{
background:linear-gradient(90deg,#1e90c8,#0f6c9e);
color:white;
border:none;
padding:14px 30px;
border-radius:40px;
font-size:16px;
cursor:pointer;
}