:root{
--kk-bg:#FAF7F2;
--kk-fg:#3D2E1F;
--kk-card:#FFFFFF;
--kk-gold:#C8A97E;
--kk-gold-dark:#9B7B4F;
--kk-gold-light:#E8C98A;
--kk-muted:#7C6A55;
--kk-grad-gold: linear-gradient(135deg,#E8C98A 0%,#C8A97E 50%,#9B7B4F 100%);
}

#kk-overlay{
position:fixed; inset:0;
background:rgba(0,0,0,.5);
display:flex; align-items:center; justify-content:center;
z-index:9999;
direction:rtl;
font-family:'Tajawal',sans-serif;
}

.kk-modal{
background:var(--kk-card);
color:var(--kk-fg);
padding:30px;
border-radius:20px;
max-width:420px;
width:90%;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,.2);
}

.kk-icon{
font-size:60px;
margin-bottom:15px;
}

h2{
font-family:'Amiri',serif;
margin-bottom:10px;
color:var(--kk-gold-dark);
}

p{
color:var(--kk-muted);
margin-bottom:20px;
}

.kk-check{
display:block;
text-align:right;
margin:10px 0;
color:var(--kk-fg);
}

.kk-check input{
margin-left:10px;
}

button{
margin-top:20px;
width:100%;
padding:12px;
border:none;
border-radius:12px;
background:var(--kk-grad-gold);
color:#fff;
font-size:16px;
cursor:pointer;
opacity:.5;
}

button.active{
opacity:1;
}

@media(max-width:500px){
.kk-modal{padding:20px;}
}