/* CRAZE-X APP DOWNLOAD 1.2.1 */
#craze-app-popup{
position:fixed!important;inset:0!important;z-index:2147483000!important;
display:none;align-items:center;justify-content:center;
width:100vw;height:100vh;padding:16px;box-sizing:border-box;
background:rgba(19,31,45,.58);
backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
font-family:inherit;
}
#craze-app-popup.cad-show{display:flex!important;animation:cadFade .2s ease both}
#craze-app-popup *{box-sizing:border-box}
.cad-card{
position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 32px);
overflow:auto;border-radius:28px;background:#fff;
box-shadow:0 28px 90px rgba(0,0,0,.28);
border:1px solid rgba(255,255,255,.9);
transform:translateY(12px) scale(.97);animation:cadIn .25s ease forwards;
}
.cad-top{
position:relative;text-align:center;padding:30px 28px 22px;
background:linear-gradient(145deg,#f0fbff 0%,#fff 72%);
border-bottom:1px solid #edf3f6;
overflow:hidden;
}
.cad-top:before{
content:"";position:absolute;width:210px;height:210px;right:-110px;top:-130px;
border-radius:50%;background:rgba(41,183,229,.12);
}
.cad-close{
position:absolute;right:14px;top:14px;z-index:5;width:40px;height:40px;
border:1px solid #e1e9ed;border-radius:50%;background:#fff;color:#657984;
font-size:27px;font-weight:300;line-height:36px;text-align:center;padding:0;cursor:pointer;
box-shadow:0 5px 18px rgba(30,70,90,.10);
}
.cad-icon{
width:82px;height:82px;border-radius:23px;object-fit:cover;display:block;
margin:0 auto 16px;background:linear-gradient(135deg,#39bce7,#168fca);
box-shadow:0 12px 28px rgba(25,160,210,.25);
}
.cad-icon-fallback{display:flex;align-items:center;justify-content:center;font-size:42px}
.cad-title{position:relative;margin:0;color:#172b46;font-size:27px;line-height:1.18;font-weight:800}
.cad-text{position:relative;margin:9px auto 0;max-width:330px;color:#71818c;font-size:16px;line-height:1.45}
.cad-body{padding:22px 26px 24px}
.cad-benefits{display:grid;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.cad-benefits li{display:flex;align-items:center;gap:11px;color:#344c5d;font-size:15px;line-height:1.35}
.cad-check{width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#e7f8fd;color:#18a6d5;display:flex;align-items:center;justify-content:center;font-weight:800}
.cad-actions{display:grid;gap:10px}
.cad-btn{
width:100%;min-height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;
gap:9px;padding:12px 16px;text-decoration:none!important;font-size:16px;font-weight:800;
cursor:pointer;border:1px solid transparent;transition:transform .16s ease,box-shadow .16s ease;
}
.cad-btn-main{color:#fff!important;background:linear-gradient(135deg,#27b6e4,#199dce);box-shadow:0 9px 22px rgba(30,166,213,.25)}
.cad-btn-alt{color:#257f9b!important;background:#eef9fc;border-color:#d9edf4}
.cad-btn:hover{transform:translateY(-1px)}
.cad-note{text-align:center;color:#9aa8b0;font-size:12px;margin-top:13px}
@keyframes cadFade{from{opacity:0}to{opacity:1}}
@keyframes cadIn{to{transform:translateY(0) scale(1)}}
@media(max-width:480px){
#craze-app-popup{padding:10px}
.cad-card{width:calc(100vw - 20px);border-radius:24px;max-height:calc(100vh - 20px)}
.cad-top{padding:27px 20px 20px}.cad-body{padding:19px 20px 21px}
.cad-title{font-size:24px}.cad-text{font-size:15px}
.cad-icon{width:72px;height:72px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){#craze-app-popup.cad-show,.cad-card{animation:none}}