:root {
    /* Brand Palette (ortak) */
    --primary-50:  #e0f7fa;
    --primary-100: #b2ebf2;
    --primary-200: #80deea;
    --primary-300: #4dd0e1;
    --primary-400: #26c6da;
    --primary-500: #00bcd4;
    --primary-600: #00acc1;
    --primary-700: #0097a7;
    --primary-800: #00838f;
    --primary-900: #006064;
    --gradient-start: #00bcd4;
    --gradient-end:   #0097a7;
    --accent-color:   #00e5ff;
    --dark-bg:  #0a1929;
    --light-bg: #f0fdff;

    /* Tokens */
    --bg-primary:    #ffffff;
    --bg-secondary:  var(--light-bg);
    --bg-card:       #ffffff;
    --bg-navbar:     rgba(255,255,255,0.92);
    --text-primary:  #0a1929;
    --text-secondary:#4a6070;
    --text-muted:    #7a90a0;
    --border-color:  #e0f0f5;
    --shadow-sm:     0 2px 8px rgba(0,188,212,0.08);
    --shadow-md:     0 8px 32px rgba(0,188,212,0.12);
    --shadow-lg:     0 20px 60px rgba(0,188,212,0.16);
    --shadow-card:   0 4px 20px rgba(0,150,170,0.10);

    --font-display: 'Plus Jakarta Sans', sans-serif;
    --font-body:    'DM Sans', sans-serif;

    --card-radius: 16px;
    --btn-radius:  10px;

    --transition-fast:   0.15s ease;
    --transition-normal: 0.25s ease;

    --gradient-brand: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
    --gradient-glow:  linear-gradient(135deg, rgba(0,188,212,0.15), rgba(0,151,167,0.05));
    --gradient-hero:  linear-gradient(135deg, #0a1929 0%, #013a4a 50%, #004d5a 100%);
    --gradient-card:  linear-gradient(145deg, rgba(0,188,212,0.05), rgba(255,255,255,0));
}

body { font-family: var(--font-body); background:#fff; color: var(--text-primary); font-size:.95rem; overflow-x:hidden; }
h1,h2,h3,h4,h5,h6,.navbar-brand { font-family: var(--font-display); font-weight:700; }
::selection { background: var(--primary-200); color: var(--dark-bg); }
a { color: var(--primary-700); text-decoration:none; transition: color var(--transition-fast); }
a:hover { color: var(--primary-500); }

.btn-salih{
  color: #FFF !important;
  background-color: var(--primary) !important;
}

.btn-salih:hover{
  color: #FFF !important;
  background-color: var(--primary-dark) !important;
}

.salotak{
  color: var(--primary) !important;
}

/* ============ Navbar ============ */
.site-navbar { background: var(--bg-navbar); backdrop-filter: blur(12px); border-bottom:1px solid var(--border-color); transition: box-shadow var(--transition-normal); }
.site-navbar.scrolled { box-shadow: var(--shadow-sm); }
.site-navbar .navbar-brand { font-weight:800; font-size:1.25rem; color:var(--dark-bg); display:flex; align-items:center; gap:.55rem; }
.brand-badge { width:38px; height:38px; border-radius:11px; background:var(--gradient-brand); color:#fff; display:grid; place-items:center; font-size:1rem; box-shadow:0 4px 14px rgba(0,188,212,.4); }
.site-navbar .nav-link { color: var(--text-secondary); font-weight:600; font-size:.92rem; padding:.5rem .9rem; border-radius:8px; transition: all var(--transition-fast); }
.site-navbar .nav-link:hover, .site-navbar .nav-link.active { color: var(--primary-700); background: var(--primary-50); }
.navbar-toggler { border:1px solid var(--border-color); border-radius:8px; padding:.4rem .6rem; color:var(--text-secondary); }

/* ============ Butonlar ============ */
.btn { border-radius: var(--btn-radius); font-weight:600; font-size:.9rem; padding:.55rem 1.2rem; transition:all var(--transition-fast); }
.btn i { margin-right:.35rem; }
.btn-primary { background:var(--gradient-brand); border:none; color:#fff; box-shadow:0 6px 18px rgba(0,188,212,.35); }
.btn-primary:hover { background:linear-gradient(135deg,var(--primary-400),var(--primary-600)); color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,188,212,.45); }
.btn-outline-primary { border:1.5px solid var(--primary-400); color:var(--primary-600); background:#fff; }
.btn-outline-primary:hover { background:var(--primary-50); color:var(--primary-700); border-color:var(--primary-500); }
.btn-light { background:#fff; border:1px solid var(--border-color); color:var(--text-secondary); }
.btn-light:hover { background:var(--primary-50); color:var(--primary-700); }
.btn-lg { padding:.8rem 1.8rem; font-size:1rem; }
.btn-white { background:#fff; color:var(--primary-700); font-weight:700; border:none; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.btn-white:hover { color:var(--primary-900); transform:translateY(-2px); }

/* ============ Hero ============ */
.hero { background:var(--gradient-hero); color:#fff; position:relative; overflow:hidden; padding:7rem 0 6rem; }
.hero .bg-glow { position:absolute; border-radius:50%; filter:blur(100px); opacity:.3; pointer-events:none; }
.hero .glow-1 { width:480px; height:480px; background:var(--primary-500); top:-160px; right:-120px; }
.hero .glow-2 { width:380px; height:380px; background:var(--primary-700); bottom:-140px; left:-100px; }
.hero h1 { color:#fff; font-size:clamp(2rem,4.5vw,3.2rem); font-weight:800; line-height:1.15; }
.hero .lead { color:var(--primary-100); font-size:1.05rem; }
.hero-stats { display:flex; flex-wrap:wrap; gap:2rem; margin-top:2.5rem; }
.hero-stats .num { font-family:var(--font-display); font-size:1.7rem; font-weight:800; color:var(--accent-color); }
.hero-stats .lbl { font-size:.82rem; color:var(--primary-200); }
.text-gradient { background:var(--gradient-brand); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-card { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:var(--card-radius); backdrop-filter:blur(8px); padding:1.5rem; color:#fff; }
.hero-card .row-line { display:flex; justify-content:space-between; padding:.55rem 0; border-bottom:1px dashed rgba(255,255,255,.15); font-size:.85rem; }
.hero-card .row-line:last-child { border:none; }

/* ============ Bölümler ============ */
.section { padding:5rem 0; }
.section-alt { background: var(--bg-secondary); }
.section-title { font-size:clamp(1.5rem,3vw,2.1rem); font-weight:800; }
.section-sub { color:var(--text-muted); max-width:640px; margin:0 auto; }
.eyebrow { display:inline-flex; align-items:center; gap:.5rem; background:var(--primary-50); color:var(--primary-700); font-weight:700; font-size:.75rem; letter-spacing:1.2px; text-transform:uppercase; padding:.4em 1em; border-radius:30px; margin-bottom:1rem; }
.eyebrow i { font-size:.7rem; }

/* ============ Kartlar ============ */
.card { border:1px solid var(--border-color); border-radius:var(--card-radius); box-shadow:var(--shadow-card); background:var(--bg-card); transition:transform var(--transition-fast), box-shadow var(--transition-fast); }
.card-lift:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); }
.card-body { padding:1.5rem; }
.card .card-title { font-weight:700; }
.icon-tile { width:54px; height:54px; border-radius:14px; display:grid; place-items:center; font-size:1.2rem; color:#fff; margin-bottom:1rem; }

/* ============ Adımlar ============ */
.step-num { width:44px; height:44px; border-radius:50%; background:var(--gradient-brand); color:#fff; display:grid; place-items:center; font-family:var(--font-display); font-weight:800; box-shadow:0 6px 16px rgba(0,188,212,.4); margin:0 auto 1rem; }

/* ============ Komisyon Tablosu ============ */
.table { margin-bottom:0; }
.table thead th { background:var(--primary-50); color:var(--primary-800); font-size:.78rem; text-transform:uppercase; letter-spacing:.6px; border-bottom:2px solid var(--primary-200); padding:.9rem 1rem; white-space:nowrap; }
.table tbody td { padding:.85rem 1rem; color:var(--text-secondary); border-color:var(--border-color); vertical-align:middle; }
.badge { border-radius:8px; padding:.4em .7em; font-size:.72rem; font-weight:600; }
.badge-soft-primary { background:var(--primary-50); color:var(--primary-700); }
.badge-soft-success { background:#e0f9f3; color:#00806b; }
.badge-soft-warning { background:#fff4e0; color:#b26a00; }

/* ============ Formlar (auth) ============ */
.form-label { font-weight:600; font-size:.85rem; color:var(--text-secondary); }
.form-label.required::after { content:" *"; color:#e0244a; }
.form-control, .form-select, .form-check-input { border-radius:var(--btn-radius); border:1.5px solid var(--border-color); padding:.6rem .9rem; font-size:.92rem; }
.form-control:focus, .form-select:focus { border-color:var(--primary-400); box-shadow:0 0 0 4px rgba(0,188,212,.15); }
.form-control::placeholder { color:var(--text-muted); }
.input-group-text { background:var(--primary-50); border:1.5px solid var(--border-color); color:var(--primary-700); border-radius:var(--btn-radius); }
.input-group > .form-control:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0; }
.input-group > .input-group-text:first-child { border-top-right-radius:0; border-bottom-right-radius:0; }
.form-check-input:checked { background-color:var(--primary-500); border-color:var(--primary-500); }
.form-check-input:focus { box-shadow:0 0 0 4px rgba(0,188,212,.15); }
.form-text { font-size:.78rem; color:var(--text-muted); }

/* Auth sayfa düzeni */
.auth-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:2rem 1rem; background:var(--gradient-hero); position:relative; overflow:hidden; }
.auth-wrap .bg-glow { position:absolute; border-radius:50%; filter:blur(100px); opacity:.3; pointer-events:none; }
.auth-wrap .glow-1 { width:420px; height:420px; background:var(--primary-500); top:-140px; left:-120px; }
.auth-wrap .glow-2 { width:360px; height:360px; background:var(--primary-700); bottom:-120px; right:-100px; }
.auth-card { width:100%; max-width:750px; background:#fff; border-radius:20px; box-shadow:var(--shadow-lg); overflow:hidden; }
.auth-head { background:var(--gradient-brand); color:#fff; text-align:center; padding:2rem 1.5rem 1.5rem; }
.auth-badge { width:60px; height:60px; border-radius:16px; background:rgba(255,255,255,.18); display:grid; place-items:center; font-size:1.4rem; margin:0 auto .9rem; backdrop-filter:blur(4px); }
.auth-head h1 { color:#fff; font-size:1.35rem; margin:0; }
.auth-head p { color:rgba(255,255,255,.85); font-size:.85rem; margin:.3rem 0 0; }
.auth-foot { text-align:center; padding:0 1.75rem 1.5rem; font-size:.85rem; color:var(--text-muted); }
.pw-meter { height:6px; border-radius:20px; background:var(--primary-50); overflow:hidden; margin-top:.4rem; }
.pw-meter > div { height:100%; width:0; border-radius:20px; background:var(--gradient-brand); transition:width .3s ease, background .3s ease; }
.divider-text { display:flex; align-items:center; gap:.75rem; color:var(--text-muted); font-size:.78rem; margin:1.25rem 0; }
.divider-text::before, .divider-text::after { content:""; flex:1; height:1px; background:var(--border-color); }

/* ============ CTA / Footer ============ */
.cta-band { background:var(--gradient-brand); border-radius:20px; color:#fff; padding:3rem; text-align:center; box-shadow:0 20px 50px rgba(0,150,170,.35); }
.site-footer { background:var(--dark-bg); color:#9fc9d4; padding:3.5rem 0 1.5rem; font-size:.88rem; }
.site-footer h6 { color:#fff; font-weight:700; margin-bottom:1rem; }
.site-footer a { color:#9fc9d4; }
.site-footer a:hover { color:var(--accent-color); }
.site-footer .footer-bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:2.5rem; padding-top:1.5rem; font-size:.8rem; color:#6d93a0; }
.social-btn { width:36px; height:36px; border-radius:10px; display:inline-grid; place-items:center; background:rgba(255,255,255,.08); color:#cfeef5; transition:all var(--transition-fast); }
.social-btn:hover { background:var(--gradient-brand); color:#fff; transform:translateY(-2px); }

/* İçerik sayfası (privacy vb.) */
.legal-hero { background:var(--bg-secondary); padding:4.5rem 0 3rem; border-bottom:1px solid var(--border-color); }
.legal-content h2 { font-size:1.2rem; margin-top:2rem; color:var(--primary-800); }
.legal-content p, .legal-content li { color:var(--text-secondary); }
.legal-content ul { padding-left:1.2rem; }
.legal-nav .list-group-item { border:none; padding:.5rem 0; background:transparent; }
.legal-nav a { font-weight:600; font-size:.9rem; }
.updated-tag { display:inline-flex; align-items:center; gap:.4rem; background:#fff; border:1px solid var(--border-color); color:var(--text-muted); font-size:.78rem; padding:.35em .9em; border-radius:30px; }