
:root{
    --nc-indica-green:#0B6B3A;
    --nc-indica-lime:#8BD229;
    --nc-indica-navy:#073A72;
    --nc-indica-ink:#17324d;
}
.nc-indica-install-modal[hidden],
.nc-indica-modal[hidden]{display:none!important}

.nc-indica-install-modal,
.nc-indica-modal{
    position:fixed;
    inset:0;
    z-index:9999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(3,25,20,.62);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    font-family:Arial,Helvetica,sans-serif;
}

.nc-indica-install-card{
    position:relative;
    width:min(100%,440px);
    background:linear-gradient(180deg,#ffffff 0%,#f4fbf6 100%);
    border-radius:28px;
    box-shadow:0 28px 80px rgba(0,0,0,.32);
    padding:30px 24px 24px;
    text-align:center;
    border:1px solid rgba(11,107,58,.12);
    overflow:hidden;
}
.nc-indica-install-card:before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;
    height:8px;
    background:linear-gradient(90deg,var(--nc-indica-green),var(--nc-indica-lime));
}
.nc-indica-close,
.nc-indica-modal-close{
    position:absolute;
    right:14px;
    top:12px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#eef4f0;
    color:#587064;
    font-size:26px;
    line-height:1;
    cursor:pointer;
}
.nc-indica-icon{
    width:92px;
    height:92px;
    border-radius:24px;
    object-fit:cover;
    box-shadow:0 10px 30px rgba(11,107,58,.18);
    margin:8px auto 12px;
}
.nc-indica-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#e7f6ec;
    color:var(--nc-indica-green);
    font-size:12px;
    letter-spacing:1.6px;
    font-weight:800;
    border-radius:99px;
    padding:7px 12px;
    margin-bottom:12px;
}
.nc-indica-install-card h3{
    margin:0;
    color:var(--nc-indica-ink);
    font-size:26px;
    line-height:1.15;
}
.nc-indica-user{
    display:block;
    margin-top:6px;
    color:var(--nc-indica-green);
    font-size:16px;
    font-weight:700;
}
.nc-indica-install-card > p{
    color:#557063;
    font-size:15px;
    line-height:1.5;
    margin:13px 2px 16px;
}
.nc-indica-benefits{
    display:grid;
    gap:8px;
    padding:14px;
    margin:0 0 18px;
    border-radius:18px;
    background:#fff;
    border:1px solid #dfece3;
    text-align:left;
    color:#315845;
    font-size:14px;
}
.nc-indica-btn,
.nc-indica-shortcode-btn{
    width:100%;
    border:0;
    border-radius:15px;
    padding:15px 18px;
    background:linear-gradient(135deg,var(--nc-indica-green),#159852);
    color:#fff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(11,107,58,.22);
}
.nc-indica-later{
    margin-top:9px;
    border:0;
    background:transparent;
    color:#6d8177;
    padding:10px;
    cursor:pointer;
    font-weight:600;
}
.nc-indica-ios-card{
    position:relative;
    width:min(100%,430px);
    background:#fff;
    border-radius:26px;
    padding:28px 24px;
    box-shadow:0 28px 80px rgba(0,0,0,.32);
    color:var(--nc-indica-ink);
}
.nc-indica-ios-icon{
    width:62px;height:62px;
    border-radius:18px;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;
    background:#eaf7ef;
    color:var(--nc-indica-green);
    font-size:34px;
    font-weight:800;
}
.nc-indica-ios-card h3{
    margin:0 35px 8px 0;
    font-size:24px;
}
.nc-indica-ios-card p,
.nc-indica-ios-card li{
    font-size:15px;
    line-height:1.5;
}
.nc-indica-ios-card ol{
    padding-left:22px;
}
.nc-indica-ios-final{
    background:#f0f8f3;
    border-radius:14px;
    padding:12px;
}
.nc-indica-shortcode-btn{
    display:inline-flex;
    width:auto;
    min-width:240px;
    align-items:center;
    justify-content:center;
}

@media(max-width:480px){
    .nc-indica-install-modal,
    .nc-indica-modal{
        padding:14px;
        align-items:flex-end;
    }
    .nc-indica-install-card,
    .nc-indica-ios-card{
        width:100%;
        border-radius:26px 26px 20px 20px;
    }
    .nc-indica-install-card h3{font-size:23px}
}
