/* Çağdaş Teknoloji — ek stiller (Tailwind dışı) */
html{scroll-behavior:smooth}
body{overscroll-behavior-y:none}
.tnum{font-feature-settings:"tnum" 1}
.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}
.material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle;line-height:1;user-select:none}
.fill-1{font-variation-settings:'FILL' 1}
[x-cloak]{display:none!important}
/* İçerik sayfaları (yasal metinler vb.) */
.prose-ct{color:#0b1c30;font-size:15px;line-height:1.75}
.prose-ct h2{font-size:22px;font-weight:700;margin:28px 0 10px}
.prose-ct h3{font-size:17px;font-weight:600;margin:24px 0 8px;color:#0b1f3a}
.prose-ct p{margin:0 0 14px}
.prose-ct ul,.prose-ct ol{margin:0 0 14px 22px}.prose-ct ul{list-style:disc}.prose-ct ol{list-style:decimal}
.prose-ct li{margin:4px 0}
.prose-ct a{color:#2563eb;text-decoration:underline}
.prose-ct table{width:100%;border-collapse:collapse;margin:12px 0}.prose-ct td,.prose-ct th{border:1px solid #e2e8f0;padding:8px}
.prose-ct img{max-width:100%;border-radius:12px}
/* Form girişleri: tasarım sistemine uygun */
.ct-input{height:48px;width:100%;padding:0 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;color:#0b1c30;transition:all .15s}
textarea.ct-input{height:auto;padding:12px 16px;min-height:96px}
select.ct-input{padding-right:36px}
.ct-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:none}
.ct-label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;color:#44474d;margin-bottom:6px}
.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:12px;background:#0b1f3a;color:#fff;font-weight:600;font-size:14px;transition:all .15s}
.ct-btn:hover{background:#2563eb;box-shadow:0 10px 25px -5px rgba(11,31,58,.15)}
.ct-btn:disabled{opacity:.6;cursor:not-allowed}
.ct-btn-2{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:12px;background:rgba(37,99,235,.08);color:#2563eb;font-weight:600;font-size:14px;border:1px solid transparent;transition:all .15s}
.ct-btn-2:hover{border-color:#2563eb}
.ct-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px 0 rgba(11,31,58,.04),0 1px 2px -1px rgba(11,31,58,.02)}
/* Varyant çipleri */
.chip{height:auto;min-height:44px;padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0b1f3a;font-size:13px;font-weight:600;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.chip small{font-weight:500;color:#64748b;font-size:11px}
.chip.active{background:#fff;border:2px solid #2563eb;color:#2563eb;box-shadow:0 1px 3px rgba(11,31,58,.06)}
.chip.disabled{opacity:.45;text-decoration:line-through}
.swatch{width:36px;height:36px;border-radius:9999px;padding:3px;border:2px solid transparent;transition:all .15s}
.swatch span{display:block;width:100%;height:100%;border-radius:9999px;border:1px solid rgba(0,0,0,.12)}
.swatch.active{border-color:#2563eb}
.tab-btn.active{color:#2563eb;border-color:#2563eb}
@media print{header,footer,#toast{display:none!important}}