:root{
    --bg: #F5F7F8;
    --ink: #16232B;
    --ink-soft: #5B6B74;
    --indigo: #095166;
    --indigo-dark: #061F29;
    --violet: #7B5FA6;
    --coral: #F4801E;
    --coral-dark: #D66A0F;
    --amber: #F0B429;
    --line: #E3E8EA;
    --border-soft: #BFDCE3;
    --card: #FFFFFF;
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:'Inter', sans-serif;
    background-color: var(--bg);
    background-image:
      radial-gradient(circle at 90% 4%, rgba(20,130,155,0.14), transparent 42%),
      radial-gradient(circle at 3% 96%, rgba(244,128,30,0.13), transparent 42%),
      radial-gradient(circle at 96% 92%, rgba(123,95,166,0.12), transparent 40%),
      url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjQwIj4KICA8dGV4dCB4PSIxNSIgeT0iNTUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC13ZWlnaHQ9IjcwMCIgZm9udC1zaXplPSI0MCIgZmlsbD0iIzE0ODI5QiIgZmlsbC1vcGFjaXR5PSIwLjA3IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTIgMTUgNTUpIj7PgDwvdGV4dD4KICA8dGV4dCB4PSIxNDAiIHk9IjM1IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMzAiIGZpbGw9IiNGNDgwMUUiIGZpbGwtb3BhY2l0eT0iMC4wOCIgdHJhbnNmb3JtPSJyb3RhdGUoOCAxNDAgMzUpIj7iiJE8L3RleHQ+CiAgPHRleHQgeD0iMTkwIiB5PSIxMjUiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC13ZWlnaHQ9IjcwMCIgZm9udC1zaXplPSIzNCIgZmlsbD0iIzdCNUZBNiIgZmlsbC1vcGFjaXR5PSIwLjA3Ij7iiJo8L3RleHQ+CiAgPHRleHQgeD0iNDAiIHk9IjE1MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iNzAwIiBmb250LXNpemU9IjI2IiBmaWxsPSIjRjBCNDI5IiBmaWxsLW9wYWNpdHk9IjAuMDkiPsO3PC90ZXh0PgogIDx0ZXh0IHg9IjEwMCIgeT0iMjE1IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMzAiIGZpbGw9IiMxNDgyOUIiIGZpbGwtb3BhY2l0eT0iMC4wNyI+4oiePC90ZXh0PgogIDx0ZXh0IHg9IjE4MCIgeT0iMjI1IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMjQiIGZpbGw9IiNGNDgwMUUiIGZpbGwtb3BhY2l0eT0iMC4wOCI+w5c8L3RleHQ+CiAgPHRleHQgeD0iNjUiIHk9IjI1IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtd2VpZ2h0PSI3MDAiIGZvbnQtc2l6ZT0iMjIiIGZpbGw9IiM3QjVGQTYiIGZpbGwtb3BhY2l0eT0iMC4wNyI+KzwvdGV4dD4KICA8dGV4dCB4PSIyMjAiIHk9IjIwMCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iNzAwIiBmb250LXNpemU9IjIwIiBmaWxsPSIjRjBCNDI5IiBmaWxsLW9wYWNpdHk9IjAuMDgiPiU8L3RleHQ+Cjwvc3ZnPgo=');
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
    background-size: auto, auto, auto, 240px 240px;
    color:var(--ink);
    line-height:1.6;
    font-size:17px;
  }
  h1,h2,h3,.display{
    font-family:'Sora', sans-serif;
    font-weight:700;
    line-height:1.15;
    letter-spacing:-0.01em;
    color:var(--ink);
  }
  a{color:var(--indigo-dark);}
  p{color:var(--ink-soft); max-width:62ch;}

  /* ---------- Layout ---------- */
  .app{
    display:flex;
    min-height:100vh;
  }

  /* ---------- Sidebar ---------- */
  .sidebar{
    width:260px;
    flex-shrink:0;
    background:linear-gradient(165deg, var(--indigo) 0%, #050F14 100%);
    color:#fff;
    padding:32px 22px 32px 28px;
    position:sticky;
    top:0;
    height:100vh;
    overflow-y:auto;
  }
  .brand{
    margin-bottom:34px;
    padding-bottom:22px;
    border-bottom:1px solid rgba(255,255,255,0.22);
    display:flex;
    align-items:center;
    gap:12px;
  }
  .brand-mark{
    width:42px; height:42px;
    flex-shrink:0;
    border-radius:12px;
    background:rgba(255,255,255,0.14);
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
  }
  .brand-mark img{ width:100%; height:100%; object-fit:cover; display:block; }
  .brand-mark svg{ width:24px; height:24px; }
  .brand .name{
    font-family:'Sora', sans-serif;
    font-size:20px;
    font-weight:700;
    color:#fff;
    margin:0 0 2px 0;
  }
  .brand .subject{
    font-size:13px;
    color:rgba(255,255,255,0.72);
    margin:0;
  }

  nav ul{ list-style:none; margin:0; padding:0; }
  nav .group-label{
    font-size:13px;
    color:rgba(255,255,255,0.6);
    margin:22px 0 8px 10px;
    font-weight:600;
    text-transform:none;
  }
  nav li a{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:rgba(255,255,255,0.88);
    padding:9px 10px;
    border-radius:8px;
    font-size:15px;
    margin-bottom:2px;
    transition:background .15s ease, color .15s ease, transform .15s ease;
    border-left:3px solid transparent;
  }
  nav li a svg{ width:17px; height:17px; flex-shrink:0; opacity:0.85; }
  nav .sub li a{
    padding-left:22px;
    font-size:14.5px;
    color:rgba(255,255,255,0.72);
  }
  nav li a:hover{
    background:rgba(255,255,255,0.14);
    color:#fff;
    transform:translateX(2px);
  }
  nav li a.active{
    background:var(--coral);
    border-left:none;
    color:#fff;
    font-weight:600;
    box-shadow:0 4px 10px rgba(244,128,30,0.35);
  }

  /* ---------- Content ---------- */
  .content{
    flex:0 1 920px;
    padding:56px 64px;
    max-width:920px;
    min-width:0;
  }

  /* ---------- Sağ dekoratif alan ---------- */
  .side-deco{
    flex:1;
    position:relative;
    overflow:hidden;
    display:block;
    min-width:0;
  }
  .side-deco svg{ position:absolute; }
  @media (max-width: 1180px){
    .side-deco{ display:none; }
  }
  section{ display:none; position:relative; }
  section.active{ display:block; animation:fade .3s ease; }
  @keyframes fade{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }

  /* Sayfa filigranları */
  section::before{
    content:'';
    position:absolute;
    top:-10px; right:0;
    font-family:'Sora', sans-serif;
    font-weight:800;
    line-height:1;
    color:transparent;
    -webkit-text-stroke:2.5px rgba(20,130,155,0.16);
    z-index:0;
    pointer-events:none;
    user-select:none;
  }
  #hakkimda::before{ content:none; }
  #sinif-5::before{ content:'5'; font-size:190px; }
  #sinif-6::before{ content:'6'; font-size:190px; }
  #sinif-7::before{ content:'7'; font-size:190px; }
  #sinif-9::before{ content:'9'; font-size:190px; }
  #sinif-10::before{ content:'10'; font-size:150px; }
  #sinif-11::before{ content:'11'; font-size:150px; }
  #lgs::before{ content:'LGS'; font-size:92px; -webkit-text-stroke:2.5px rgba(244,128,30,0.18); }
  #tyt::before{ content:'TYT'; font-size:92px; -webkit-text-stroke:2.5px rgba(123,95,166,0.18); }
  #ayt::before{ content:'AYT'; font-size:92px; -webkit-text-stroke:2.5px rgba(240,180,41,0.22); }
  #ozel-ders::before{ content:'∑'; font-size:220px; top:-40px; -webkit-text-stroke:2.5px rgba(20,130,155,0.15); }
  #iletisim::before{ content:'@'; font-size:220px; top:-40px; -webkit-text-stroke:2.5px rgba(244,128,30,0.15); }
  section > *{ position:relative; z-index:1; }

  .eyebrow{
    color:var(--indigo);
    font-size:14px;
    margin-bottom:6px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:4px;
  }
  .eyebrow svg{ width:14px; height:14px; }
  h1.page-title{
    font-size:38px;
    margin:0 0 18px 0;
    font-weight:800;
    color:var(--ink);
  }
  h2.section-title{ font-size:24px; margin:36px 0 14px 0; }

  .hero-wrap{
    position:relative;
    padding-top:8px;
    margin-bottom:6px;
  }
  .hero-motif{
    position:absolute;
    top:-30px; right:-20px;
    width:220px; height:220px;
    opacity:0.75;
    pointer-events:none;
    z-index:0;
    animation:pop .5s ease;
  }
  @keyframes pop{ from{opacity:0; transform:scale(0.85);} to{opacity:0.75; transform:scale(1);} }
  .hero-photo{
    width:150px; height:150px;
    border-radius:50%;
    background:var(--indigo);
    border:none;
    margin-bottom:22px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    color:#fff;
    font-size:12.5px;
    text-align:center;
    position:relative;
    z-index:1;
    gap:6px;
    padding:12px;
    box-shadow:0 8px 20px rgba(14,95,115,0.25);
    overflow:hidden;
  }
  .hero-photo svg{ width:32px; height:32px; opacity:0.95; }
  .hero-photo.has-photo{ padding:0; }
  .hero-photo.has-photo img{
    width:100%; height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
  }

  .cta-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--coral);
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:14.5px;
    padding:11px 20px;
    border-radius:10px;
    margin:6px 0 4px;
    box-shadow:0 6px 16px rgba(244,128,30,0.3);
    transition:background .15s ease, transform .15s ease;
  }
  .cta-button:hover{ background:var(--coral-dark); transform:translateY(-1px); }
  .cta-button svg{ width:17px; height:17px; }

  .tag-row{ display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 8px; }
  .tag{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 14px;
    border-radius:10px;
    font-size:13.5px;
    font-weight:600;
  }
  .tag svg{ width:16px; height:16px; flex-shrink:0; }
  .tag:nth-child(4n+1){ background:#E4EEF9; color:#1F5C8A; }
  .tag:nth-child(4n+2){ background:#FDE7D4; color:#B85A12; }
  .tag:nth-child(4n+3){ background:#EDE6F7; color:#5B3F92; }
  .tag:nth-child(4n+4){ background:#E1F3E8; color:#237A4F; }

  /* Vurgu kartları (Eğitim ve Deneyim, Ders Anlayışım, Hedefim) */
  .feature-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    background:#fff;
    border:1px solid var(--line);
    border-left:4px solid var(--indigo);
    border-radius:14px;
    padding:20px 22px;
    margin:16px 0;
  }
  .feature-body{ display:flex; align-items:flex-start; gap:16px; flex:1; min-width:0; }
  .feature-icon{
    width:42px; height:42px;
    border-radius:50%;
    background:var(--indigo);
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .feature-icon svg{ width:21px; height:21px; }
  .feature-text h3{ margin:0 0 6px 0; font-size:17.5px; }
  .feature-text p{ margin:0; font-size:14.5px; max-width:60ch; }
  .feature-illustration{ flex-shrink:0; width:68px; height:68px; }
  .feature-illustration svg{ width:100%; height:100%; }
  @media (max-width: 880px){
    .feature-illustration{ display:none; }
  }

  /* resource list (PDF links) */
  .resource-list{
    list-style:none;
    padding:0;
    margin:0 0 8px 0;
    border-top:1px solid var(--line);
  }
  .resource-list li{
    border-bottom:1px solid var(--line);
  }
  .resource-list a{
    display:flex;
    align-items:center;
    gap:14px;
    padding:15px 6px;
    text-decoration:none;
    color:var(--ink);
    border-radius:8px;
    transition:background .15s ease;
  }
  .resource-list a:hover{ background:#EFF1FC; }
  .resource-list a:hover .res-name{ color:var(--indigo); text-decoration:underline; }
  .res-icon{
    width:34px; height:34px;
    flex-shrink:0;
    border-radius:9px;
    background:linear-gradient(135deg, var(--indigo), var(--violet));
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.02em;
  }
  .res-text{ flex:1; }
  .res-name{ display:block; font-weight:600; color:var(--ink); }
  .res-desc{ display:block; font-size:13.5px; color:var(--ink-soft); }

  .note-box{
    background:#FFF3E8;
    border-left:4px solid var(--amber);
    padding:14px 18px;
    border-radius:0 8px 8px 0;
    font-size:14.5px;
    color:#8A5A00;
    margin-top:26px;
  }

  /* Tema / seviye yapısı (sınıf sayfaları) */
  .unit-block{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
    padding:20px 22px;
    margin:18px 0;
  }
  .unit-title{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18.5px;
    margin:0 0 16px 0;
  }
  .subtopic-title{
    font-size:15.5px; font-weight:800; color:#16232B;
    margin:24px 0 4px; padding-left:11px;
    border-left:3px solid #0D6E86; line-height:1.35;
  }
  .unit-block .subtopic-title:first-of-type{ margin-top:12px; }
  .unit-num{
    width:28px; height:28px;
    border-radius:50%;
    background:var(--indigo);
    color:#fff;
    display:flex; align-items:center; justify-content:center;
    font-size:13px;
    font-weight:700;
    flex-shrink:0;
  }
  .unit-num.unit-num-wide{ width:auto; min-width:28px; padding:0 6px; border-radius:14px; font-size:11.5px; }
  .level-group{ margin-bottom:14px; }
  .level-group:last-child{ margin-bottom:0; }
  .level-label{
    display:inline-block;
    font-size:12px;
    font-weight:700;
    padding:3px 10px;
    border-radius:6px;
    margin:0 0 8px 0;
  }
  .level-easy{ background:#E1F3E8; color:#237A4F; }
  .level-medium{ background:#FDE7D4; color:#B85A12; }
  .level-hard{ background:#FBE0DE; color:#B23A2E; }
  .level-written{ background:#E4EEF9; color:#1F5C8A; }
  .test-chips{ display:flex; flex-wrap:wrap; gap:8px; }
  .test-pair{ display:inline-flex; align-items:center; gap:4px; }
  .test-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    background:var(--bg);
    border:1px solid var(--line);
    border-radius:8px 0 0 8px;
    padding:7px 12px;
    text-decoration:none;
    color:var(--ink);
    font-size:13.5px;
    font-weight:600;
    transition:border-color .15s ease, color .15s ease;
  }
  .test-chip svg{ width:14px; height:14px; }
  .test-chip:hover{ border-color:var(--indigo); color:var(--indigo-dark); }
  .answer-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px; height:32px;
    background:#fff;
    border:1px solid var(--line);
    border-left:none;
    border-radius:0 8px 8px 0;
    color:var(--ink-soft);
    text-decoration:none;
    transition:border-color .15s ease, color .15s ease, background .15s ease;
    flex-shrink:0;
  }
  .answer-chip svg{ width:14px; height:14px; }
  .answer-chip:hover{ border-color:var(--coral); color:var(--coral-dark); background:#FDE7D4; }
  .unit-block-written{ border-left:4px solid var(--indigo); }
  .unit-num-written{ background:var(--indigo); }

  /* Hazır olmayan testler: pasif görünüm */
  .chip-disabled{
    opacity:0.4;
    cursor:not-allowed;
    filter:grayscale(60%);
  }

  /* İletişim */
  .contact-list{ list-style:none; padding:0; margin:22px 0; }
  .contact-list li{
    padding:14px 0;
    border-bottom:1px solid var(--line);
    display:flex;
    gap:14px;
  }
  .contact-label{ width:120px; font-weight:700; color:var(--ink); flex-shrink:0; }
  .contact-value a{ color:var(--indigo-dark); text-decoration:none; font-weight:600; }
  .contact-value a:hover{ text-decoration:underline; }

  form.contact-form{ margin-top:28px; max-width:520px; }
  form.contact-form label{ display:block; font-size:14px; font-weight:700; margin-bottom:6px; }
  form.contact-form input, form.contact-form textarea{
    width:100%;
    padding:11px 13px;
    border:1.5px solid var(--line);
    border-radius:9px;
    font-family:inherit;
    font-size:15px;
    margin-bottom:16px;
    background:#fff;
    color:var(--ink);
  }
  form.contact-form input:focus, form.contact-form textarea:focus{
    outline:none;
    border-color:var(--indigo);
  }
  form.contact-form button{
    background:var(--coral);
    color:#fff;
    border:none;
    padding:12px 26px;
    border-radius:9px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    font-family:inherit;
    transition:background .15s ease, transform .15s ease;
  }
  form.contact-form button:hover{ background:var(--coral-dark); transform:translateY(-1px); }

  /* Özel Ders */
  .plan-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-top:22px;
  }
  .plan-card{
    background:var(--card);
    border:1px solid var(--line);
    border-top:4px solid var(--indigo);
    border-radius:12px;
    padding:22px;
  }
  .plan-card:nth-child(4n+2){ border-top-color:var(--coral); }
  .plan-card:nth-child(4n+3){ border-top-color:var(--violet); }
  .plan-card:nth-child(4n+4){ border-top-color:#8FCBAA; }
  .plan-card h3{ font-size:18px; margin:0 0 8px 0; }
  .plan-card p{ font-size:14.5px; margin:0; }

  /* Mobile */
  .menu-toggle{ display:none; }

  /* Güncelleme bilgi şeridi */
  .site-update-note{
    display:flex; align-items:flex-start; gap:11px;
    background:#EAF6F8;
    border:1px solid #BFE0E7;
    border-left:4px solid var(--indigo);
    border-radius:10px;
    padding:14px 18px;
    margin:0 0 24px 0;
    max-width:660px;
  }
  .update-dot{ margin-top:5px; }
  .update-text{ min-width:0; }
  .update-head{
    margin:0 0 4px; font-size:14.5px; font-weight:800;
    color:var(--indigo-dark); line-height:1.35;
  }
  .update-body{
    margin:0; font-size:13.5px; color:#1D4B57; line-height:1.5;
  }
  .update-date{
    margin:7px 0 0; font-size:12.5px; color:#5A7C86; font-weight:600;
  }
  .update-dot{
    width:9px; height:9px; border-radius:50%;
    background:#2FA36B; flex:0 0 auto;
    box-shadow:0 0 0 3px rgba(47,163,107,0.18);
    animation:updatePulse 2.2s ease-in-out infinite;
  }
  @keyframes updatePulse{
    0%,100%{ box-shadow:0 0 0 3px rgba(47,163,107,0.18); }
    50%{ box-shadow:0 0 0 6px rgba(47,163,107,0.06); }
  }
  @media (max-width: 880px){
    .site-update-note{ font-size:12.5px; padding:10px 13px; margin-bottom:16px; }
  }

  /* Sağ üst: Giriş Yap / Kayıt Ol */
  .top-auth-bar{
    position:fixed;
    top:24px; right:40px;
    display:flex;
    gap:12px;
    z-index:500;
  }
  .top-auth-btn{
    padding:11px 22px;
    border-radius:10px;
    font-size:15.5px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    white-space:nowrap;
  }
  .top-auth-btn-outline{
    background:#fff;
    border:1.5px solid var(--indigo);
    color:var(--indigo-dark);
  }
  .top-auth-btn-outline:hover{ background:var(--bg); }
  .top-auth-btn-solid{
    background:var(--coral);
    border:1.5px solid var(--coral);
    color:#fff;
    box-shadow:0 4px 12px rgba(244,128,30,0.3);
  }
  .top-auth-btn-solid:hover{ background:var(--coral-dark); }
  @media (max-width: 880px){
    .top-auth-bar{
      position:static;
      justify-content:flex-end;
      margin-bottom:20px;
    }
    .top-auth-btn{ padding:9px 16px; font-size:14px; }
  }
  @media (max-width: 880px){
    .app{ flex-direction:column; }
    .sidebar{
      width:100%;
      height:auto;
      position:relative;
      padding:18px 20px;
    }
    .content{ padding:34px 22px; }
    nav{ display:none; }
    nav.open{ display:block; }
    .menu-toggle{
      display:flex;
      align-items:center;
      gap:10px;
      background:rgba(255,255,255,0.16);
      border:none;
      color:#fff;
      padding:10px 14px;
      border-radius:8px;
      font-family:inherit;
      font-size:14px;
      cursor:pointer;
      margin-top:6px;
    }
    .plan-grid{ grid-template-columns:1fr; }
  }

  /* Netlify Identity varsayılan penceresindeki "Sign up" sekmesini
     kapat — kayıt sadece bizim özel "Kayıt Ol" formumuzdan olsun. */
  div.header > button.btnHeader:first-child{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    pointer-events:none !important;
  }

  .signup-overlay{
    display:none;
    position:fixed; inset:0;
    background:rgba(10,20,25,0.55);
    z-index:1000;
    align-items:center; justify-content:center;
    padding:20px;
  }
  .signup-overlay.open{ display:flex; }
  .signup-modal{
    background:#fff;
    border-radius:18px;
    max-width:460px;
    width:100%;
    max-height:90vh;
    overflow-y:auto;
    padding:32px 30px;
    position:relative;
    box-shadow:0 20px 50px rgba(0,0,0,0.25);
  }
  .signup-close{
    position:absolute; top:16px; right:16px;
    width:32px; height:32px;
    border:none; background:#F5F7F8;
    border-radius:50%;
    font-size:20px; line-height:1;
    color:#5B6B74;
    cursor:pointer;
  }
  .signup-title{ font-family:'Sora', sans-serif; font-size:22px; margin:0 0 8px; color:#16232B; }
  .signup-subtitle{ font-size:14px; color:#5B6B74; margin:0 0 22px; line-height:1.5; }
  #signup-form label, #login-form label{ display:block; font-size:13.5px; font-weight:700; color:#16232B; margin:14px 0 5px; }
  #signup-form input, #signup-form select, #login-form input{
    width:100%; padding:10px 12px;
    border:1.5px solid #E3E8EA; border-radius:9px;
    font-family:inherit; font-size:14.5px; color:#16232B;
    box-sizing:border-box; background:#fff;
  }
  #signup-form input:focus, #signup-form select:focus, #login-form input:focus{ outline:none; border-color:#0D6E86; }
  #login-form label.remember-row{
    display:flex; align-items:center; gap:8px;
    margin:14px 0 0; font-size:13.5px; font-weight:600;
    color:#3B4A55; cursor:pointer; user-select:none;
  }
  #login-form label.remember-row input[type="checkbox"]{
    width:16px; height:16px; margin:0; padding:0;
    accent-color:#0D6E86; cursor:pointer; flex:0 0 auto;
  }
  .signup-divider{
    margin:22px 0 4px; padding-top:16px;
    border-top:1px dashed #E3E8EA;
    font-size:12.5px; font-weight:700; color:#0D6E86; text-transform:uppercase; letter-spacing:0.03em;
  }
  .signup-submit{
    width:100%; margin-top:22px;
    background:#F4801E; color:#fff; border:none;
    padding:13px; border-radius:10px;
    font-size:15px; font-weight:700; cursor:pointer;
  }
  .signup-submit:hover{ background:#D66A0F; }
  .signup-submit:disabled{ opacity:0.6; cursor:not-allowed; }
  .signup-error{ color:#B23A2E; font-size:13.5px; margin-top:10px; min-height:1em; }
  .signup-success{ text-align:center; padding:10px 0; }
  .signup-success-icon{
    width:56px; height:56px; border-radius:50%;
    background:#237A4F; display:flex; align-items:center; justify-content:center;
    margin:0 auto 18px;
  }
  .signup-success-icon svg{ width:28px; height:28px; }
  #site-alert-icon{ background:var(--coral); }
/* ============ ALT GEZİNTİ (tüm sayfalar) ============ */
.site-foot-nav{
  margin-top:56px; padding-top:22px; border-top:1px solid #e3e8ee;
  display:flex; flex-wrap:wrap; gap:8px 20px;
}
.site-foot-nav a{
  color:#5a6a78; text-decoration:none; font-size:13.5px;
}
.site-foot-nav a:hover{ color:#14829B; text-decoration:underline; }

  /* --- Test cipi alt basligi (konu birden fazla derse bolunduyse) --- */
  .chip-sub{
    font-weight: 400;
    font-size: 0.86em;
    opacity: 0.62;
    margin-left: 5px;
    padding-left: 7px;
    border-left: 1px solid rgba(0,0,0,0.15);
    white-space: nowrap;
  }

  @media (max-width: 560px){
    .chip-sub{ display: none; }
  }