#teklif{scroll-margin-top:6rem}
.tcq-card{position:relative;overflow:hidden;border:1px solid rgba(11,38,71,.08);border-radius:22px;box-shadow:0 26px 54px -32px rgba(11,38,71,.4)}
.tcq-card::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:4px;background:linear-gradient(90deg,var(--nl-sky, var(--c-primary)),var(--nl-sky, var(--c-primary)),var(--nl-sky-2, var(--c-primary)))}
.tcq-card h2{color:#0b2647;font-weight:800;letter-spacing:-.02em}
.tcq-kicker{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .75rem;border-radius:999px;background:#e6f4fc;color:var(--nl-sky, var(--c-primary));font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tcq-kicker i{inline-size:.45rem;block-size:.45rem;border-radius:50%;background:var(--nl-sky-2, var(--c-primary));box-shadow:0 0 0 4px rgba(14,165,233,.2)}

.tcq-services{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.6rem;border:0;margin:0;padding:0}
.tcq-services label,.tcq-when label{position:relative;cursor:pointer;margin:0}
.tcq-services input,.tcq-when input{position:absolute;opacity:0;pointer-events:none}
.tcq-services span{display:flex;align-items:center;gap:.6rem;block-size:100%;padding:.7rem .8rem;border:1px solid var(--c-border);border-radius:14px;background:#fff;color:#0b2647;font-size:.86rem;font-weight:700;line-height:1.25;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
.tcq-services span i{flex:0 0 2rem;display:inline-flex;align-items:center;justify-content:center;block-size:2rem;border-radius:10px;background:#e6f4fc;color:var(--nl-sky, var(--c-primary));font-size:1rem;transition:background .2s,color .2s}
.tcq-services label:hover span{border-color:#a9d6f2;transform:translateY(-1px)}
.tcq-services input:checked+span{border-color:var(--nl-sky, var(--c-primary));background:linear-gradient(180deg,#f2f8fd,#fff);box-shadow:0 0 0 3px rgba(11,124,192,.18),0 12px 24px -16px rgba(11,124,192,.7)}
.tcq-services input:checked+span i{background:linear-gradient(135deg,var(--nl-sky, var(--c-primary)),var(--nl-sky, var(--c-primary)));color:#fff}
.tcq-services input:focus-visible+span,.tcq-when input:focus-visible+span{outline:2px solid var(--nl-sky, var(--c-primary));outline-offset:2px}

.tcq-fields:has(> :not(.d-none)){padding:1rem;margin-inline:0;border-radius:16px;background:var(--c-bg);border:1px dashed #d3e7f5}
.tcq-fields:not(:has(> :not(.d-none))){display:none}
.tcq-when{display:flex;flex-wrap:wrap;gap:.5rem}
.tcq-when span{display:inline-block;padding:.45rem .95rem;border:1px solid var(--c-border);border-radius:999px;background:#fff;color:#0b2647;font-size:.84rem;font-weight:600;transition:all .2s}
.tcq-when input:checked+span{border-color:transparent;background:linear-gradient(135deg,var(--nl-sky, var(--c-primary)),var(--nl-sky, var(--c-primary)));color:#fff;box-shadow:0 8px 18px -10px rgba(11,124,192,.9)}

.tcq-card .form-control,.tcq-card .form-select{border-radius:12px;border-color:var(--c-border);padding-block:.6rem}
.tcq-card .form-control:focus,.tcq-card .form-select:focus{border-color:var(--nl-sky, var(--c-primary));box-shadow:0 0 0 .25rem rgba(11,124,192,.18)}
.tcq-card .btn-primary{border:0;border-radius:999px;padding:.65rem 1.5rem;font-weight:700;background:linear-gradient(135deg,var(--nl-sky, var(--c-primary)),var(--nl-sky, var(--c-primary)));box-shadow:0 12px 24px -12px rgba(11,124,192,.85)}
.tcq-card .btn-primary:hover{background:linear-gradient(135deg,#0a5f94,#1d9be0)}
.tcq-kvkk{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--basic-muted-color,var(--c-muted))}
.tcq-kvkk i{color:var(--nl-sky-2, var(--c-primary))}

[data-bs-theme=dark] .tcq-card h2,[data-bs-theme=dark] .tcq-services span,[data-bs-theme=dark] .tcq-when span{color:#fff}
[data-bs-theme=dark] .tcq-services span,[data-bs-theme=dark] .tcq-when span{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}
[data-bs-theme=dark] .tcq-services span i,[data-bs-theme=dark] .tcq-kicker{background:rgba(11,124,192,.15);color:#93cff2}
[data-bs-theme=dark] .tcq-services input:checked+span{background:rgba(11,124,192,.12)}
[data-bs-theme=dark] .tcq-fields:has(> :not(.d-none)){background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.12)}