#sk-bilincalti-test{
    --mor:#5F4939;
    --mor2:#856A54;
    --turkuaz:#A98D73;
    --yesil:#856A54;
    --turuncu:#B89A7B;
    --koyu:#22201E;
    --gri:#706B66;
    --acik:#FAF8F4;
    --beyaz:#FFFFFF;

    font-family:Arial,Helvetica,sans-serif;
    color:var(--koyu);
    max-width:1050px;
    margin:40px auto;
    padding:20px;
}

#sk-bilincalti-test *{
    box-sizing:border-box;
}

/* HERO */

.sk-hero{
    background:linear-gradient(135deg,var(--mor),var(--turkuaz));
    color:#fff;
    border-radius:28px;
    padding:65px 35px;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.sk-hero:before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    top:-120px;
    right:-70px;
}

.sk-hero:after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    bottom:-100px;
    left:-50px;
}

.sk-badge{
    display:inline-block;
    padding:8px 18px;
    border:1px solid rgba(255,255,255,.5);
    border-radius:50px;
    font-size:13px;
    letter-spacing:1px;
    margin-bottom:18px;
}

.sk-hero h1{
    color:#fff !important;
    font-size:clamp(32px,5vw,58px);
    line-height:1.08;
    margin:0 0 18px;
    font-weight:700;
}

.sk-hero h2{
    color:#fff !important;
    font-size:25px;
    margin:0 0 18px;
}

.sk-hero p{
    max-width:700px;
    margin:0 auto 30px;
    color:#fff;
    font-size:18px;
    line-height:1.7;
}

/* BUTTON */

.sk-main-btn{
    border:0;
    background:#fff;
    color:var(--mor);
    padding:16px 32px;
    border-radius:50px;
    font-size:16px;
    font-weight:bold;
    cursor:pointer;
    transition:.25s;
}

.sk-main-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

/* TEST CARD */

.sk-test-card{
    display:none;
    background:#fff;
    margin-top:25px;
    padding:35px;
    border-radius:24px;
    box-shadow:0 10px 35px rgba(55,35,70,.09);
    border:1px solid #eee8f1;
}

.sk-test-top{
    display:flex;
    justify-content:space-between;
    font-size:14px;
    color:var(--gri);
    margin-bottom:12px;
}

.sk-progress{
    width:100%;
    height:8px;
    background:#eee;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:35px;
}

.sk-progress-bar{
    width:0%;
    height:100%;
    background:var(--turkuaz);
    transition:.35s;
}

.sk-question{
    font-size:26px;
    line-height:1.4;
    margin-bottom:25px;
    font-weight:700;
}

.sk-answers{
    display:grid;
    gap:12px;
}

.sk-answer{
    width:100%;
    padding:17px 20px;
    border:1px solid #ddd6e2;
    border-radius:14px;
    background:#fff;
    color:var(--koyu);
    text-align:left;
    font-size:16px;
    cursor:pointer;
    transition:.2s;
}

.sk-answer:hover{
    border-color:var(--turkuaz);
    background:#f2fbfa;
    transform:translateX(3px);
}

.sk-back{
    border:0;
    background:none;
    color:var(--gri);
    margin-top:20px;
    cursor:pointer;
    display:none;
}

/* RESULT */

.sk-result{
    display:none;
    margin-top:25px;
}

.sk-result-card{
    padding:45px 35px;
    border-radius:25px;
    text-align:center;
    background:var(--acik);
}

.sk-result-icon{
    font-size:42px;
    margin-bottom:10px;
}

.sk-result-card h2{
    color:var(--mor);
    font-size:34px;
    margin:10px 0 20px;
}

.sk-result-card p{
    max-width:720px;
    margin:0 auto 18px;
    line-height:1.75;
    font-size:17px;
}

.sk-result-question{
    margin:30px auto;
    max-width:650px;
    padding:20px;
    background:#fff;
    border-radius:15px;
    border-left:4px solid var(--turkuaz);
    font-weight:bold;
}

.sk-result-buttons{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin-top:30px;
}

.sk-result-btn{
    padding:24px 18px;
    border-radius:18px;
    text-decoration:none !important;
    color:#fff !important;
    font-weight:bold;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:145px;
    transition:.25s;
}

.sk-result-btn:hover{
    transform:translateY(-4px);
}

.sk-result-btn span{
    display:block;
    font-size:18px;
    margin-bottom:10px;
}

.sk-result-btn small{
    font-weight:normal;
    line-height:1.5;
}

.sk-btn-self{
    background:var(--mor);
}

.sk-btn-relation{
    background:var(--turkuaz);
}

.sk-btn-money{
    background:var(--yesil);
}

.sk-disclaimer{
    margin-top:25px;
    font-size:13px;
    color:var(--gri);
    line-height:1.6;
}

/* MOBILE */

@media(max-width:700px){

    #sk-bilincalti-test{
        padding:10px;
        margin:20px auto;
    }

    .sk-hero{
        padding:45px 22px;
        border-radius:22px;
    }

    .sk-hero h1{
        font-size:36px;
    }

    .sk-hero h2{
        font-size:21px;
    }

    .sk-hero p{
        font-size:16px;
    }

    .sk-test-card{
        padding:22px;
    }

    .sk-question{
        font-size:21px;
    }

    .sk-answer{
        padding:15px;
        font-size:15px;
    }

    .sk-result-buttons{
        grid-template-columns:1fr;
    }

    .sk-result-card{
        padding:35px 20px;
    }

    .sk-result-card h2{
        font-size:28px;
    }
}

.sk-email-box{
    max-width:760px;margin:30px auto 10px;padding:28px;background:#fff;border:1px solid #eee8f1;border-radius:18px;text-align:left;
}
.sk-email-box h3{margin:0 0 8px;color:var(--mor);font-size:24px}
.sk-email-box>p{margin:0 0 20px;color:var(--gri)}
.sk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:16px}
.sk-form-grid label span{display:block;font-size:14px;font-weight:700;margin-bottom:7px}
.sk-form-grid input{width:100%;padding:14px 15px;border:1px solid #ddd6e2;border-radius:12px;font-size:16px}
.sk-form-grid input:focus{outline:2px solid rgba(53,184,176,.25);border-color:var(--turkuaz)}
.sk-consent{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:13px;line-height:1.55;color:var(--gri)}
.sk-consent input{margin-top:3px;min-width:17px;min-height:17px}
.sk-consent a{color:var(--mor)}
.sk-consent-optional{background:#faf8fb;border-radius:12px;padding:12px}
.sk-send-result{margin-top:8px;background:var(--mor);color:#fff}
.sk-form-status{margin-top:12px;font-size:14px;font-weight:700;min-height:20px}
.sk-form-status.is-success{color:#477b3f}.sk-form-status.is-error{color:#b33a3a}
@media(max-width:700px){.sk-form-grid{grid-template-columns:1fr}.sk-email-box{padding:20px}}


/* V5.1 premium identity alignment */
#sk-bilincalti-test{font-family:inherit;color:#22201E}
#sk-bilincalti-test .sk-hero{background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.20),transparent 26%),linear-gradient(135deg,#5F4939,#856A54)}
#sk-bilincalti-test .sk-main-btn{background:#fff;color:#5F4939;border:1px solid rgba(255,255,255,.7)}
#sk-bilincalti-test .sk-test-card,#sk-bilincalti-test .sk-email-box{background:#fff;border-color:#E7E0D8;box-shadow:0 14px 38px rgba(34,32,30,.08)}
#sk-bilincalti-test .sk-progress{background:#EEE8E1}
#sk-bilincalti-test .sk-progress-bar{background:#856A54}
#sk-bilincalti-test .sk-answer{border-color:#E7E0D8;color:#22201E}
#sk-bilincalti-test .sk-answer:hover{border-color:#856A54;background:#FAF8F4}
#sk-bilincalti-test .sk-result-card{background:#F2ECE5}
#sk-bilincalti-test .sk-result-card h2{color:#5F4939}
#sk-bilincalti-test .sk-result-question{border-left-color:#856A54}
#sk-bilincalti-test .sk-btn-self{background:#5F4939}
#sk-bilincalti-test .sk-btn-relation{background:#856A54}
#sk-bilincalti-test .sk-btn-money{background:#A98D73}
#sk-bilincalti-test .sk-send-result{background:#5F4939;color:#fff}
#sk-bilincalti-test .sk-form-grid input:focus{outline:2px solid rgba(133,106,84,.18);border-color:#856A54}
#sk-bilincalti-test .sk-consent a{color:#5F4939}

.sk-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}