#exscf_form,
.eks-construct-form {
    background:#fff;
    padding:40px 30px;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
    animation:fadeIn .5s ease-out;
}
#exscf_form h2, .eks-construct-form h2{
    font-size:1.75rem;margin-bottom:.8rem;color:#111;
}


#exscf_form input[type="text"],
#exscf_form input[type="email"],
#exscf_form input[type="tel"],
#exscf_form select,
#exscf_form textarea{
    width:100%;
    padding:.7rem .9rem;
    border:1px solid #cbd5e0 !important;
    border-radius:6px;
    background:#fafafa !important;
    font-size:15px;color:#111;
    transition:border-color .2s,box-shadow .2s;
}
#exscf_form input[type="text"]:hover,
#exscf_form input[type="email"]:hover,
#exscf_form input[type="tel"]:hover,
#exscf_form select:hover,
#exscf_form textarea:hover{
    box-shadow:0 0 4px rgba(59,130,246,.05);
}
#exscf_form input[type="text"]:focus,
#exscf_form input[type="email"]:focus,
#exscf_form input[type="tel"]:focus,
#exscf_form select:focus,
#exscf_form textarea:focus{
    border-color:#2563eb !important;
    box-shadow:0 0 0 4px rgba(59,130,246,.1);
}


input[type="range"]{
    width:100%;height:4px;margin-top:.5rem;background:#e5e7eb;border-radius:2px;appearance:none;
}
input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;width:18px;height:18px;border-radius:50%;
    background:#2563eb;cursor:pointer;margin-top:-8px;
    transition:background .15s,transform .15s;
}
input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#2563eb;}
input[type="range"]:hover::-webkit-slider-thumb{background:#1d4ed8;transform:scale(1.1);}
input[type="range"]:focus::-webkit-slider-thumb{background:#1d4ed8;}


#areaVal{
    font-size:14px;color:#64748b;margin-left:.4rem;
    vertical-align:middle;display:inline-block;
}


.card-group{
    display:flex;flex-wrap:wrap;gap:12px;margin-top:.8rem;
}
.eks-card{
    flex:1 1 calc(33.333% - 8px);
    padding:14px 6px;text-align:center;border-radius:10px;background:#f3f4f6;font-weight:500;cursor:pointer;
    transition:background .2s,border-color .2s,transform .15s;
}
.eks-card input{display:none;}
.eks-card.selected{
    background:#e0f2fe;border:1px solid #2563eb;transform:scale(1.05);
}
.eks-card:hover{background:#e8f5ff;}


.progress-bar{
    height:6px;width:0%;background:#2563eb;
    transition:width .4s cubic-bezier(.17,.67,.83,.67);
}
.eks-progress{margin-top:18px;background:#e2e8f0;border-radius:3px;overflow:hidden;}


.eks-nav{
    display:flex;gap:12px;margin-top:20px;
}
.eks-nav button{
    flex:1 0 auto;padding:.7rem 1.4rem;border:none;background:#2563eb;color:white;font-weight:600;border-radius:6px;
    cursor:pointer;transition:background .2s,transform .15s;
}
.eks-nav button:hover{background:#1d4ed8;transform:translateY(-2px);}
.eks-nav button[disabled]{background:#94a3b8;cursor:not-allowed;}


.eks-gdpr{
    margin-top:.9rem;font-size:13px;
}
.eks-gdpr input{margin-right:6px;}


@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }


@media (max-width:768px){
    .eks-card{flex:1 1 calc(50% - 6px);}
}
@media (max-width:480px){
    #exscf_form{padding:30px 20px;}
    .eks-nav button{font-size:.9rem;padding:.6rem 1.2rem;}
}