#youtuber-modal{
display:none;
}
#youtuber-modal.show{
display:flex;
}
#youtuber-modal .legal-modal-body{
max-height:calc(85vh - 80px);
overflow-y:auto;
}
.youtuber-modal-header{
background:linear-gradient(135deg,rgba(255,0,0,0.15) 0%,rgba(204,0,0,0.15) 100%);
border-bottom:1px solid rgba(255,0,0,0.3);
padding:20px 24px;
display:flex;
align-items:center;
justify-content:space-between;
position:relative;
}
.youtuber-header-content{
display:flex;
align-items:center;
gap:12px;
flex:1;
}
.youtuber-header-icon{
font-size:24px;
color:#ff0000;
animation:ytPulse 2s ease-in-out infinite;
}
@keyframes ytPulse{
0%,100%{
transform:scale(1);
opacity:1;
}
50%{
transform:scale(1.1);
opacity:0.9;
}
}
.youtuber-modal-header h2{
margin:0;
font-size:18px;
font-weight:600;
color:white;
}
.youtuber-modal-header .legal-modal-close{
position:relative;
top:auto;
right:auto;
width:36px;
height:36px;
background:rgba(255,255,255,0.1);
border:1px solid rgba(255,255,255,0.2);
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.youtuber-modal-header .legal-modal-close svg{
width:18px;
height:18px;
stroke-width:2.5;
}
.youtuber-modal-header .legal-modal-close:hover{
background:rgba(239,68,68,0.2);
border-color:rgba(239,68,68,0.4);
}
.youtuber-modal-header .legal-modal-close:hover svg{
stroke:#ef4444;
}
.yt-section{
margin-bottom:24px;
padding:20px;
background:rgba(255,255,255,0.03);
border-radius:8px;
border:1px solid rgba(255,255,255,0.08);
}
.yt-section-header{
display:flex;
align-items:center;
gap:12px;
margin-bottom:16px;
}
.yt-section-header i{
font-size:20px;
color:#ff0000;
}
.yt-section-header h3{
margin:0;
font-size:16px;
font-weight:600;
color:white;
}
.yt-list{
list-style:none;
padding:0;
margin:0;
}
.yt-list li{
padding:8px 0 8px 28px;
color:rgba(255,255,255,0.85);
font-size:14px;
line-height:1.6;
position:relative;
}
.yt-list li::before{
content:'✓';
position:absolute;
left:0;
color:#ff0000;
font-weight:700;
font-size:16px;
}
.yt-list li strong{
color:#ff0000;
font-weight:600;
}
.yt-subtitle{
color:rgba(255,255,255,0.7);
font-size:14px;
margin:0 0 16px 0;
}
.yt-option{
padding:16px;
background:rgba(255,0,0,0.05);
border-radius:8px;
border-left:3px solid #ff0000;
margin-bottom:12px;
}
.yt-option-badge{
display:inline-block;
padding:4px 12px;
background:rgba(255,0,0,0.2);
color:#ff0000;
border-radius:6px;
font-size:12px;
font-weight:700;
margin-bottom:8px;
}
.yt-option p{
margin:8px 0;
color:rgba(255,255,255,0.85);
font-size:14px;
line-height:1.6;
}
.yt-option strong{
color:#ff0000;
font-weight:600;
}
.yt-requirement{
color:rgba(255,255,255,0.7) !important;
font-size:13px !important;
font-style:italic;
}
.yt-warning{
padding:12px 16px;
background:rgba(239,68,68,0.1);
border-radius:8px;
border-left:3px solid #ef4444;
display:flex;
align-items:flex-start;
gap:12px;
margin-top:16px;
}
.yt-warning i{
font-size:18px;
color:#ef4444;
flex-shrink:0;
margin-top:2px;
}
.yt-warning p{
margin:0;
color:rgba(255,255,255,0.9);
font-size:13px;
line-height:1.6;
}
.yt-special{
padding:16px;
background:rgba(255,215,0,0.05);
border-radius:8px;
border:1px solid rgba(255,215,0,0.2);
}
.yt-special p{
margin:8px 0;
color:rgba(255,255,255,0.85);
font-size:14px;
line-height:1.6;
}
.yt-special strong{
color:#ffd700;
font-weight:600;
}
.yt-bonus{
color:rgba(255,215,0,0.9) !important;
font-weight:500 !important;
}
.yt-apply{
margin-top:24px;
text-align:center;
}
.yt-apply-btn{
display:inline-flex;
align-items:center;
gap:12px;
padding:14px 28px;
background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);
color:white;
border-radius:8px;
font-size:16px;
font-weight:600;
text-decoration:none;
transition:all 0.3s ease;
box-shadow:0 4px 12px rgba(88,101,242,0.3);
}
.yt-apply-btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 16px rgba(88,101,242,0.4);
}
.yt-apply-btn i:first-child{
font-size:20px;
}
.yt-apply-btn i:last-child{
font-size:16px;
}
@media(max-width:640px){
#youtuber-modal.legal-modal-overlay{
padding:0 !important;
align-items:flex-end !important;
}
#youtuber-modal .legal-modal-content{
width:100vw !important;
max-width:none !important;
max-height:none !important;
height:100vh !important;
border-radius:0 !important;
border:none !important;
box-shadow:none !important;
animation:youtuberModalSlideUp 0.3s ease-out !important;
transform:none !important;
left:0 !important;
top:0 !important;
position:fixed !important;
z-index:9999 !important;
}
#youtuber-modal .legal-modal-body{
max-height:calc(100vh - 80px) !important;
overflow-y:auto !important;
}
.youtuber-modal-header{
padding:16px 20px;
}
.youtuber-modal-header h2{
font-size:16px;
}
.youtuber-header-icon{
font-size:20px;
}
.yt-section{
padding:16px;
}
}
@keyframes youtuberModalSlideUp{
from{
transform:translateY(100%);
}
to{
transform:translateY(0);
}
}