/* Tipografi: sistem font yığını kullanılır. Hiçbir dış sunucuya (Google Fonts vb.)
     istek gitmez ve harici dosya bağımlılığı yoktur — dosya tek başına çalışır. */
  ::selection{
    background:rgba(47,93,99,.35); /* var(--gold) tonunda yeşilimsi seçim rengi */
    color:inherit;
  }
  ::-moz-selection{
    background:rgba(47,93,99,.35);
    color:inherit;
  }
  
  
  
  
  
  :root{
    /* Logo paleti: krem zemin, saçtan füme mürekkep, kravattan hardal/altın vurgu, gömlekten petrol mavisi ikincil vurgu */
    --paper:#FAF6EC;
    --paper-line:#E7DFCB;
    --ink:#2B2A28;
    --ink-soft:#6E685F;
    --pen:#C79A3D;
    --pen-dark:#A87E2A;
    --pen-rgb:199,154,61;
    --gold:#2F5D63;
    --gold-rgb:47,93,99;
    --white:#FFFFFF;
    --radius-lg:16px;
    --radius:12px;
    --shadow-soft:0 14px 32px -18px rgba(43,42,40,.14);
    --shadow-softer:0 10px 24px -16px rgba(43,42,40,.10);
    --backdrop:#E6DEC8;
    --bg-glow-gold:rgba(199,154,61,.58);
    --bg-glow-gold-soft:rgba(199,154,61,.34);
    --bg-glow-teal:rgba(47,93,99,.46);
    --bg-glow-teal-soft:rgba(47,93,99,.26);
    --bg-block:rgba(43,42,40,.14);
    --bg-base-1:#FCF7E8;
    --bg-base-2:#CFE1DF;
    --app-bg-image:
      radial-gradient(ellipse 62% 40% at 50% 0%, var(--bg-glow-gold), transparent 66%),
      radial-gradient(ellipse 55% 40% at 12% 8%, var(--bg-glow-gold-soft), transparent 64%),
      radial-gradient(ellipse 55% 40% at 88% 8%, var(--bg-glow-gold-soft), transparent 64%),
      radial-gradient(ellipse 65% 45% at 50% 100%, var(--bg-glow-teal), transparent 68%),
      radial-gradient(ellipse 55% 42% at 8% 96%, var(--bg-glow-teal-soft), transparent 64%),
      radial-gradient(ellipse 55% 42% at 92% 96%, var(--bg-glow-teal-soft), transparent 64%),
      linear-gradient(180deg, #F1DFAE 0%, var(--bg-base-1) 42%, var(--bg-base-1) 58%, var(--bg-base-2) 100%);
    --app-bg-overlay:rgba(250,246,236,.42);
    --page-bg-overlay:rgba(230,222,200,.22);
  }
  html[data-theme="dark"]{
    --paper:#211F1B;
    --paper-line:#3A362E;
    --ink:#F5F0E4;
    --ink-soft:#B6AE9E;
    --pen:#D9AE55;
    --pen-dark:#B98A34;
    --pen-rgb:217,174,85;
    --gold:#5C9BA1;
    --gold-rgb:92,155,161;
    --white:#2B2925;
    --backdrop:#141310;
    --app-bg-overlay:rgba(24,22,19,.90);
    --page-bg-overlay:rgba(10,9,7,.72);
    --bg-glow-gold:rgba(217,174,85,.34);
    --bg-glow-gold-soft:rgba(217,174,85,.16);
    --bg-glow-teal:rgba(92,155,161,.30);
    --bg-glow-teal-soft:rgba(92,155,161,.15);
    --bg-block:rgba(0,0,0,.40);
    --bg-base-1:#1B1814;
    --bg-base-2:#0B0A08;
  }
  html, body{transition:background-color .25s ease, color .25s ease;}
  *{box-sizing:border-box;}
  html,body{height:100%;margin:0;overscroll-behavior:none;}
  body{
    -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    background-color:var(--paper);
    background-image:linear-gradient(var(--page-bg-overlay),var(--page-bg-overlay)),var(--app-bg-image);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;
    line-height:1.4;
    letter-spacing:-.006em;
    -webkit-font-smoothing:antialiased;
    height:100dvh;
    overflow:hidden;
    /* iPhone çentik/dinamik ada ve alt gesture çubuğu: PWA/home-screen modunda
       header ve alt butonların bu alanların altında kalmaması için */
    padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;color:var(--ink);margin:0;letter-spacing:-.015em;}
  .mono{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;}
  a{color:inherit;}

  
  .app{position:relative;z-index:1;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;}

  /* Tablet ve masaüstü: tasarım telefon odaklı kaldığı için burada arayüzü
     yeniden kurmak yerine, telefon genişliğindeki uygulamayı ortalanmış bir
     "cihaz kartı" içinde gösteriyoruz. Böylece butonlar telefonlardaki
     konumlarında kalır, geniş ekranlarda gerilip dağılmaz ya da rastgele
     bir yerde kalmaz. */
  @media (min-width:701px){
    body{
      display:flex;align-items:center;justify-content:center;
      padding:28px calc(28px + env(safe-area-inset-right)) 28px calc(28px + env(safe-area-inset-left));
      background-color:var(--bg-base-1);
      background-image:
        radial-gradient(ellipse 50% 34% at 50% 0%, var(--bg-glow-gold), transparent 66%),
        radial-gradient(ellipse 44% 32% at 14% 10%, var(--bg-glow-gold-soft), transparent 64%),
        radial-gradient(ellipse 44% 32% at 86% 10%, var(--bg-glow-gold-soft), transparent 64%),
        radial-gradient(ellipse 54% 38% at 50% 100%, var(--bg-glow-teal), transparent 68%),
        radial-gradient(ellipse 44% 34% at 10% 92%, var(--bg-glow-teal-soft), transparent 64%),
        radial-gradient(ellipse 44% 34% at 90% 92%, var(--bg-glow-teal-soft), transparent 64%),
        linear-gradient(180deg, #F1DFAE 0%, var(--bg-base-1) 42%, var(--bg-base-1) 58%, var(--bg-base-2) 100%);
      background-attachment:fixed;
    }
    .app{
      max-width:460px;
      width:100%;
      height:min(100%, 900px);
      border-radius:26px;
      box-shadow:0 50px 90px -30px rgba(0,0,0,.38), 0 0 0 1px rgba(0,0,0,.06);
      background-image:linear-gradient(var(--app-bg-overlay),var(--app-bg-overlay)),var(--app-bg-image);
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
    }
  }
  @media (max-width:700px){
    .app{
      background-image:linear-gradient(var(--app-bg-overlay),var(--app-bg-overlay)),var(--app-bg-image);
      background-size:cover;
      background-position:center;
      background-repeat:no-repeat;
      background-attachment:fixed;
    }
  }

  /* TOP BAR */
  .app-bar{flex:0 0 auto;border-bottom:1px solid var(--paper-line);}
  .app-bar-inner{
    max-width:680px;margin:0 auto;width:100%;
    padding:16px 18px 18px;display:flex;justify-content:space-between;align-items:center;
  }
  .logo{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.05rem;
    display:flex;align-items:center;gap:9px;
  }
  .logo-badge{
    width:32px;height:32px;border-radius:50%;flex:0 0 auto;
    border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;
    font-size:1rem;background:rgba(47,93,99,.08);
  }
  .logo-green{color:var(--gold);}
  .app-cta{
    background:linear-gradient(135deg,var(--pen),var(--pen-dark));color:#fff;
    padding:8px 16px;border-radius:999px;
    font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;
    box-shadow:0 8px 18px -10px rgba(199,154,61,.28);
    transition:transform .12s ease,box-shadow .12s ease;
  }
  .app-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(168,126,42,.32);}
  .app-cta:active{transform:scale(.96);}
  .app-bar-actions{display:flex;align-items:center;gap:10px;}
  .theme-toggle{
    position:relative;width:58px;height:28px;flex:0 0 auto;border-radius:999px;
    border:1px solid rgba(0,0,0,.18);padding:0;cursor:pointer;overflow:hidden;
    box-shadow:inset 0 1px 3px rgba(0,0,0,.35), inset 0 -1px 1px rgba(255,255,255,.08);
    transition:transform .18s ease, border-color .3s ease;
  }
  .theme-toggle:hover{transform:translateY(-1px);}
  .theme-toggle:active{transform:scale(.94);}
  .theme-toggle:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .tt-sky{position:absolute;inset:0;transition:opacity .6s cubic-bezier(.45,0,.2,1);}
  .tt-sky-night{
    opacity:1;
    background:linear-gradient(135deg,#211F1B 0%,#2B3E3F 55%,#2F5D63 100%);
  }
  .tt-sky-day{
    opacity:0;
    background:linear-gradient(135deg,#FAF6EC 0%,#F1DFAE 55%,#C79A3D 100%);
  }
  html[data-theme="dark"] .theme-toggle .tt-sky-night{opacity:1;}
  html[data-theme="dark"] .theme-toggle .tt-sky-day{opacity:0;}
  html:not([data-theme="dark"]) .theme-toggle .tt-sky-night{opacity:0;}
  html:not([data-theme="dark"]) .theme-toggle .tt-sky-day{opacity:1;}
  .tt-mountain{position:absolute;bottom:-6px;width:70%;height:75%;}
  .tt-mountain-night{
    right:-8%;
    background:linear-gradient(160deg,#2F5D63,#152B2E);
    clip-path:polygon(0% 100%,30% 35%,46% 58%,68% 12%,86% 48%,100% 100%);
  }
  .tt-mountain-day{
    left:-8%;
    background:linear-gradient(160deg,#C79A3D,#8A6A26);
    clip-path:polygon(0% 100%,22% 28%,44% 62%,64% 8%,88% 52%,100% 100%);
  }
  .tt-star{position:absolute;border-radius:50%;background:#F1DFAE;opacity:.9;}
  .tt-star-a{top:4px;left:11px;width:2px;height:2px;}
  .tt-star-b{top:10px;left:19px;width:2px;height:2px;}
  .tt-star-c{top:6px;left:26px;width:1.5px;height:1.5px;}
  .tt-cloud{position:absolute;top:6px;border-radius:999px;background:rgba(255,255,255,.75);}
  .tt-cloud-a{left:6px;width:11px;height:5px;}
  .tt-cloud-b{left:15px;top:9px;width:7px;height:4px;background:rgba(255,255,255,.55);}
  .tt-celestial{
    position:absolute;top:3px;left:33px;width:22px;height:22px;border-radius:50%;
    z-index:2;overflow:hidden;
    background:radial-gradient(circle at 32% 30%,#FFF6DD 0%,#C79A3D 55%,#A87E2A 100%);
    box-shadow:0 0 10px 2px rgba(199,154,61,.5), inset 0 1px 1px rgba(255,255,255,.4);
    rotate:0deg;
    transition:rotate .6s cubic-bezier(.34,1.2,.4,1), background .6s ease, box-shadow .6s ease;
    will-change:left,width;
  }
  .tt-crescent{
    position:absolute;top:-4px;left:8px;width:20px;height:20px;border-radius:50%;
    background:#1c211d;opacity:0;
    transition:opacity .5s ease .08s, transform .6s cubic-bezier(.34,1.2,.4,1);
  }
  html[data-theme="dark"] .theme-toggle .tt-celestial{
    rotate:-18deg;
    background:radial-gradient(circle at 30% 30%,#F7F1DE 0%,#D9AE55 42%,#9c7f42 100%);
    box-shadow:0 0 8px 1px rgba(217,174,85,.4), inset 0 1px 1px rgba(255,255,255,.25);
  }
  html[data-theme="dark"] .theme-toggle .tt-crescent{opacity:1;}

  /* TABS */
  .tab-switch{
    width:100%;max-width:520px;flex:0 0 auto;position:relative;z-index:10;
    display:flex;gap:4px;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:999px;padding:4px;
    box-shadow:0 10px 26px -18px rgba(43,42,40,.12);
  }
  .tab-indicator{
    position:absolute;top:4px;left:0;height:calc(100% - 8px);width:0;
    border-radius:999px;background:var(--gold);
    z-index:0;pointer-events:none;will-change:left,width,transform;
    transform-origin:center center;
  }
  .tab-btn{
    position:relative;z-index:1;min-width:0;
    flex:1 1 0;border:none;background:transparent;cursor:pointer;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.86rem;
    color:var(--ink-soft);padding:10px 8px;border-radius:999px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    transition:color .25s ease, transform .25s cubic-bezier(.34,1.56,.64,1);
  }
  .tab-btn.active{background:transparent;color:var(--paper);}
  .tab-btn:active{transform:scale(.95);}
  .tab-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}

  .tab-more-wrap{position:relative;flex:0 0 auto;display:flex;align-items:center;}
  .tab-more{
    flex:0 0 auto;width:38px;height:38px;align-self:center;
    border:1px solid var(--paper-line);background:var(--paper);cursor:pointer;
    color:var(--ink);border-radius:999px;font-size:1.35rem;font-weight:800;
    display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:1px;
    transition:background .2s ease, color .2s ease, border-color .2s ease, transform .15s ease;
  }
  .tab-more:hover{background:var(--ink);color:var(--paper);}
  .tab-more:active{transform:scale(.92);}
  .tab-more.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .tab-more:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .tab-more-menu{
    position:absolute;top:calc(100% + 8px);right:0;z-index:30;
    background:var(--white);
    background:color-mix(in srgb, var(--white) 72%, transparent);
    border:1px solid var(--paper-line);
    border:1px solid color-mix(in srgb, var(--paper-line) 70%, transparent);
    border-radius:16px;box-shadow:0 18px 36px -18px rgba(43,42,40,.28);
    -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
    padding:6px;display:none;flex-direction:column;gap:1px;min-width:172px;
  }
  .tab-more-menu.show{display:flex;}
  .tab-more-item{
    display:flex;align-items:center;gap:8px;width:100%;text-align:left;
    padding:7px 8px;border-radius:10px;border:none;background:transparent;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.8rem;font-weight:600;color:var(--ink);cursor:pointer;
    text-decoration:none;box-sizing:border-box;white-space:nowrap;
    transition:background .18s ease, transform .12s ease;
  }
  .tab-more-item:hover{background:var(--paper);background:color-mix(in srgb, var(--paper) 85%, var(--white));}
  .tab-more-item:active{transform:scale(.97);}
  .tab-more-icon{
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:22px;height:22px;border-radius:7px;font-size:.78rem;line-height:1;
    background:var(--paper);
    background:color-mix(in srgb, var(--paper) 90%, var(--white));
  }

  /* İLETİŞİM - Instagram kartı */
  .contact-card{
    width:100%;max-width:360px;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:30px 24px;margin-top:10px;
    display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
  }
  .contact-icon{
    width:58px;height:58px;border-radius:16px;flex:0 0 auto;
    background:linear-gradient(135deg,#f58529 0%,#dd2a7b 45%,#8134af 70%,#515bd4 100%);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px -12px rgba(221,42,123,.55);
  }
  .contact-title{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.1rem;
    letter-spacing:.05em;color:var(--ink);
  }
  .contact-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    background:linear-gradient(135deg,#f58529 0%,#dd2a7b 45%,#8134af 70%,#515bd4 100%);
    color:#fff;border:none;border-radius:999px;padding:12px 24px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.92rem;
    text-decoration:none;cursor:pointer;transition:transform .15s ease, opacity .2s ease;
  }
  .contact-btn:hover{opacity:.92;}
  .contact-btn:active{transform:scale(.96);}
  .contact-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}

  /* GİRİŞ YAP */
  .login-card{
    width:100%;max-width:360px;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:30px 24px;margin-top:10px;
    display:flex;flex-direction:column;gap:14px;
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
  }
  .login-title{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.1rem;
    color:var(--ink);text-align:center;margin:0 0 4px;
  }
  .login-field{display:flex;flex-direction:column;gap:6px;}
  .login-field label{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.82rem;color:var(--ink-soft);
  }
  .login-field input{
    width:100%;box-sizing:border-box;border:1px solid var(--paper-line);border-radius:10px;
    padding:12px 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.92rem;color:var(--ink);
    background:var(--paper);outline:none;transition:border-color .15s ease;
  }
  .login-field input:focus{border-color:var(--pen);}
  .login-error{
    display:none;align-items:center;gap:8px;
    background:rgba(197,60,60,.10);border:1px solid rgba(197,60,60,.35);color:#a83232;
    border-radius:10px;padding:10px 12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;
  }
  .login-error.show{display:flex;}
  .login-submit{
    display:flex;align-items:center;justify-content:center;gap:8px;
    background:linear-gradient(135deg,var(--pen),var(--pen-dark));color:#fff;border:none;
    border-radius:999px;padding:13px 20px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.94rem;
    cursor:pointer;transition:transform .15s ease, opacity .2s ease;
  }
  .login-submit:hover{opacity:.92;}
  .login-submit:active{transform:scale(.97);}
  .login-submit:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}

  /* SIKÇA SORULAN SORULAR */
  .faq-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;margin-top:10px;}
  .faq-item{
    width:100%;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:2px 18px;box-shadow:0 14px 32px -22px rgba(43,42,40,.09);
  }
  .faq-item summary{list-style:none;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-q{
    cursor:pointer;padding:15px 0;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.96rem;color:var(--ink);
    display:flex;align-items:center;justify-content:space-between;gap:12px;
  }
  .faq-q-icon{
    flex:0 0 auto;width:22px;height:22px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.95rem;color:var(--gold);
    border:1px solid rgba(47,93,99,.4);transition:transform .2s ease;
  }
  .faq-item[open] .faq-q-icon{transform:rotate(45deg);}
  .faq-a{
    margin:0 0 16px;color:var(--ink-soft);font-size:.88rem;line-height:1.65;
    opacity:0;
    transform:translateY(10px);
  }
  .faq-item[open] .faq-a{
    animation:faqAnswerIn .55s cubic-bezier(.22,.61,.36,1) forwards;
  }
  @keyframes faqAnswerIn{
    0%{opacity:0;transform:translateY(10px);}
    60%{opacity:1;}
    100%{opacity:1;transform:translateY(0);}
  }
  @media (prefers-reduced-motion: reduce){
    .faq-a{opacity:1;transform:none;}
    .faq-item[open] .faq-a{animation:none;}
  }
  .tab-viewport{
    position:relative;width:100%;flex:1;min-height:0;
    overflow:hidden;contain:layout style paint;
  }
  .tab-panel{
    position:absolute;inset:0;z-index:1;
    display:flex;flex-direction:column;align-items:center;gap:10px;
    opacity:0;pointer-events:none;
    transform:translateX(28px);
    transition:opacity .3s ease, transform .3s ease;
    backface-visibility:hidden;
  }
  .tab-panel.from-left{transform:translateX(-28px);}
  .tab-panel.from-right{transform:translateX(28px);}
  .tab-panel.active{
    opacity:1;pointer-events:auto;z-index:2;
    transform:translateX(0);
  }
  /* Aktif olmayan (opacity:0 ile gizlenen ama DOM'da kalan) sekmelerin içindeki
     sonsuz (infinite) animasyonlar arka planda GPU/CPU tüketmeye devam eder;
     bu da sekme geçişlerinde ve kaydırmada mikro-takılmalara yol açar.
     Aktif olmayan panellerde tüm animasyonları duraklatarak akıcılığı artır. */
  .tab-panel:not(.active) *,
  .tab-panel:not(.active) *::before,
  .tab-panel:not(.active) *::after{
    animation-play-state:paused !important;
  }

  /* KAMP - premium giriş geçişi (diğer panellerden farklı, ama hafif) */
  #panelKamp{
    transition:opacity .35s ease, transform .35s ease;
  }
  #panelKamp.from-right{transform:translateX(32px);}
  #panelKamp.active{transform:translateX(0);}
  #panelKamp.kamp-animate .bank-offer{opacity:0;animation:kampOfferIn .65s cubic-bezier(.22,1,.36,1) both;animation-delay:.05s;}
  #panelKamp.kamp-animate .kamp-pricing-intro{opacity:0;animation:kampOfferIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.12s;}
  #panelKamp.kamp-animate .kamp-pricing-card{opacity:0;animation:kampFeatureIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s;}
  #panelKamp.kamp-animate .kamp-join-btn{opacity:0;animation:kampBtnIn .55s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s;position:relative;overflow:hidden;}
  #panelKamp.kamp-animate .kamp-pricing-guarantee{opacity:0;animation:kampFeatureIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.18s;}
  #panelKamp.kamp-animate .kamp-join-btn::after{
    content:'';position:absolute;top:0;left:-60%;width:35%;height:100%;
    background:linear-gradient(115deg, transparent, rgba(255,255,255,.65), transparent);
    transform:skewX(-20deg) translateX(0);animation:kampBtnShine 1.1s ease .95s 1;
    will-change:transform;
  }
  #panelKamp.kamp-animate .contact-note{opacity:0;animation:kampFeatureIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.7s;}
  @keyframes kampOfferIn{
    from{opacity:0;transform:translateY(16px);}
    to{opacity:1;transform:translateY(0);}
  }
  @keyframes kampFeatureIn{
    from{opacity:0;transform:translateY(20px);}
    to{opacity:1;transform:translateY(0);}
  }
  @keyframes kampBtnIn{
    from{opacity:0;transform:translateY(12px);}
    to{opacity:1;transform:translateY(0);}
  }
  @keyframes kampBtnShine{
    from{transform:skewX(-20deg) translateX(0%);}
    to{transform:skewX(-20deg) translateX(530%);}
  }

  /* Genel "ikincil panel" giriş animasyonu: İletişim, Ayarlar, Sayaç,
     Hakkımızda, Hoca Soruları ve Coğrafya (pratik seçim) sekmeleri her
     açıldığında Kampanya sekmesindeki gibi içerikler kademeli olarak
     (stagger) belirir. Panel her açıldığında JS ile sınıf sıfırlanıp
     yeniden eklenir, böylece animasyon her seferinde baştan oynar. */
  @keyframes panelBlockIn{
    from{ opacity:0; transform:translateY(16px); }
    to{ opacity:1; transform:translateY(0); }
  }
  .panel-animate > .bank-wrap > *{
    opacity:0;
    animation:panelBlockIn .5s cubic-bezier(.22,1,.36,1) both;
  }
  .panel-animate > .bank-wrap > *:nth-child(2){ animation-delay:.04s; }
  .panel-animate > .bank-wrap > *:nth-child(3){ animation-delay:.10s; }
  .panel-animate > .bank-wrap > *:nth-child(4){ animation-delay:.16s; }
  .panel-animate > .bank-wrap > *:nth-child(5){ animation-delay:.22s; }
  .panel-animate > .bank-wrap > *:nth-child(6){ animation-delay:.28s; }
  .panel-animate > .bank-wrap > *:nth-child(7){ animation-delay:.34s; }
  /* Geri butonu beklemeden hemen görünsün */
  .panel-animate > .bank-wrap > .quiz-back{ animation:none; opacity:1; }
  /* İç içe listeler (kendi kartları ayrı ayrı canlanacağı için dış kapsayıcı
     ikinci kez solmasın diye burada anında görünür bırakılıyor) */
  .panel-animate > .bank-wrap > .settings-list,
  .panel-animate > .bank-wrap > .counter-list,
  .panel-animate > .bank-wrap > .geo-menu-grid,
  .panel-animate > .bank-wrap > .hoca-soru-list{ animation:none; opacity:1; }

  .panel-animate .settings-list > *,
  .panel-animate .counter-list > *,
  .panel-animate .hoca-soru-list > *{
    opacity:0;
    animation:panelBlockIn .45s cubic-bezier(.22,1,.36,1) both;
  }
  .panel-animate .settings-list > *:nth-child(1){ animation-delay:.02s; }
  .panel-animate .settings-list > *:nth-child(2){ animation-delay:.06s; }
  .panel-animate .settings-list > *:nth-child(3){ animation-delay:.10s; }
  .panel-animate .settings-list > *:nth-child(4){ animation-delay:.14s; }
  .panel-animate .settings-list > *:nth-child(5){ animation-delay:.18s; }
  .panel-animate .settings-list > *:nth-child(6){ animation-delay:.22s; }
  .panel-animate .settings-list > *:nth-child(7){ animation-delay:.26s; }
  .panel-animate .settings-list > *:nth-child(8){ animation-delay:.30s; }
  .panel-animate .settings-list > *:nth-child(9){ animation-delay:.34s; }
  .panel-animate .settings-list > *:nth-child(10){ animation-delay:.38s; }
  .panel-animate .settings-list > *:nth-child(11){ animation-delay:.42s; }
  .panel-animate .settings-list > *:nth-child(12){ animation-delay:.46s; }
  .panel-animate .counter-list > *:nth-child(1){ animation-delay:.04s; }
  .panel-animate .counter-list > *:nth-child(2){ animation-delay:.11s; }
  .panel-animate .counter-list > *:nth-child(3){ animation-delay:.18s; }
  .panel-animate .counter-list > *:nth-child(4){ animation-delay:.25s; }
  .panel-animate .hoca-soru-list > *:nth-child(1){ animation-delay:.03s; }
  .panel-animate .hoca-soru-list > *:nth-child(2){ animation-delay:.08s; }
  .panel-animate .hoca-soru-list > *:nth-child(3){ animation-delay:.13s; }
  .panel-animate .hoca-soru-list > *:nth-child(4){ animation-delay:.18s; }
  .panel-animate .hoca-soru-list > *:nth-child(5){ animation-delay:.23s; }
  .panel-animate .hoca-soru-list > *:nth-child(n+6){ animation-delay:.28s; }

  /* Coğrafya pratik seçim ızgarası: kartlar 2 sütun olduğu için 8'li
     döngüyle (4 satır) dalga şeklinde kademeli belirir. */
  .panel-animate .geo-menu-grid > .geo-menu-card{
    opacity:0;
    animation:panelBlockIn .4s cubic-bezier(.22,1,.36,1) both;
  }
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+1),
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+2){ animation-delay:.03s; }
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+3),
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+4){ animation-delay:.09s; }
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+5),
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+6){ animation-delay:.15s; }
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n+7),
  .panel-animate .geo-menu-grid > .geo-menu-card:nth-child(8n){ animation-delay:.21s; }

  @media (prefers-reduced-motion: reduce){
    .panel-animate > .bank-wrap > *,
    .panel-animate .settings-list > *,
    .panel-animate .counter-list > *,
    .panel-animate .hoca-soru-list > *,
    .panel-animate .geo-menu-grid > .geo-menu-card{
      opacity:1; animation:none;
    }
  }

  #panelPdf{
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:28px;
  }
  #panelBank{
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  /* Scroll-Triggered Fade-In & Slide-Up: aşağı kaydırınca içeriklerin
     animasyonla belirmesi (ilk ekran hariç — o zaten panel/app-stage
     fade-in ile geliyor). Konu Anlatımı, Soru Bankası ve Diğer
     Uygulamalar (30 Deneme + ÖSYM Ne Sorar) sekmelerinde ortak kullanılır.
     Az sayıda büyük blok animasyonlanır ve görünür olunca will-change
     hemen kapatılır — mobilde donma/gecikme yaratmaz. */
  .scroll-reveal{
    opacity:0;
    transform:translateY(30px) scale(.98);
    transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);
    will-change:opacity, transform;
  }
  .scroll-reveal.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
    will-change:auto;
  }
  #panelPdf .faq-list .faq-item.scroll-reveal:nth-of-type(1){transition-delay:.02s;}
  #panelPdf .faq-list .faq-item.scroll-reveal:nth-of-type(2){transition-delay:.09s;}
  #panelPdf .faq-list .faq-item.scroll-reveal:nth-of-type(3){transition-delay:.16s;}
  #panelPdf .faq-list .faq-item.scroll-reveal:nth-of-type(4){transition-delay:.23s;}
  #panelPdf .compare-col .compare-item.scroll-reveal:nth-of-type(1){transition-delay:.08s;}
  #panelPdf .compare-col .compare-item.scroll-reveal:nth-of-type(2){transition-delay:.18s;}
  #panelPdf .compare-col .compare-item.scroll-reveal:nth-of-type(3){transition-delay:.28s;}
  #panelPdf .compare-col .compare-item.scroll-reveal:nth-of-type(4){transition-delay:.38s;}
  /* Karşılaştırma sütunları (Klasik Ezber / Kamp Sistemi) için "grow" efekti:
     yukarıdan aşağı yükseklik açarak büyüyerek belirir. */
  #panelPdf .compare-col.scroll-reveal{
    opacity:0;
    transform-origin:top center;
    transform:scaleY(.35) translateY(-10px);
    transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .68s cubic-bezier(.22,1,.36,1);
  }
  #panelPdf .compare-col.scroll-reveal.is-visible{
    opacity:1;
    transform:scaleY(1) translateY(0);
  }
  #panelPdf .compare-col.scroll-reveal.compare-col--good{transition-delay:.12s;}
  #panelPdf .compare-col.scroll-reveal .compare-item.scroll-reveal{
    transform:translateY(14px) scale(.98);
  }
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(1){transition-delay:.02s;}
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(2){transition-delay:.08s;}
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(3){transition-delay:.14s;}
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(4){transition-delay:.20s;}
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(5){transition-delay:.26s;}
  #panelPdf .trust-grid .trust-chip.scroll-reveal:nth-of-type(6){transition-delay:.32s;}
  @media (prefers-reduced-motion: reduce){
    .scroll-reveal{opacity:1;transform:none;transition:none;}
    #panelPdf .compare-col.scroll-reveal{opacity:1;transform:none;transition:none;}
  }

  /* STAGE */
  .app-stage{
    flex:1;min-height:0;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
    gap:14px;padding:10px 16px 16px;overflow:hidden;
  }

  .stage-intro{width:100%;max-width:600px;flex:0 0 auto;text-align:center;padding:2px 6px 0;}
  .promo-banner{
    width:100%;max-width:600px;flex:0 0 auto;
    background:rgba(199,154,61,.1);border:1px solid rgba(199,154,61,.35);
    color:var(--pen-dark);border-radius:12px;
    padding:10px 0;margin:0 0 4px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;line-height:1.35;
    overflow:hidden;position:relative;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);
  }
  .promo-marquee{
    display:flex;width:max-content;
    animation:promoMarquee 18s linear infinite;
    will-change:transform;
  }
  .promo-banner-text{
    display:inline-flex;align-items:center;flex:0 0 auto;
    white-space:nowrap;padding:0 36px;
  }
  @keyframes promoMarquee{
    from{transform:translateX(-50%);}
    to{transform:translateX(0);}
  }
  .promo-banner:hover .promo-marquee,
  .promo-banner.is-paused .promo-marquee{
    animation-play-state:paused;
  }
  @media (prefers-reduced-motion: reduce){
    .promo-marquee{animation:none;}
  }
  html[data-theme="dark"] .promo-banner{color:#E7C067;}
  .promo-banner strong{font-weight:700;}
  @media (max-width:480px){ .promo-banner{font-size:.78rem;} .promo-banner-text{padding:0 24px;} }

  /* GÜNLÜK ÇALIŞMA SERİSİ (streak) rozeti — sayfanın en üstünde, girer girmez görünür */
  .streak-badge{
    width:100%;max-width:600px;flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;gap:7px;
    background:linear-gradient(135deg, rgba(199,154,61,.16), rgba(199,154,61,.05));
    border:1px solid rgba(199,154,61,.35);border-radius:999px;
    padding:8px 16px;margin:0 0 6px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.82rem;
    color:var(--pen-dark);
    animation:streakBadgeIn .5s cubic-bezier(.22,1,.36,1) both;
  }
  .streak-badge-icon{font-size:1rem;line-height:1;}
  html[data-theme="dark"] .streak-badge{
    background:linear-gradient(135deg, rgba(217,174,85,.18), rgba(217,174,85,.06));
    border-color:rgba(217,174,85,.4);color:#E7C067;
  }
  @keyframes streakBadgeIn{
    0%{opacity:0;transform:translateY(-6px) scale(.95);}
    100%{opacity:1;transform:translateY(0) scale(1);}
  }
  @media (max-width:480px){ .streak-badge{font-size:.76rem;padding:7px 12px;} }

  /* TRUST GRID - anasayfa güven rozetleri (2x3 sabit ızgara, kaydırma yok) */
  .trust-grid-wrap{
    width:100%;max-width:520px;margin:26px 0 4px;
    display:flex;flex-direction:column;align-items:center;gap:14px;
  }
  .trust-grid-title{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.98rem;
    color:var(--ink);text-align:center;margin:0;
  }
  .trust-grid{
    width:100%;
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
  }
  .trust-chip{
    display:flex;align-items:center;gap:9px;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:14px;padding:12px 10px;
    box-shadow:0 8px 18px -14px rgba(43,42,40,.25);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.78rem;
    color:var(--ink);line-height:1.25;
    position:relative;isolation:isolate;overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    transition:transform .3s cubic-bezier(.22,1,.36,1),
               box-shadow .45s cubic-bezier(.22,1,.36,1),
               border-color .45s cubic-bezier(.22,1,.36,1),
               background .45s ease;
    will-change:transform;
  }
  .trust-chip::before{
    content:"";position:absolute;inset:0;border-radius:inherit;
    background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),
      rgba(var(--pen-rgb),.55), rgba(var(--pen-rgb),0) 60%);
    opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0;
  }
  .trust-chip > *{position:relative;z-index:1;}
  .trust-chip-icon{
    display:flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:30px;height:30px;border-radius:50%;
    background:rgba(47,93,99,.12);font-size:.98rem;
    transition:background .45s ease, box-shadow .45s ease, transform .4s cubic-bezier(.22,1,.36,1);
  }
  html[data-theme="dark"] .trust-chip{background:rgba(255,255,255,.04);}
  @media (max-width:360px){ .trust-chip{font-size:.72rem;padding:10px 8px;} .trust-chip-icon{width:26px;height:26px;font-size:.88rem;} }

  /* Dokunma / tıklama parlama efekti - tema rengiyle uyumlu altın glow */
  .trust-chip.chip-glow{
    border-color:rgba(var(--pen-rgb),.65);
    transform:translateY(-2px) scale(1.025);
    box-shadow:
      0 0 0 1px rgba(var(--pen-rgb),.4),
      0 14px 30px -12px rgba(var(--pen-rgb),.55),
      0 0 28px 3px rgba(var(--pen-rgb),.38);
  }
  .trust-chip.chip-glow::before{opacity:1;}
  .trust-chip.chip-glow .trust-chip-icon{
    background:rgba(var(--pen-rgb),.28);
    box-shadow:0 0 16px 2px rgba(var(--pen-rgb),.55);
    transform:scale(1.08);
  }
  @media (hover:hover){
    .trust-chip:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 22px -14px rgba(var(--pen-rgb),.4);
    }
  }
  @media (prefers-reduced-motion:reduce){
    .trust-chip, .trust-chip-icon, .trust-chip::before{transition:none;}
  }

  .stage-intro h2{font-size:1.5rem;line-height:1.2;margin-bottom:8px;font-weight:700;-webkit-text-stroke:.3px var(--ink);}
  .stage-intro p{color:var(--ink-soft);font-size:.88rem;line-height:1.55;margin:0;}
  @media(max-width:600px){
    .stage-intro h2{font-size:1.25rem;}
    .stage-intro p{font-size:.84rem;}
  }

  .deck{display:flex;align-items:stretch;justify-content:center;width:100%;max-width:720px;flex:0 0 auto;height:min(44vh,440px);}
  .deck-stage{flex:1 1 auto;min-width:0;overflow:hidden;border-radius:16px;}
  .deck-track{display:flex;align-items:stretch;height:100%;will-change:transform,opacity;touch-action:pan-y;transition:transform .74s cubic-bezier(.16,1,.3,1),opacity .45s ease-out;}
  .deck-track.is-wrapping{transition:opacity .45s ease-out;}
  .deck-track.is-dragging{transition:none;}
  /* Kart 3'lü kaydırıcı: ortadaki kart öne çıkar, yanlardaki kartların
     resimleri kendi genişliklerinin belirgin bir kısmı gözükecek şekilde
     her iki tarafta da "peek" bırakılır, boşluk kalmaz. */
  .deck-card{
    flex:0 0 70%;min-height:0;display:flex;
    padding:0 6px;box-sizing:border-box;
    opacity:.45;cursor:pointer;
    transform:scale(.92) translateZ(0);
    transition:opacity .74s cubic-bezier(.16,1,.3,1), transform .74s cubic-bezier(.16,1,.3,1);
    /* Her kart kendi GPU katmanına yükseltilir. deck-track tek parça geniş bir
       katman olarak ele alınırsa tarayıcı yalnızca görünen "tile"ları
       rasterize edip uzaktaki kartları geciktirir (mobil checkerboarding);
       kart bazında katmanlama, henüz kaydırılmamış kartların da önceden
       rasterize edilmesini sağlar. */
    will-change:transform;
  }
  .deck-card.is-active{opacity:1;cursor:default;transform:scale(1);}

  .page-card{
    position:relative;isolation:isolate;
    width:100%;display:flex;flex-direction:column;min-height:0;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;overflow:hidden;
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
    transition:box-shadow .56s cubic-bezier(.22,1,.36,1),
               border-color .45s ease;
  }
  .deck-card.is-active .page-card{
    box-shadow:0 24px 52px -20px rgba(43,42,40,.18);
  }
  /* Dokunma parlaması: kart üzerine dokunulan noktadan yayılan altın glow */
  .page-card::before{
    content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    border-radius:inherit;opacity:0;
    background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),
      rgba(var(--pen-rgb),.55), rgba(var(--pen-rgb),0) 62%);
    transition:opacity .5s ease;
  }
  .page-card.card-glow,
  .deck-card.is-active .page-card.card-glow{
    border-color:rgba(var(--pen-rgb),.55);
    box-shadow:0 0 0 1px rgba(var(--pen-rgb),.4),
               0 22px 46px -16px rgba(var(--pen-rgb),.45),
               0 0 30px 4px rgba(var(--pen-rgb),.32);
  }
  .page-card.card-glow::before{opacity:1;}
  .page-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 16px;}

  .deck-meta{flex:0 0 auto;width:100%;max-width:640px;display:flex;flex-direction:column;gap:7px;margin-top:2px;}
  .deck-meta-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
  .deck-meta-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.92rem;color:var(--ink);}
  .deck-count{font-size:.8rem;color:var(--ink-soft);white-space:nowrap;}
  .deck-progress{
    position:relative;width:100%;height:7px;border-radius:999px;
    background:var(--paper-line);overflow:visible;
    box-shadow:inset 0 1px 2px rgba(43,42,40,.07);
  }
  .deck-progress-fill{
    position:relative;height:100%;border-radius:999px;overflow:visible;
    background:linear-gradient(90deg, var(--pen-dark) 0%, var(--pen) 55%, var(--gold) 100%);
    transition:width .74s cubic-bezier(.16,1,.3,1);
  }
  .deck-progress-fill::before{
    content:"";position:absolute;inset:0;border-radius:inherit;overflow:hidden;
    background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.65) 46%, transparent 66%);
    background-size:220% 100%;
    animation:deckProgressShine 2.8s ease-in-out infinite;
    pointer-events:none;
  }
  .deck-progress-fill::after{
    content:"";position:absolute;top:50%;right:-1px;
    width:11px;height:11px;border-radius:50%;
    background:var(--gold);border:2px solid var(--white);
    transform:translate(50%,-50%);
    box-shadow:0 1px 4px rgba(43,42,40,.12);
    transition:right .74s cubic-bezier(.16,1,.3,1);
  }
  @keyframes deckProgressShine{
    0%{background-position:160% 0;}
    100%{background-position:-60% 0;}
  }

  @media(max-width:600px){
    .deck{height:min(38vh,360px);}
    .deck-card{flex-basis:66%;padding:0 5px;}
    .page-body{padding:20px 18px 16px;}
    .app-bar-inner{padding:14px 16px 16px;}
  }
  @media(max-width:400px){
    .deck{height:min(36vh,330px);}
    .deck-card{flex-basis:68%;padding:0 4px;}
    .tab-btn{font-size:.76rem;padding:9px 6px;}
    .tab-more{width:34px;height:34px;font-size:1.15rem;}
  }
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important;}
  }

  /* Genel Kültür kapsamı: mevcut krem, altın ve petrol paleti. */
  .camp-subjects{width:100%;max-width:520px;margin-top:28px;}
  .camp-subjects h3{margin:0 0 8px;font-size:1.15rem;line-height:1.35;color:var(--ink);}
  .camp-subjects-intro{margin:0 0 16px;font-size:.85rem;line-height:1.6;color:var(--ink-soft);}
  .camp-subject-list{display:grid;gap:12px;list-style:none;padding:0;margin:0;}
  .camp-subject-card{position:relative;isolation:isolate;overflow:hidden;min-height:130px;border:1px solid var(--paper-line);border-radius:16px;display:flex;align-items:center;padding:22px;box-shadow:0 14px 28px -22px rgba(43,42,40,.3);}
  .camp-subject-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
  .camp-subject-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,246,236,.76),rgba(250,246,236,.42) 65%,rgba(250,246,236,.12));}
  .camp-subject-label{display:inline-block;padding:10px 17px;border:1px solid rgba(199,154,61,.5);border-radius:10px;background:rgba(250,246,236,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1.16rem;font-weight:750;color:#2B2A28;}
  .camp-option-note{padding:15px 17px;margin:16px 0 0;border:1px solid var(--paper-line);border-radius:13px;background:var(--white);font-size:.83rem;line-height:1.65;color:var(--ink-soft);}
  .camp-option-note strong{color:var(--ink);}
  html[data-theme="dark"] .camp-subject-card::before{background:linear-gradient(90deg,rgba(24,22,19,.78),rgba(24,22,19,.43) 65%,rgba(24,22,19,.16));}
  html[data-theme="dark"] .camp-subject-label{background:rgba(24,22,19,.60);color:#F5F0E4;}
  .kamp-cover{display:block;margin:8px 0 20px;width:100%;border:1px solid var(--paper-line);border-radius:16px;overflow:hidden;background:#F7F1E3;}
  .kamp-cover img{display:block;width:100%;height:auto;object-fit:contain;}
  .camp-contents{margin:22px 0;width:100%;}
  .camp-contents h3{margin:0 0 12px;font-size:1.04rem;color:var(--ink);}
  .camp-contents .faq-list{max-width:none;margin-top:0;}
  .camp-contents .faq-q{gap:12px;}
  .camp-contents .faq-a{margin-bottom:6px;}
  @media(max-width:360px){.camp-subject-card{min-height:116px;padding:18px;}.camp-subject-label{font-size:1.05rem;}}



  .page-image-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;}
  .page-image-wrap img{width:auto;height:100%;max-width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border:none;box-shadow:none;border-radius:12px;display:block;margin:0 auto;cursor:zoom-in;transform:translateZ(0);backface-visibility:hidden;}
  .page-image-wrap::after{
    content:"🔍 Tam bakmak için resme dokun";
    position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
    background:rgba(43,42,40,.22);color:var(--white);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.66rem;letter-spacing:.01em;
    padding:5px 11px;border-radius:999px;pointer-events:none;white-space:nowrap;
    z-index:2;
  }
  .page-body-flush{padding:0 !important;}
  .page-image-wrap--full{position:relative;height:100%;width:100%;gap:0;overflow:hidden;}
  .page-image-wrap--full img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border:none;box-shadow:none;border-radius:0;transform:scale(1.1);transform-origin:center center;cursor:zoom-in;}

  .img-lightbox{
    position:fixed;inset:0;z-index:80;background:rgba(12,14,22,.94);
    display:none;flex-direction:column;
  }
  .img-lightbox.open{display:flex;}
  .img-lightbox-bar{
    flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;
    padding:14px 18px;color:var(--white);
  }
  .img-lightbox-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1rem;}
  .img-lightbox-close{
    flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:none;
    background:rgba(255,255,255,.14);color:var(--white);font-size:1.1rem;line-height:1;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
  }
  .img-lightbox-stage{
    flex:1;min-height:0;display:flex;align-items:center;justify-content:center;
    padding:6px 16px 26px;cursor:zoom-out;
  }
  .img-lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;}
  .page-placeholder{
    width:100%;max-width:460px;aspect-ratio:3/4;border-radius:12px;
    border:2px dashed var(--paper-line);display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:8px;color:var(--ink-soft);
    text-align:center;padding:20px;
  }
  .page-placeholder .ph-num{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:2rem;color:var(--paper-line);}
  .page-placeholder .ph-label{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.95rem;color:var(--ink);}
  .page-placeholder .ph-hint{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;}

  /* SORU BANKASI - satış / paywall alanı */
  .bank-wrap{width:100%;max-width:540px;flex:1 1 auto;display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:32px;}
  .bank-wrap > *{flex-shrink:0;}

  .bank-offer{
    width:100%;text-align:left;padding:26px 24px;border-radius:16px;
    background:linear-gradient(180deg, rgba(47,93,99,.09), rgba(47,93,99,.02));
    border:1px solid rgba(47,93,99,.4);
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
  }

  /* 3D interactive "Hoca Soruları" card-button */
  .hoca-soru-3d-btn{
    cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none;
    position:relative;isolation:isolate;overflow:hidden;
    transform:translateY(0) scale(1);
    transition:transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s cubic-bezier(.2,.8,.2,1);
    /* layered "raised" 3D shadow: soft ambient + crisp offset "edge" */
    box-shadow:
      0 1px 0 rgba(255,255,255,.6) inset,
      0 -10px 18px -8px rgba(47,93,99,.12) inset,
      0 14px 0 -6px rgba(47,93,99,.16),
      0 22px 34px -18px rgba(43,42,40,.35),
      0 3px 0 rgba(47,93,99,.35);
    animation:hocaSoruFloat 3.6s ease-in-out infinite;
  }
  .hoca-soru-3d-btn::before{
    content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(120deg, rgba(255,255,255,.55), rgba(255,255,255,0) 40%);
    mix-blend-mode:overlay;opacity:.9;z-index:1;
  }
  .hoca-soru-3d-btn::after{
    content:"";position:absolute;left:8%;right:8%;bottom:6px;height:40%;border-radius:999px;
    background:radial-gradient(50% 100% at 50% 100%, rgba(47,93,99,.22), rgba(47,93,99,0) 70%);
    opacity:.55;pointer-events:none;animation:hocaSoruGlow 3.6s ease-in-out infinite;
  }
  .hoca-soru-3d-btn > *{position:relative;z-index:2;}
  .hoca-soru-3d-btn:hover{
    transform:translateY(-3px) scale(1.01);
    box-shadow:
      0 1px 0 rgba(255,255,255,.6) inset,
      0 -10px 18px -8px rgba(47,93,99,.14) inset,
      0 17px 0 -6px rgba(47,93,99,.18),
      0 28px 40px -18px rgba(43,42,40,.4),
      0 4px 0 rgba(47,93,99,.4);
  }
  .hoca-soru-3d-btn:active,
  .hoca-soru-3d-btn.is-pressed{
    animation-play-state:paused;
    transform:translateY(3px) scale(.98);
    transition:transform .06s ease-out, box-shadow .06s ease-out;
    box-shadow:
      0 1px 0 rgba(255,255,255,.45) inset,
      0 -6px 12px -6px rgba(47,93,99,.16) inset,
      0 3px 0 -1px rgba(47,93,99,.16),
      0 8px 16px -10px rgba(43,42,40,.35),
      0 1px 0 rgba(47,93,99,.35);
  }
  .hoca-soru-3d-btn:focus-visible{
    outline:2px solid var(--gold);outline-offset:3px;
  }
  @keyframes hocaSoruFloat{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-4px) scale(1.005);}
  }
  @keyframes hocaSoruGlow{
    0%,100%{opacity:.4;}
    50%{opacity:.75;}
  }
  @media (prefers-reduced-motion: reduce){
    .hoca-soru-3d-btn{animation:none;}
    .hoca-soru-3d-btn::after{animation:none;}
  }
  .bank-offer-eyebrow{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.78rem;
    letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;
  }
  .bank-offer-lead{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.05rem;
    color:var(--gold);margin-bottom:16px;
  }
  .bank-offer p{color:var(--ink);font-size:1rem;line-height:1.55;margin:0 0 22px;}
  .bank-offer-note{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.88rem;
    color:var(--gold);margin:-14px 0 12px;
  }
  .bank-access-note{
    display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.78rem;font-weight:600;
    letter-spacing:.02em;color:var(--gold);
    background:rgba(47,93,99,.1);border:1px solid rgba(47,93,99,.3);
    border-radius:999px;padding:7px 14px;margin:0 0 18px;
  }
  .bank-access-note strong{color:var(--ink);}

  .contact-icon-mail{
    background:linear-gradient(135deg, var(--gold) 0%, var(--pen-dark) 100%);
    box-shadow:0 10px 24px -12px rgba(199,154,61,.28);
  }
  .contact-btn-mail{
    background:linear-gradient(135deg, var(--gold) 0%, var(--pen-dark) 100%);
  }

  .contact-note{
    display:inline-flex;align-items:center;gap:7px;align-self:center;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.86rem;
    color:#fff;
    background:linear-gradient(135deg,#f58529 0%,#dd2a7b 45%,#8134af 70%,#515bd4 100%);
    border-radius:999px;padding:9px 18px;margin-top:2px;
    box-shadow:0 10px 24px -12px rgba(221,42,123,.45);
  }

  /* KAMP - online soru çözüm kampı tanıtım kartları */
  .kamp-feature-grid{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;margin-top:4px;}
  .kamp-feature-item{
    width:100%;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px;
    box-shadow:0 14px 32px -22px rgba(43,42,40,.09);
  }
  .kamp-feature-icon{
    flex:0 0 auto;width:40px;height:40px;border-radius:12px;
    background:rgba(47,93,99,.12);display:flex;align-items:center;justify-content:center;font-size:1.15rem;
  }
  .kamp-feature-title{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.94rem;color:var(--ink);margin-bottom:4px;}
  .kamp-feature-item p{margin:0;color:var(--ink-soft);font-size:.85rem;line-height:1.55;}

  /* KARŞILAŞTIRMA - klasik ezber vs kamp sistemi */
  .compare-section{width:100%;max-width:520px;margin-top:28px;display:flex;flex-direction:column;gap:14px;}
  .compare-heading{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.05rem;color:var(--ink);text-align:center;line-height:1.4;}
  .compare-heading span{color:var(--gold);}
  .compare-grid{position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .compare-col{
    border-radius:16px;padding:20px 14px 18px;display:flex;flex-direction:column;align-items:center;
    text-align:center;gap:10px;
  }
  .compare-col--bad{background:rgba(198,72,58,.07);border:1px solid rgba(198,72,58,.22);}
  .compare-col--good{background:rgba(47,93,99,.08);border:1px solid rgba(47,93,99,.28);}
  .compare-icon{
    width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:1.2rem;color:#fff;font-weight:800;
  }
  .compare-col--bad .compare-icon{background:#C6483A;}
  .compare-col--good .compare-icon{background:var(--gold);}
  .compare-col-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1rem;}
  .compare-col--bad .compare-col-title{color:#C6483A;}
  .compare-col--good .compare-col-title{color:var(--gold);}
  .compare-col-tag{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.72rem;
    padding:5px 12px;border-radius:999px;
  }
  .compare-col--bad .compare-col-tag{background:rgba(198,72,58,.14);color:#C6483A;}
  .compare-col--good .compare-col-tag{background:rgba(47,93,99,.15);color:var(--gold);}
  .compare-divider{width:100%;height:1px;background:var(--paper-line);margin:2px 0;}
  .compare-item{width:100%;display:flex;flex-direction:column;gap:4px;text-align:left;}
  .compare-item-icon{font-size:.95rem;}
  .compare-item-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.82rem;color:var(--ink);}
  .compare-item-text{font-size:.76rem;line-height:1.5;color:var(--ink-soft);}
  .compare-vs{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, var(--gold) 0%, var(--pen-dark) 100%);color:#fff;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:.82rem;
    box-shadow:0 10px 24px -10px rgba(43,42,40,.45);z-index:2;
  }
  @media (max-width:380px){
    .compare-col{padding:16px 10px 14px;gap:8px;}
    .compare-item-title{font-size:.78rem;}
    .compare-item-text{font-size:.72rem;}
    .compare-vs{width:38px;height:38px;font-size:.72rem;}
  }

  /* SAYAÇ - sınavlara kalan gün sayacı */
  .counter-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;margin-top:6px;}
  .counter-card{
    width:100%;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;
    box-shadow:0 14px 32px -22px rgba(43,42,40,.09);
  }
  .counter-card-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:.98rem;letter-spacing:.01em;color:var(--ink);}
  .counter-card-date{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.72rem;color:var(--gold);margin-top:3px;}
  .counter-card-value{flex:0 0 auto;text-align:right;}
  .counter-card-num{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.6rem;line-height:1;
    background:linear-gradient(135deg, var(--ink) 0%, var(--gold) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ink);
  }
  .counter-card-unit{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-top:2px;}
  .counter-card-num.tbd{
    font-size:.85rem;font-weight:700;
    background:linear-gradient(135deg, var(--ink-soft) 0%, var(--ink) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--ink-soft);
  }
  /* SAYAÇ - alt kısımda gezinen tatlı canavar */
  .sayac-pet-track{
    position:absolute;left:0;right:0;bottom:0;height:64px;
    pointer-events:none;overflow:hidden;z-index:1;
  }
  .sayac-pet{
    position:absolute;left:0;bottom:6px;width:56px;height:47px;
    transform:translateX(0);will-change:transform;
    pointer-events:auto;cursor:pointer;
  }
  .pet-svg{display:block;width:100%;height:100%;overflow:visible;}
  .pet-body{fill:var(--pen);stroke:var(--ink-soft);stroke-width:1.4;stroke-opacity:.35;transform-origin:32px 28px;animation:petBreathe 2.6s ease-in-out infinite;}
  .pet-belly{fill:var(--paper);opacity:.9;}
  .pet-pupil{fill:#F0A0C0;transition:opacity .12s ease, transform .5s ease;transform-box:fill-box;transform-origin:center;}
  .pet-mouth{stroke:var(--ink-soft);stroke-width:1.6;stroke-linecap:round;opacity:.7;}
  .pet-leg{fill:var(--pen);opacity:.9;}
  .pet-leg-l{transform-origin:22px 47px;}
  .pet-leg-r{transform-origin:42px 47px;}
  .pet-face{transform-origin:32px 28px;}
  .pet-blink .pet-pupil{opacity:.15;}
  /* Gece modunda canavar da uykulu görünsün: gözler yarı kapalı, nefes yavaş.
     Canavar bir yere "bakarken" JS geçici olarak göz transform'unu inline
     stille ele alır ve gözler bu esnada normal açılır — bakışını bitirince
     tekrar bu uykulu kısık hale döner. */
  html[data-theme="dark"] .pet-pupil{transform:scaleY(.5);}
  html[data-theme="dark"] .pet-body{animation-duration:4.2s;}
  @keyframes petBreathe{
    0%,100%{transform:scaleY(1);}
    50%{transform:scaleY(1.035);}
  }
  @keyframes petLegWalk{
    0%,100%{transform:translateY(0) scaleY(1);}
    50%{transform:translateY(-2px) scaleY(.82);}
  }
  .pet-walking .pet-leg-l{animation:petLegWalk var(--pet-leg-dur, .32s) ease-in-out infinite;}
  .pet-walking .pet-leg-r{animation:petLegWalk var(--pet-leg-dur, .32s) ease-in-out infinite;animation-delay:calc(var(--pet-leg-dur, .32s) / 2);}
  #panelSayac .bank-wrap{padding-bottom:78px;}

  /* Canavara dokununca: zıplama + kalp emojisi (küçük easter egg) */
  @keyframes petJump{
    0%{transform:translateY(0) scaleY(1);}
    30%{transform:translateY(-13px) scaleY(1.1);}
    55%{transform:translateY(-13px) scaleY(.93);}
    78%{transform:translateY(2px) scaleY(1.06);}
    100%{transform:translateY(0) scaleY(1);}
  }
  .pet-jump-anim{animation:petJump .55s cubic-bezier(.34,1.56,.64,1);}
  .pet-heart{
    position:absolute;font-size:16px;line-height:1;pointer-events:none;z-index:4;
    animation:petHeartFloat .9s ease-out forwards;
  }
  @keyframes petHeartFloat{
    0%{transform:translateY(0) scale(.3);opacity:0;}
    18%{transform:translateY(-8px) scale(1.15);opacity:1;}
    100%{transform:translateY(-48px) scale(.88);opacity:0;}
  }

  .bank-cta{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;background:var(--ink);color:var(--paper);border:none;
    border-radius:999px;padding:16px 20px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1rem;
    cursor:pointer;transition:background .2s ease, transform .2s ease;
  }
  .bank-cta:hover{background:var(--ink-soft);}
  .bank-cta:active{transform:scale(.98);}
  .bank-cta.locked{background:var(--ink-soft);opacity:.55;cursor:not-allowed;}
  .bank-cta.locked:hover{background:var(--ink-soft);}
  .bank-cta.locked:active{transform:none;}
  .bank-cta:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  @media(max-width:600px){
    .bank-offer{padding:22px 18px;}
  }

  .kamp-join-btn{
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;text-decoration:none;
    background:linear-gradient(135deg, var(--pen), var(--pen-dark));
    color:#fff;border:none;border-radius:999px;
    padding:18px 20px;margin-top:4px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.05rem;
    box-shadow:0 14px 30px -12px rgba(199,154,61,.28);
    transition:transform .18s ease, box-shadow .18s ease;
  }
  .kamp-join-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(168,126,42,.32);}
  .kamp-join-btn:active{transform:scale(.98);}
  .kamp-join-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}

  .kamp-join-subnote{
    width:100%;text-align:center;margin-top:10px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.85rem;font-weight:600;
    color:var(--ink-soft, #6b6459);
    opacity:.8;
  }

  /* KAMP - aylık kontenjan uyarısı */
  .kamp-quota-note{
    width:100%;max-width:480px;margin:0 auto 18px;
    background:var(--paper,#FFFCF4);
    border:1px solid var(--rule,#DCCFB4);
    border-left:4px solid var(--pen,#8B2331);
    border-radius:10px;
    padding:14px 16px;
    text-align:left;
  }
  .kamp-quota-title{
    display:block;font-weight:700;font-size:.92rem;
    color:var(--ink);margin-bottom:6px;
  }
  .kamp-quota-note p{
    margin:0;font-size:.85rem;line-height:1.55;color:var(--ink-soft);
  }

  /* KAMP - tek paketli fiyatlandırma kartı */
  .kamp-pricing-intro{
    width:100%;text-align:center;margin:2px 0 2px;
  }
  .kamp-pricing-intro-title{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.08rem;color:var(--ink);
  }
  .kamp-pricing-intro-sub{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;color:var(--ink-soft);margin-top:4px;
  }
  .kamp-pricing-grid{
    width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px;margin:8px auto 0;
  }
  .kamp-pricing-card{
    position:relative;width:100%;background:var(--white);border:1px solid var(--paper-line);
    border-radius:20px;padding:22px 20px 20px;
    box-shadow:0 16px 36px -22px rgba(43,42,40,.12);
  }
  .kamp-pricing-card--featured{
    border:2px solid var(--pen);
    background:linear-gradient(180deg, rgba(199,154,61,.07), rgba(255,255,255,1) 60%);
    box-shadow:0 20px 44px -18px rgba(199,154,61,.32);
  }
  .kamp-pkg-badge{
    position:absolute;top:-13px;left:50%;transform:translateX(-50%);
    display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
    background:linear-gradient(135deg, var(--pen), var(--pen-dark));color:#fff;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.02em;
    padding:6px 16px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(199,154,61,.5);
  }
  .kamp-pkg-header{
    display:flex;align-items:baseline;justify-content:space-between;gap:10px;
    margin-bottom:14px;
  }
  .kamp-pricing-card--featured .kamp-pkg-header{margin-top:6px;}
  .kamp-pkg-name{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.05rem;color:var(--ink);
  }
  .kamp-pkg-name-tag{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.72rem;
    color:var(--gold);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;
  }
  .kamp-pkg-price-wrap{text-align:right;}
  .kamp-pkg-price-old{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.8rem;
    color:var(--ink-soft);text-decoration:line-through;opacity:.7;
  }
  .kamp-pkg-price{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.5rem;color:var(--ink);
    line-height:1.1;
  }
  .kamp-pkg-price span{font-size:.85rem;font-weight:600;color:var(--ink-soft);}
  .kamp-pkg-features{
    list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;
  }
  .kamp-pkg-features li{
    display:flex;align-items:flex-start;gap:9px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.87rem;line-height:1.5;color:var(--ink);
  }
  .kamp-pkg-features li .pkg-check{
    flex:0 0 auto;width:19px;height:19px;border-radius:50%;margin-top:1px;
    display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#fff;
    background:var(--gold);
  }
  .kamp-pricing-card--featured .kamp-pkg-features li .pkg-check{background:var(--pen);}
  .kamp-pkg-features li.pkg-plus{color:var(--ink);font-weight:700;}
  .kamp-pkg-note{
    width:100%;text-align:center;margin-top:8px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;font-weight:600;
    color:var(--ink-soft);opacity:.85;
  }
  .kamp-pricing-guarantee{
    display:flex;align-items:center;gap:12px;
    width:100%;max-width:520px;margin:0 auto 4px;
    background:linear-gradient(135deg, rgba(199,154,61,.13), rgba(199,154,61,.04));
    border:1px solid rgba(199,154,61,.35);
    border-radius:16px;padding:12px 16px;text-align:left;
  }
  .kamp-trust-icon{
    flex:0 0 auto;width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:1.1rem;
    background:linear-gradient(135deg,var(--pen),var(--pen-dark));
    box-shadow:0 4px 10px -3px rgba(199,154,61,.5);
  }
  .kamp-trust-text{display:flex;flex-direction:column;gap:1px;}
  .kamp-trust-text strong{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.88rem;color:var(--ink);line-height:1.3;}
  .kamp-trust-text span{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;color:var(--ink-soft);line-height:1.35;}
  html[data-theme="dark"] .kamp-pricing-guarantee{
    background:linear-gradient(135deg, rgba(217,174,85,.16), rgba(217,174,85,.05));
    border-color:rgba(217,174,85,.4);
  }
  @media(max-width:380px){
    .kamp-pricing-card{padding:20px 16px 18px;}
    .kamp-pkg-price{font-size:1.3rem;}
    .kamp-pricing-guarantee{padding:10px 12px;gap:9px;}
    .kamp-trust-icon{width:32px;height:32px;font-size:1rem;}
  }

  /* SORU ÇÖZÜMÜ - rastgele 10 soruluk mini test */
  .quiz-launch{
    width:100%;text-align:left;padding:22px 22px;border-radius:16px;margin-top:16px;
    background:var(--white);border:1px solid var(--paper-line);
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
    display:flex;flex-direction:column;gap:12px;
  }
  .quiz-launch-title{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.05rem;color:var(--ink);}
  .quiz-launch-desc{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin:0;}
  .quiz-start-btn{
    display:flex;align-items:center;justify-content:center;gap:9px;
    background:var(--ink);color:var(--paper);border:none;
    border-radius:999px;padding:14px 18px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.95rem;
    cursor:pointer;transition:background .2s ease, transform .2s ease;
  }
  .quiz-start-btn:hover{background:var(--pen-dark);}
  .quiz-start-btn:active{transform:scale(.98);}
  .quiz-start-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}

  .quiz-box{width:100%;display:none;flex-direction:column;gap:12px;min-height:0;}
  .quiz-box.active{display:flex;flex:1 1 auto;}
  .quiz-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;}
  .quiz-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .quiz-back{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:999px;padding:9px 16px 9px 12px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.86rem;color:var(--ink);
    cursor:pointer;
  }
  .quiz-back:hover{background:var(--paper);}
  .quiz-back:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .quiz-topbar-actions{display:flex;align-items:center;gap:8px;}
  .quiz-hint-btn{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:999px;padding:9px 14px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.84rem;color:var(--ink);
    cursor:pointer;
  }
  .quiz-hint-btn:hover{background:var(--paper);}
  .quiz-hint-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .quiz-progress-badge{
    display:inline-flex;align-items:center;gap:6px;
    background:var(--ink);color:var(--paper);
    border-radius:999px;padding:9px 16px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;
  }

  .quiz-card{
    width:100%;flex:0 0 auto;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:26px 24px;
    box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
    display:flex;flex-direction:column;gap:18px;
  }
  .quiz-source{
    display:inline-block;align-self:flex-start;margin-top:-8px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.66rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;
    padding:4px 10px;border-radius:999px;background:rgba(47,93,99,.14);color:var(--gold);
  }
  .quiz-question{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:1.12rem;line-height:1.45;color:var(--ink);margin:0;white-space:pre-line;}
  .quiz-hint-box{
    display:none;background:rgba(47,93,99,.08);border:1px solid rgba(47,93,99,.24);
    border-radius:12px;padding:11px 14px;color:var(--ink-soft);font-size:.86rem;line-height:1.5;
  }
  .quiz-hint-box.show{display:block;}
  .quiz-options{display:flex;flex-direction:column;gap:10px;}
  .quiz-option{
    display:flex;align-items:center;gap:14px;width:100%;text-align:left;
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:12px 16px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.94rem;color:var(--ink);
    transition:background .15s ease, border-color .15s ease, transform .1s ease;
  }
  .quiz-option:hover{background:var(--paper);}
  .quiz-option:active{transform:scale(.99);}
  .quiz-option:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .quiz-option-letter{
    flex:0 0 auto;width:30px;height:30px;border-radius:50%;
    border:1.5px solid var(--paper-line);display:flex;align-items:center;justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.85rem;color:var(--ink-soft);
  }
  .quiz-option-text{flex:1;min-width:0;}
  .quiz-box.answered .quiz-option{cursor:default;}
  .quiz-option.is-correct{background:rgba(58,140,90,.1);border-color:#3A8C5A;}
  .quiz-option.is-correct .quiz-option-letter{background:#3A8C5A;border-color:#3A8C5A;color:var(--white);}
  .quiz-option.is-wrong{background:rgba(199,154,61,.08);border-color:var(--pen);}
  .quiz-option.is-wrong .quiz-option-letter{background:var(--pen);border-color:var(--pen);color:var(--white);}

  .quiz-explain{
    display:none;background:rgba(43,42,40,.04);border:1px dashed var(--paper-line);
    border-radius:12px;padding:12px 14px;color:var(--ink-soft);font-size:.86rem;line-height:1.5;
  }
  .quiz-explain.show{display:block;}

  .hoca-soru-date{
    display:inline-block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.74rem;
    letter-spacing:.04em;color:var(--gold);margin-top:6px;
  }
  .hoca-soru-list{display:flex;flex-direction:column;gap:16px;}
  .hoca-soru-item{
    background:var(--white);border:1px solid var(--paper-line);border-radius:16px;
    padding:20px 18px;display:flex;flex-direction:column;gap:12px;
    box-shadow:0 18px 40px -26px rgba(43,42,40,.10);
  }
  .hoca-soru-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .hoca-hint-btn{
    display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
    background:var(--white);border:1px solid var(--paper-line);
    border-radius:999px;padding:7px 13px;margin:2px 0 2px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.78rem;color:var(--ink);
    cursor:pointer;
  }
  .hoca-hint-btn:hover{background:var(--paper);}
  .hoca-hint-box{
    display:none;background:rgba(47,93,99,.08);border:1px solid rgba(47,93,99,.24);
    border-radius:12px;padding:10px 13px;color:var(--ink-soft);font-size:.84rem;line-height:1.5;
  }
  .hoca-hint-box.show{display:block;}
  .hoca-soru-num{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;
    color:var(--white);background:var(--ink);border-radius:999px;padding:4px 12px;
  }
  .hoca-soru-topic{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.7rem;letter-spacing:.03em;
    color:var(--gold);background:rgba(47,93,99,.12);border-radius:999px;padding:4px 10px;
  }

  .quiz-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding-top:10px;border-top:1px solid var(--paper-line);}
  .quiz-nav-btn{
    display:flex;align-items:center;gap:8px;
    background:var(--white);border:1px solid var(--paper-line);color:var(--ink);
    border-radius:999px;padding:11px 18px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;
  }
  .quiz-nav-btn:hover{background:var(--paper);}
  .quiz-nav-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .quiz-nav-btn.primary:hover{background:var(--pen-dark);}
  .quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed;}
  .quiz-nav-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .quiz-progress{
    flex:0 0 auto;position:relative;width:100%;height:6px;border-radius:999px;
    background:var(--paper-line);overflow:hidden;
  }
  .quiz-progress-fill{
    height:100%;border-radius:999px;
    background:linear-gradient(90deg, var(--pen-dark) 0%, var(--pen) 55%, var(--gold) 100%);
    transition:width .3s cubic-bezier(.65,0,.35,1);
  }
  .quiz-result{
    display:none;text-align:center;flex-direction:column;gap:14px;align-items:center;
    padding:10px 6px 4px;
  }
  .quiz-result.show{display:flex;}
  .quiz-result-score{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.6rem;color:var(--ink);}

  .quiz-result-analysis{width:100%;display:flex;flex-direction:column;gap:18px;text-align:left;margin-top:6px;}
  .qra-diagnosis{
    width:100%;background:linear-gradient(135deg, rgba(178,34,52,.07), rgba(199,154,61,.09));
    border:1px solid var(--paper-line);border-radius:14px;padding:14px 16px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.85rem;line-height:1.55;color:var(--ink);
  }
  .qra-diagnosis strong{color:var(--pen-dark);}
  .qra-diagnosis-tag{
    display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;
    letter-spacing:.03em;text-transform:uppercase;color:var(--pen-dark);margin-bottom:6px;
  }
  .quiz-result-actions{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:2px;}

  /* DİĞER UYGULAMALAR - ALT SEKMELER */
  .subtab-switch{
    width:100%;flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;
  }
  .subtab-btn{
    flex:0 0 auto;border:1px solid var(--paper-line);background:var(--white);cursor:pointer;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.82rem;
    color:var(--ink-soft);padding:9px 14px;border-radius:999px;white-space:nowrap;
    transition:background .2s ease, color .2s ease, border-color .2s ease;
    -webkit-transform:translateZ(0);transform:translateZ(0);
  }
  .subtab-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
  .subtab-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .subtab-btn.locked{position:relative;cursor:not-allowed;color:var(--ink-soft);opacity:.62;}
  .subtab-btn.locked::after{
    content:"🔒";position:absolute;top:-6px;right:-6px;
    width:18px;height:18px;
    border-radius:50%;background:rgba(255,253,248,.9);border:1.5px solid rgba(47,93,99,.75);
    display:flex;align-items:center;justify-content:center;font-size:.62rem;line-height:1;
    box-shadow:0 2px 5px rgba(43,42,40,.12);
  }

  .subtab-panel{display:none;width:100%;flex-direction:column;gap:20px;}
  .subtab-panel.active{display:flex;}

  .apps-info-note{
    display:flex;gap:10px;align-items:flex-start;
    background:var(--white);border:1px solid var(--paper-line);border-left:3px solid var(--gold);
    border-radius:12px;padding:12px 14px;
  }
  .apps-info-note-icon{font-size:1.05rem;flex:0 0 auto;line-height:1.3;}
  .apps-info-note p{margin:0;font-size:.8rem;line-height:1.55;color:var(--ink-soft);}
  .apps-info-note strong{color:var(--ink);}

  .deneme-list{display:flex;flex-direction:column;gap:10px;}
  .deneme-item{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:13px 16px;
    opacity:0;
  }
  @keyframes denemeItemIn{
    from{opacity:0; transform:translateY(10px);}
    to{opacity:1; transform:translateY(0);}
  }
  .deneme-item.deneme-item-in{
    animation:denemeItemIn .4s cubic-bezier(.22,1,.36,1) forwards;
  }
  .deneme-item-name{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.88rem;color:var(--ink);
  }
  .deneme-item-badge{
    flex:0 0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.66rem;
    letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);
    background:var(--paper);border:1px solid var(--paper-line);border-radius:999px;
    padding:5px 10px;white-space:nowrap;
  }

  /* KRONOLOJİ OYUNU */
  .kron-picked{display:flex;flex-direction:column;gap:8px;min-height:6px;}
  .kron-picked-item{
    display:flex;align-items:center;gap:10px;background:var(--white);
    border:1px dashed var(--paper-line);border-radius:12px;padding:10px 14px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;color:var(--ink);
    cursor:pointer;
  }
  .kron-picked-item.correct{border-style:solid;border-color:#3A8C5A;background:rgba(58,140,90,.08);}
  .kron-picked-item.wrong{border-style:solid;border-color:var(--pen);background:rgba(199,154,61,.08);}
  .kron-picked-num{
    flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.68rem;font-weight:700;
    display:flex;align-items:center;justify-content:center;
  }
  .kron-picked-name{flex:1 1 auto;}
  .kron-picked-date{flex:0 0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.72rem;color:var(--ink-soft);}
  .kron-pool{display:flex;flex-wrap:wrap;gap:8px;}
  .kron-chip{
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;
    color:var(--ink);cursor:pointer;transition:background .15s ease, transform .1s ease;
  }
  .kron-chip:active{transform:scale(.96);}
  .kron-actions{display:flex;gap:10px;flex-wrap:wrap;}
  .kron-result{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.92rem;color:var(--ink);}
  .kron-hint-empty{color:var(--ink-soft);font-size:.82rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;}

  /* HAFIZA KARTLARI */
  .flash-progress{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.72rem;color:var(--ink-soft);letter-spacing:.03em;}
  .flash-card{
    width:100%;min-height:180px;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:26px 22px;display:flex;align-items:center;justify-content:center;
    text-align:center;cursor:pointer;box-shadow:0 18px 40px -22px rgba(43,42,40,.10);
  }
  .flash-card-text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1.08rem;color:var(--ink);line-height:1.45;}
  .flash-card.show-back .flash-card-text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:500;font-size:.92rem;color:var(--ink-soft);}
  .flash-card-hint{
    display:block;margin-top:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.66rem;
    color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;
  }
  .flash-actions{display:flex;gap:8px;flex-wrap:wrap;}
  .flash-score{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;color:var(--ink-soft);}

  /* ZAYIF ALAN ANALİZİ */
  .analiz-wrap{gap:20px;}
  .analiz-empty{
    display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;
    background:var(--white);border:1px dashed var(--paper-line);border-radius:16px;
    padding:26px 24px;
  }
  .analiz-empty.show{display:flex;}
  .analiz-empty-icon{font-size:1.6rem;}
  .analiz-empty p{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.55;}

  .analiz-content{display:none;width:100%;flex-direction:column;gap:20px;}
  .analiz-content.show{display:flex;}

  .analiz-personal-banner{
    display:none;width:100%;flex-direction:column;gap:12px;position:relative;overflow:hidden;
    background:linear-gradient(135deg, rgba(199,154,61,.16), rgba(47,93,99,.10));
    border:1px solid rgba(199,154,61,.38);border-radius:18px;padding:18px 18px 16px;
  }
  .analiz-personal-banner.show{display:flex;}
  .analiz-personal-banner::before{
    content:'';position:absolute;top:-46px;right:-36px;width:130px;height:130px;
    background:radial-gradient(circle, rgba(199,154,61,.28), transparent 70%);pointer-events:none;
  }
  .analiz-personal-head{display:flex;align-items:center;gap:8px;position:relative;}
  .analiz-personal-icon{font-size:1.05rem;line-height:1;}
  .analiz-personal-tag{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:.66rem;
    letter-spacing:.07em;text-transform:uppercase;color:var(--pen-dark);
  }
  .analiz-personal-text{
    margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.92rem;line-height:1.62;
    color:var(--ink);position:relative;
  }
  .analiz-personal-text strong{color:var(--pen-dark);}
  .analiz-personal-cta{align-self:flex-start;position:relative;}

  .analiz-stats-grid{
    width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  }
  .analiz-stat-card{
    background:var(--white);border:1px solid var(--paper-line);border-radius:16px;
    padding:14px 12px;text-align:center;box-shadow:0 14px 32px -22px rgba(43,42,40,.09);
  }
  .analiz-stat-num{
    display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.4rem;
    line-height:1;color:var(--ink);
  }
  .analiz-stat-label{
    display:block;margin-top:6px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.66rem;
    letter-spacing:.03em;color:var(--ink-soft);line-height:1.3;
  }

  .analiz-block{width:100%;display:flex;flex-direction:column;gap:12px;}
  .analiz-block-title{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.98rem;color:var(--ink);
  }

  .analiz-topic-list{display:flex;flex-direction:column;gap:12px;}
  .analiz-topic-row{
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:13px 16px;display:flex;flex-direction:column;gap:8px;
  }
  .analiz-topic-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .analiz-topic-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.88rem;color:var(--ink);}
  .analiz-topic-pct{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.86rem;color:var(--ink);}
  .analiz-topic-bar{
    position:relative;width:100%;height:6px;border-radius:999px;
    background:var(--paper-line);overflow:hidden;
  }
  .analiz-topic-fill{height:100%;border-radius:999px;transition:width .3s cubic-bezier(.65,0,.35,1);}
  .analiz-topic-fill.strong{background:#3A8C5A;}
  .analiz-topic-fill.mid{background:var(--gold);}
  .analiz-topic-fill.weak{background:var(--pen);}
  .analiz-topic-sub{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.7rem;color:var(--ink-soft);}

  .analiz-recommend{
    width:100%;display:flex;flex-direction:column;gap:12px;
  }
  .analiz-recommend-list{display:flex;flex-direction:column;gap:10px;}
  .analiz-recommend-item{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:rgba(199,154,61,.06);border:1px solid rgba(199,154,61,.25);
    border-radius:12px;padding:12px 16px;
  }
  .analiz-recommend-item.mid{
    background:rgba(47,93,99,.08);border-color:rgba(47,93,99,.3);
  }
  .analiz-recommend-name{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.86rem;color:var(--ink);}

  .rapor-week-label{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.8rem;color:var(--ink-soft);margin:0;}
  .rapor-content{display:flex;flex-direction:column;gap:22px;width:100%;}
  .rapor-history-list{display:flex;flex-direction:column;gap:10px;}
  .rapor-history-item{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:11px 16px;
  }
  .rapor-history-item.current{border-color:var(--gold);background:rgba(199,154,61,.06);}
  .rapor-history-label{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.8rem;color:var(--ink);}
  .rapor-history-value{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.8rem;color:var(--ink-soft);}
  .analiz-recommend-note{display:block;margin-top:2px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;color:var(--ink-soft);}
  .analiz-recommend-badge{
    flex:0 0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.68rem;
    letter-spacing:.03em;text-transform:uppercase;color:var(--white);background:var(--pen);
    border-radius:999px;padding:5px 10px;
  }
  .analiz-recommend-item.mid .analiz-recommend-badge{background:var(--gold);}
  .analiz-recommend-empty{color:var(--ink-soft);font-size:.86rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;}
  @media(max-width:600px){
    .analiz-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
    .analiz-stat-card{padding:12px 8px;}
    .analiz-stat-num{font-size:1.15rem;}
  }
  .quiz-result-label{color:var(--ink-soft);font-size:.9rem;}
  @media(max-width:600px){
    .quiz-card{padding:20px 16px;}
    .quiz-question{font-size:1.02rem;}
  }

  /* AYARLAR */
  .settings-list{width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px;margin-top:6px;}
  .settings-card{
    width:100%;background:var(--white);border:1px solid var(--paper-line);
    border-radius:16px;padding:18px 18px;display:flex;flex-direction:column;gap:12px;
    box-shadow:0 14px 32px -22px rgba(43,42,40,.09);
  }
  .settings-card-label{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.92rem;color:var(--ink);}
  .segmented{
    display:flex;gap:4px;background:var(--paper);border:1px solid var(--paper-line);
    border-radius:999px;padding:4px;
  }
  .segmented-btn{
    flex:1;border:none;background:transparent;cursor:pointer;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.84rem;
    color:var(--ink-soft);padding:9px 10px;border-radius:999px;
    transition:background .2s ease, color .2s ease;
  }
  .segmented-btn.active{background:var(--ink);color:var(--paper);}
  .segmented-btn:focus-visible{outline:2px solid var(--pen);outline-offset:2px;}
  .settings-hint{color:var(--ink-soft);font-size:.8rem;margin:0;line-height:1.5;}
  .settings-about p{color:var(--ink-soft);font-size:.86rem;margin:0;line-height:1.55;}

  /* GARANTİ KARTI */
  .guarantee-card{
    position:relative;isolation:isolate;overflow:hidden;cursor:pointer;
    width:100%;border-radius:20px;padding:32px 24px;text-align:center;
    background:linear-gradient(160deg, var(--gold), #1F4448);
    box-shadow:0 20px 44px -22px rgba(31,68,72,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
    display:flex;flex-direction:column;align-items:center;gap:14px;
    animation:guaranteeFloat 4.2s ease-in-out infinite, guaranteeGlow 4.2s ease-in-out infinite;
    transition:transform .15s cubic-bezier(.2,.8,.2,1), box-shadow .15s cubic-bezier(.2,.8,.2,1);
  }
  .guarantee-card::before{
    content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:1;pointer-events:none;
    background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.32) 45%, rgba(255,255,255,0) 100%);
    transform:skewX(-18deg);
    animation:guaranteeShine 3.4s ease-in-out infinite;
  }
  .guarantee-card::after{
    content:"";position:absolute;left:10%;right:10%;bottom:-10%;height:50%;z-index:0;pointer-events:none;
    background:radial-gradient(50% 100% at 50% 100%, rgba(255,255,255,.18), rgba(255,255,255,0) 70%);
    opacity:.6;animation:guaranteeGlow2 4.2s ease-in-out infinite;
  }
  .guarantee-card > *{position:relative;z-index:2;}
  .guarantee-card:hover{transform:translateY(-3px) scale(1.01);}
  .guarantee-card:active,
  .guarantee-card.is-pressed{
    animation-play-state:paused;
    transform:translateY(2px) scale(.98);
    box-shadow:0 10px 24px -16px rgba(31,68,72,.6), 0 0 0 1px rgba(255,255,255,.1) inset;
  }
  .guarantee-card:focus-visible{outline:2px solid #fff;outline-offset:3px;}
  @keyframes guaranteeFloat{
    0%,100%{transform:translateY(0) scale(1);}
    50%{transform:translateY(-5px) scale(1.005);}
  }
  @keyframes guaranteeGlow{
    0%,100%{box-shadow:0 20px 44px -22px rgba(31,68,72,.55), 0 0 0 1px rgba(255,255,255,.06) inset;}
    50%{box-shadow:0 26px 54px -20px rgba(31,68,72,.7), 0 0 0 1px rgba(255,255,255,.14) inset;}
  }
  @keyframes guaranteeGlow2{
    0%,100%{opacity:.4;}
    50%{opacity:.75;}
  }
  @keyframes guaranteeShine{
    0%{left:-60%;}
    55%{left:120%;}
    100%{left:120%;}
  }
  .guarantee-card.shine-burst::before{
    animation:guaranteeShineBurst .7s ease-out;
  }
  @keyframes guaranteeShineBurst{
    0%{left:-60%;opacity:1;}
    100%{left:120%;opacity:1;}
  }
  @media (prefers-reduced-motion: reduce){
    .guarantee-card{animation:none;}
    .guarantee-card::before,
    .guarantee-card::after{animation:none;}
  }
  .guarantee-icon{
    width:64px;height:64px;border-radius:999px;
    background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);
    display:flex;align-items:center;justify-content:center;margin-bottom:4px;
    transition:transform .15s ease;
  }
  .guarantee-card.is-pressed .guarantee-icon,
  .guarantee-card:active .guarantee-icon{transform:scale(.9);}
  .guarantee-icon svg{width:28px;height:28px;}
  .guarantee-card h3{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.35rem;
    color:#fff;line-height:1.25;margin:0;
  }
  .guarantee-card p{
    color:rgba(255,255,255,.88);font-size:.9rem;line-height:1.6;margin:0;max-width:420px;
  }
  .settings-link{
    background:none;border:none;padding:0;cursor:pointer;
    font-family:inherit;font-size:inherit;color:var(--pen-dark);
    font-weight:600;text-decoration:underline;
  }

  .settings-group-label{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.7rem;text-transform:uppercase;
    letter-spacing:.07em;color:var(--ink-soft);margin:10px 2px -4px;
  }
  .settings-list{gap:10px;}
  .settings-list .settings-group-label:first-child{margin-top:0;}

  .settings-plan-row{display:flex;justify-content:space-between;align-items:center;gap:12px;}
  .settings-badge{
    display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.72rem;font-weight:600;
    background:rgba(63,122,82,.14);color:#2F6B4F;padding:5px 11px;border-radius:999px;
    white-space:nowrap;
  }
  html[data-theme="dark"] .settings-badge{background:rgba(124,214,155,.14);color:#7CD69B;}

  .switch-row{display:flex;justify-content:space-between;align-items:center;gap:14px;}
  .switch-row-sub{color:var(--ink-soft);font-size:.78rem;margin:3px 0 0;line-height:1.4;}
  .switch{position:relative;display:inline-block;width:46px;height:27px;flex:0 0 auto;}
  .switch input{opacity:0;width:0;height:0;position:absolute;}
  .switch-slider{
    position:absolute;inset:0;cursor:pointer;background:var(--paper-line);
    border-radius:999px;transition:background .2s ease;
  }
  .switch-slider::before{
    content:"";position:absolute;height:21px;width:21px;left:3px;top:3px;
    background:#fff;border-radius:50%;transition:transform .2s ease;
    box-shadow:0 1px 3px rgba(0,0,0,.3);
  }
  .switch input:checked + .switch-slider{background:var(--pen);}
  .switch input:checked + .switch-slider::before{transform:translateX(19px);}
  .switch input:focus-visible + .switch-slider{outline:2px solid var(--pen);outline-offset:2px;}

  .reminder-time-row{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:12px;padding-top:12px;border-top:1px dashed var(--paper-line);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.85rem;color:var(--ink);
  }
  .reminder-time-row select{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.85rem;color:var(--ink);
    background:var(--paper);border:1px solid var(--paper-line);border-radius:9px;
    padding:6px 10px;cursor:pointer;
  }

  .settings-reset-btn{
    flex:0 0 auto;background:var(--white);border:1px solid var(--pen);color:var(--pen-dark);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.84rem;
    padding:9px 15px;border-radius:999px;cursor:pointer;transition:background .15s ease;
  }
  .settings-reset-btn:hover{background:rgba(199,154,61,.08);}

  .changelog{margin-top:2px;}
  .changelog summary{cursor:pointer;font-size:.84rem;font-weight:600;color:var(--ink-soft);}
  .changelog ul{margin:10px 0 0;padding-left:18px;color:var(--ink-soft);font-size:.82rem;line-height:1.6;}

  .toast{
    position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(120%);
    max-width:calc(100% - 32px);
    background:var(--ink);color:var(--paper);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.85rem;
    padding:12px 20px;border-radius:999px;z-index:300;
    box-shadow:0 14px 30px -14px rgba(0,0,0,.5);
    transition:transform .25s ease, opacity .25s ease, visibility .25s ease;white-space:nowrap;
    opacity:0;visibility:hidden;
  }
  .toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;}

  .lock-toast-backdrop{
    position:absolute;inset:0;z-index:299;background:rgba(20,24,22,.01);
    opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease;
  }
  .lock-toast-backdrop.show{opacity:1;visibility:visible;}
  .lock-toast{
    position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(130%);
    width:calc(100% - 32px);max-width:360px;
    background:var(--ink);color:var(--paper);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;
    padding:16px 18px;border-radius:18px;z-index:300;
    box-shadow:0 16px 34px -14px rgba(0,0,0,.5);
    transition:transform .28s cubic-bezier(.22,1,.36,1), opacity .28s ease, visibility .28s ease;
    opacity:0;visibility:hidden;
    display:flex;flex-direction:column;gap:12px;
  }
  .lock-toast.show{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible;}
  .lock-toast-msg{font-size:.85rem;font-weight:600;line-height:1.5;}
  .lock-toast-msg strong{color:var(--gold);}
  .lock-toast-btn{
    align-self:stretch;border:none;background:var(--gold);color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.85rem;
    padding:11px 16px;border-radius:999px;cursor:pointer;
    transition:transform .15s ease;
  }
  .lock-toast-btn:active{transform:scale(.96);}

  /* AÇILIŞ ANİMASYONU */
  @keyframes appFadeIn{
    from{opacity:0; transform:translateY(-8px);}
    to{opacity:1; transform:translateY(0);}
  }
  .app-bar{animation:appFadeIn .5s cubic-bezier(.22,1,.36,1) both;}
  .tab-switch{animation:appFadeIn .5s cubic-bezier(.22,1,.36,1) .1s both;}
  .app-stage{animation:appFadeIn .55s cubic-bezier(.22,1,.36,1) .18s both;}

  @keyframes tabBtnTextIn{
    from{opacity:0; transform:translateY(6px);}
    to{opacity:1; transform:translateY(0);}
  }
  .tab-btn{opacity:0; animation:tabBtnTextIn .45s cubic-bezier(.22,1,.36,1) forwards;}
  .tab-btn:nth-of-type(1){animation-delay:.3s;}
  .tab-btn:nth-of-type(2){animation-delay:.4s;}
  .tab-btn:nth-of-type(3){animation-delay:.5s;}

  html.reduce-motion *, html.reduce-motion *::before, html.reduce-motion *::after{
    animation-duration:.001ms !important;
    animation-delay:0s !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    transition-delay:0s !important;
    scroll-behavior:auto !important;
  }


  /* ÖSYM NE SORAR - Diğer Uygulamalar alt sekmesi */
  .osym-page{width:100%;display:flex;flex-direction:column;gap:22px;}

  .osym-hero{
    background:var(--ink);color:var(--white);border-radius:16px;
    padding:22px 20px 20px;position:relative;overflow:hidden;
  }
  .osym-hero-tag{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.7rem;text-transform:uppercase;
    letter-spacing:.08em;color:var(--white);opacity:.75;display:block;margin-bottom:8px;
  }
  .osym-hero h2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:1.3rem;color:var(--white);line-height:1.2;margin:0;}
  .osym-hero p{color:#D9D2C2;font-size:.86rem;margin-top:10px;max-width:52ch;}
  .osym-hero-stats{display:flex;gap:20px;margin-top:18px;flex-wrap:wrap;}
  .osym-hero-stat b{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:1.35rem;color:var(--white);}
  .osym-hero-stat span{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.66rem;color:#C7BFAC;text-transform:uppercase;letter-spacing:.04em;}

  .osym-section{display:flex;flex-direction:column;gap:0;}
  .osym-sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px;}
  .osym-sec-num{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.75rem;color:var(--gold);font-weight:600;}
  .osym-sec-head h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:1.05rem;margin:0;color:var(--ink);}
  .osym-sec-desc{font-size:.84rem;color:var(--ink-soft);margin:0 0 12px;}

  .osym-topic-row{
    display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;
    padding:9px 0;border-bottom:1px solid var(--paper-line);
  }
  .osym-topic-row:last-child{border-bottom:none;}
  .osym-topic-name{font-size:.86rem;font-weight:600;color:var(--ink);}
  .osym-topic-bar-track{
    grid-column:1 / -1;height:8px;border-radius:5px;background:var(--white);
    border:1px solid var(--paper-line);overflow:hidden;margin-top:2px;
  }
  .osym-topic-bar-fill{height:100%;background:var(--pen);border-radius:5px 0 0 5px;}
  .osym-topic-count{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:600;font-size:.8rem;color:var(--gold);
    white-space:nowrap;
  }

  .osym-pattern-card{
    background:var(--white);border:1px solid var(--paper-line);border-radius:12px;
    padding:15px 15px 14px;margin-bottom:9px;
  }
  .osym-pattern-card h4{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.92rem;margin:0 0 5px;color:var(--ink);display:flex;align-items:center;}
  .osym-pattern-card p{font-size:.83rem;color:var(--ink-soft);margin:0;}
  .osym-pattern-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:24px;height:24px;border-radius:8px;background:var(--pen);color:var(--white);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:.76rem;margin-right:8px;flex-shrink:0;
  }

  .osym-example{
    background:var(--white);border:1px dashed var(--paper-line);border-radius:12px;
    padding:15px;margin-bottom:11px;
  }
  .osym-example-tag{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.64rem;text-transform:uppercase;
    letter-spacing:.05em;color:var(--gold);font-weight:600;
  }
  .osym-example-q{font-size:.9rem;margin:8px 0 10px;font-weight:500;color:var(--ink);}
  .osym-example-opts{display:grid;gap:6px;}
  .osym-opt{display:flex;gap:8px;font-size:.82rem;color:var(--ink-soft);align-items:flex-start;}
  .osym-opt b{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;flex-shrink:0;}
  .osym-opt.osym-correct b{color:var(--pen);}
  .osym-opt.osym-correct{color:var(--ink);font-weight:600;}
  .osym-example-why{
    margin-top:10px;padding-top:10px;border-top:1px solid var(--paper-line);
    font-size:.8rem;color:var(--ink-soft);
  }
  .osym-example-why b{color:var(--ink);}

  .osym-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
  .osym-checklist li{
    display:flex;gap:10px;font-size:.85rem;background:var(--white);color:var(--ink-soft);
    border:1px solid var(--paper-line);border-radius:10px;padding:10px 12px;
  }
  .osym-checklist li::before{content:"✓";color:var(--pen);font-weight:700;flex-shrink:0;}
  .osym-checklist li b{color:var(--ink);}

  .osym-strat-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--paper-line);}
  .osym-strat-row:last-child{border-bottom:none;}
  .osym-strat-time{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.76rem;font-weight:700;color:var(--gold);
    width:62px;flex-shrink:0;
  }
  .osym-strat-txt{font-size:.84rem;color:var(--ink-soft);}
  .osym-strat-txt b{color:var(--ink);}

  .osym-disclaimer{
    font-size:.74rem;color:var(--ink-soft);background:var(--white);
    border:1px solid var(--paper-line);border-radius:12px;padding:12px 14px;line-height:1.55;
  }
  .osym-disclaimer b{color:var(--ink);}
  .osym-page-nav{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;}

  .osym-ig-card{
    align-self:stretch;text-align:left;border:none;cursor:pointer;width:100%;
    background:linear-gradient(135deg,var(--pen),var(--pen-dark));
    border-radius:16px;padding:17px 18px 16px;display:flex;flex-direction:column;gap:6px;
    box-shadow:0 14px 28px -18px rgba(199,154,61,.24);
    transition:transform .12s ease;
  }
  .osym-ig-card:hover{transform:translateY(-1px);}
  .osym-ig-card:active{transform:scale(.98);}
  .osym-ig-card.locked{position:relative;cursor:not-allowed;opacity:.62;filter:grayscale(.35);}
  .osym-ig-card.locked:hover,.osym-ig-card.locked:active{transform:none;}
  .osym-ig-card.locked::after{
    content:"🔒";position:absolute;top:10px;right:12px;
    width:30px;height:30px;
    border-radius:50%;background:rgba(255,253,248,.85);border:1.5px solid rgba(47,93,99,.85);
    display:flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;
    box-shadow:0 3px 8px rgba(43,42,40,.12);
  }
  .osym-ig-title{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:1rem;color:#fff;
    display:flex;align-items:center;gap:6px;
  }
  .osym-ig-desc{font-size:.82rem;color:rgba(255,255,255,.92);line-height:1.5;}

  .osym-back-card{
    align-self:flex-start;border:none;cursor:pointer;
    background:linear-gradient(135deg,var(--ink),var(--pen-dark));
    color:#fff;border-radius:999px;padding:9px 18px;
    display:inline-flex;align-items:center;gap:8px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.86rem;font-weight:600;
    box-shadow:0 10px 22px -16px rgba(43,42,40,.16);
    transition:transform .12s ease;
  }
  .osym-back-card:hover{transform:translateY(-1px);}
  .osym-back-card:active{transform:scale(.97);}


  /* KURUMSAL YÜKLENME EKRANI (Preloader) — sade, akıcı, profesyonel */
  html.preload-active,
  html.preload-active body{
    overflow:hidden;
    height:100%;
  }
  #sitePreloader{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
      radial-gradient(circle at 50% 42%, rgba(199,154,61,.07), transparent 60%),
      var(--paper,#FAF6EC);
    transition:opacity .85s cubic-bezier(.65,0,.35,1), transform .85s cubic-bezier(.65,0,.35,1), filter .6s cubic-bezier(.65,0,.35,1);
    will-change:opacity, transform, filter;
  }
  #sitePreloader .preloader-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
  }
  #sitePreloader .preloader-title{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:center;
    gap:.42em;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;
    font-weight:800;
    font-size:clamp(1.55rem,5.6vw,2.55rem);
    letter-spacing:.005em;
    color:var(--ink,#2B2A28);
  }
  #sitePreloader .pl-word{
    display:inline-flex;
  }
  #sitePreloader .pl-word:nth-child(2){
    color:var(--gold,#2F5D63);
  }
  #sitePreloader .pl-char{
    display:inline-block;
    opacity:0;
    transform:translateY(16px);
    filter:blur(5px);
    animation:plCharIn .82s cubic-bezier(.16,1,.3,1) forwards;
    animation-delay:calc(var(--i) * 32ms + 140ms);
  }
  @keyframes plCharIn{
    to{
      opacity:1;
      transform:translateY(0);
      filter:blur(0);
    }
  }
  #sitePreloader .preloader-line{
    width:132px;
    height:2px;
    border-radius:2px;
    background:linear-gradient(90deg,var(--pen,#C79A3D),var(--gold,#2F5D63));
    opacity:0;
    transform:scaleX(0);
    transform-origin:center;
    animation:plLineIn 1s cubic-bezier(.16,1,.3,1) forwards;
    animation-delay:1.05s;
  }
  @keyframes plLineIn{
    to{ opacity:1; transform:scaleX(1); }
  }
  #sitePreloader.preloader-hide{
    opacity:0;
    transform:scale(1.015);
    filter:blur(4px);
    pointer-events:none;
  }
  #sitePreloader.preloader-removed{
    display:none;
  }
  html.preload-active .app{
    opacity:0;
    transform:translateY(8px);
  }
  .app{
    opacity:1;
    transform:translateY(0);
    transition:opacity .9s cubic-bezier(.16,1,.3,1) .15s, transform .9s cubic-bezier(.16,1,.3,1) .15s;
  }
  @media (prefers-reduced-motion: reduce){
    #sitePreloader{ transition:opacity .25s linear; }
    #sitePreloader .pl-char{ animation-duration:.01s; animation-delay:0s; }
    #sitePreloader .preloader-line{ animation-duration:.01s; animation-delay:0s; }
    .app{ transition:opacity .25s linear; }
  }


  /* Coğrafya Harita Pratiği sekmesi */
  .geo-menu-grid{
    width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;
  }
  .geo-menu-grid.hide{ display:none; }
  .geo-menu-card{
    aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:8px;padding:14px;border-radius:var(--radius-lg);border:1px solid var(--paper-line);
    background:var(--white);box-shadow:var(--shadow-softer);cursor:pointer;text-align:center;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .geo-menu-card:active{ transform:scale(.96); }
  .video-menu-card.locked{ position:relative; cursor:not-allowed; opacity:.6; filter:grayscale(.4); }
  .video-menu-card.locked:active{ transform:none; }
  .video-menu-card.locked::after{
    content:"🔒"; position:absolute; top:8px; right:10px; font-size:.95rem; opacity:.85; line-height:1;
  }
  .geo-menu-icon{ font-size:1.9rem; }

  /* Video oynatıcı görünümü (gösteriş amaçlı, bulanık + kilitli) */
  .video-player-mock{
    position:relative; width:100%; aspect-ratio:16/9; border-radius:16px; overflow:hidden;
    background:linear-gradient(135deg,var(--pen),var(--pen-dark));
    box-shadow:0 14px 30px -18px rgba(43,42,40,.35);
  }
  .video-player-mock-bg{
    position:absolute; inset:-14px;
    background:
      radial-gradient(circle at 22% 30%, rgba(255,255,255,.35), transparent 55%),
      radial-gradient(circle at 78% 68%, rgba(255,255,255,.22), transparent 50%),
      linear-gradient(135deg,var(--pen) 0%, var(--pen-dark) 55%, var(--ink) 100%);
    filter:blur(14px) saturate(1.15);
    transform:scale(1.08);
  }
  .video-player-mock-bg.cover-1{
    background-image:url('assets/embedded-92dba99b2055.jpg');
    background-size:cover;
    background-position:center;
    filter:blur(15px) saturate(1.05) brightness(.85);
    transform:scale(1.11);
  }
  .video-player-mock-scrim{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(20,18,16,.15) 0%, rgba(20,18,16,.55) 100%);
  }
  .video-player-mock-center{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    display:flex; flex-direction:column; align-items:center; gap:9px;
  }
  .video-player-mock-play{
    width:60px; height:60px; border-radius:50%;
    background:rgba(20,18,16,.45); border:2px solid rgba(255,255,255,.85);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 22px -8px rgba(0,0,0,.5);
    cursor:pointer;
  }
  .video-player-mock-play::after{
    content:""; display:block; margin-left:4px;
    border-style:solid; border-width:11px 0 11px 18px;
    border-color:transparent transparent transparent #fff;
  }
  .video-player-mock-resume{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif; font-weight:700; font-size:.82rem;
    color:#fff; letter-spacing:.01em; text-shadow:0 2px 8px rgba(0,0,0,.4);
  }
  .video-player-mock-lock-badge{
    position:absolute; top:10px; right:10px;
    width:30px; height:30px; border-radius:50%;
    background:rgba(20,18,16,.55); border:1px solid rgba(255,255,255,.5);
    display:flex; align-items:center; justify-content:center;
    font-size:.9rem; line-height:1; color:#fff;
  }
  .video-player-mock-label{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif; font-weight:700; font-size:.8rem;
    color:#fff; letter-spacing:.02em; text-shadow:0 2px 8px rgba(0,0,0,.35);
  }
  .video-player-mock-bar{
    position:absolute; left:14px; right:14px; bottom:12px;
    display:flex; align-items:center; gap:8px;
  }
  .video-player-mock-track{
    flex:1; height:4px; border-radius:999px; background:rgba(255,255,255,.35); overflow:hidden;
  }
  .video-player-mock-track::after{
    content:""; display:block; width:0%; height:100%; background:#e62117; border-radius:999px;
  }
  .video-player-mock-time{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif; font-weight:600; font-size:.68rem; color:rgba(255,255,255,.85);
    white-space:nowrap;
  }
  .video-download-box{
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
    padding:18px 0 4px;
  }
  .video-download-btn{
    width:56px; height:56px; border-radius:50%;
    background:var(--gold); color:var(--white);
    display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow-softer); transition:transform .15s ease, background .15s ease, opacity .15s ease;
  }
  .video-download-btn:hover{ background:var(--pen-dark); }
  .video-download-btn:active{ transform:scale(.94); }
  .video-download-btn:focus-visible{ outline:2px solid var(--pen); outline-offset:2px; }
  .video-download-btn.is-disabled{ opacity:.4; pointer-events:none; }
  .video-download-label{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif; font-weight:600; font-size:.74rem; color:var(--ink-soft);
    letter-spacing:.02em;
  }
  .geo-menu-title{ font-weight:800; color:var(--ink); font-size:.92rem; }
  .geo-menu-desc{ color:var(--ink-soft); font-size:.74rem; line-height:1.4; }
  .geo-menu-card-empty{ opacity:.55; cursor:default; position:relative; }
  .geo-menu-card-empty:active{ transform:none; }
  .geo-menu-lock{
    position:absolute; top:8px; right:10px; font-size:.95rem; opacity:.7; line-height:1;
  }
  .geo-menu-card-empty .geo-menu-desc{
    font-weight:700; letter-spacing:.02em; text-transform:uppercase; font-size:.68rem;
  }
  .geo-point-num{
    font-size:19px; font-weight:800; fill:#fff; text-anchor:middle;
    dominant-baseline:central; pointer-events:none; user-select:none;
  }
  .geo-chip-num{
    display:inline-block; min-width:1.35em; margin-right:5px; text-align:center;
    font-weight:800; opacity:.85;
  }
  .geo-game-view{ width:100%; display:flex; flex-direction:column; gap:12px; }
  .geo-game-view.hide{ display:none; }
  .geo-score-row{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    width:100%;
  }
  .geo-score-chip{
    display:inline-flex; align-items:center; gap:6px;
    background:var(--white); border:1px solid var(--paper-line); border-radius:999px;
    padding:7px 14px; font-size:.86rem; font-weight:700; color:var(--ink);
  }
  .geo-reset-btn{
    border:1px solid var(--paper-line); background:transparent; color:var(--ink-soft);
    border-radius:999px; padding:7px 14px; font-size:.8rem; font-weight:600; cursor:pointer;
  }
  .geo-reset-btn:active{ transform:scale(.95); }
  .geo-fullscreen-btn{ display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
  .geo-map-wrap{
    position:relative;
    width:100%; border:1px solid var(--paper-line); border-radius:16px;
    background:var(--white); padding:10px; box-sizing:border-box;
    box-shadow:0 10px 24px -14px rgba(60,45,20,.35);
  }
  /* Tam ekran: gerçek Fullscreen API yerine, her tarayıcıda güvenilir çalışsın diye
     JS ile açılıp kapanan sabit konumlu bir kaplama (overlay) kullanılıyor. */
  .geo-map-wrap.geo-pseudo-fs{
    position:fixed; inset:0; z-index:9999;
    display:flex; align-items:center; justify-content:center;
    background:var(--white); border-radius:0; border:none;
    width:100vw; height:100vh; padding:14px; box-sizing:border-box;
    box-shadow:none; overflow:hidden;
  }
  html.geo-fs-lock, body.geo-fs-lock{ overflow:hidden; height:100%; }
  /* Telefon dik tutuluyorsa: haritayı 90° döndürüp yatay doldur.
     Kullanıcı telefonu yana çevirdiğinde harita doğru yönde ve büyük görünür. */
  .geo-map-wrap.geo-pseudo-fs.geo-fs-rotate{
    top:0; left:100%;
    width:100vh; height:100vw;
    transform-origin:0 0;
    transform:rotate(90deg);
  }
  .geo-fs-exit-btn{ display:none; }
  .geo-map-wrap.geo-pseudo-fs .geo-fs-exit-btn{
    display:flex; align-items:center; justify-content:center; gap:5px;
    position:fixed;
    top:calc(env(safe-area-inset-top, 0px) + 12px);
    right:calc(env(safe-area-inset-right, 0px) + 12px);
    z-index:100000;
    height:40px; padding:0 14px; border-radius:999px; border:2px solid rgba(255,255,255,.85);
    background:rgba(20,17,12,.85); color:#fff; font-size:.86rem; font-weight:700;
    line-height:1; cursor:pointer; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); white-space:nowrap;
    box-shadow:0 4px 14px -4px rgba(0,0,0,.5);
    max-width:calc(100vw - 24px);
  }
  .geo-map-wrap.geo-pseudo-fs.geo-fs-rotate .geo-fs-exit-btn{
    top:calc(env(safe-area-inset-top, 0px) + 12px);
    right:auto;
    left:calc(env(safe-area-inset-left, 0px) + 12px);
  }
  .geo-fs-exit-btn:active{ transform:scale(.9); }
  .geo-fs-stage{ width:100%; }
  .geo-map-wrap.geo-pseudo-fs .geo-fs-stage{
    display:flex; flex-direction:row; align-items:center; justify-content:center;
    gap:10px; width:100%; height:100%; min-height:0;
  }
  #geoMapSvg{ width:100%; height:auto; aspect-ratio:1846/984; display:block; overflow:visible; }
  .geo-map-wrap.geo-pseudo-fs #geoMapSvg{
    flex:1 1 auto; width:auto; height:100%; max-width:calc(100% - 118px); max-height:100%;
    min-width:0; margin:0;
  }
  .geo-map-wrap.geo-pseudo-fs .geo-chip-list{
    flex:0 0 108px; width:108px; max-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;
    display:flex; flex-direction:column; flex-wrap:nowrap; gap:6px; margin:0; padding:2px 3px;
  }
  .geo-map-wrap.geo-pseudo-fs .geo-chip-list .geo-chip{
    font-size:.66rem; padding:6px 7px; text-align:center; white-space:normal; line-height:1.2; flex-shrink:0;
  }
  .geo-tr-map{ filter:drop-shadow(0 3px 5px rgba(70,50,20,.18)); }
  .geo-capital{ fill:var(--pen-dark); stroke:#fff; stroke-width:2; }
  .geo-capital-star{ fill:#B8862E; stroke:#fff; stroke-width:1.5; }
  .geo-city-label{
    font-size:17px; font-weight:600; fill:var(--ink-soft); opacity:.85;
    font-style:italic;
  }
  .geo-compass{ opacity:.55; }
  .geo-compass text{ font-size:20px; font-weight:800; fill:var(--ink-soft); }
  .geo-point{ cursor:pointer; transform-box:fill-box; transform-origin:center; }
  .geo-point circle.geo-point-ring{
    fill:none; stroke:var(--pen); stroke-width:3; opacity:.55;
    animation:geoPulse 1.8s ease-in-out infinite;
  }
  .geo-point.solved circle.geo-point-ring{ animation:none; opacity:0; }
  .geo-point circle.geo-point-dot{
    fill:var(--pen); stroke:#fff; stroke-width:3;
    transition:fill .2s ease;
  }
  .geo-point.selected-target circle.geo-point-dot{ fill:var(--pen-dark); }
  .geo-point.solved circle.geo-point-dot{ fill:#3F8F52; }
  .geo-point.wrong circle.geo-point-dot{ fill:#C1443B; }
  .geo-point-label{
    font-size:23px; font-weight:700; fill:var(--ink); paint-order:stroke; stroke:var(--paper);
    stroke-width:6px; opacity:0; transition:opacity .25s ease;
  }
  .geo-point.solved .geo-point-label{ opacity:1; }
  @keyframes geoPulse{
    0%,100%{ r:17; opacity:.55; }
    50%{ r:23; opacity:.15; }
  }
  .geo-chip-list{
    display:flex; flex-wrap:wrap; gap:8px; width:100%;
  }
  .geo-chip{
    border:1.5px solid var(--paper-line); background:var(--white); color:var(--ink);
    border-radius:999px; padding:8px 14px; font-size:.82rem; font-weight:600; cursor:pointer;
    transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
  }
  .geo-chip:active{ transform:scale(.95); }
  .geo-chip.active{
    background:var(--pen); border-color:var(--pen); color:#fff;
  }
  .geo-chip.solved{
    background:#3F8F52; border-color:#3F8F52; color:#fff; opacity:.6; cursor:default; pointer-events:none;
  }
  .geo-win-banner{
    display:none; width:100%; box-sizing:border-box; text-align:center;
    background:linear-gradient(135deg,var(--pen),var(--pen-dark)); color:#fff;
    border-radius:14px; padding:14px 16px; font-weight:700; font-size:.9rem;
  }
  .geo-win-banner.show{ display:block; animation:kampFeatureIn .5s cubic-bezier(.22,1,.36,1) both; }
  .access-lead{color:var(--ink-soft);font-size:.87rem;line-height:1.6;margin:0 0 16px;}
  .access-steps{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:11px;}
  .access-steps li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.5;color:var(--ink);}
  .access-num{
    flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;
    background:rgba(var(--gold-rgb),.16);color:var(--gold);
    font-size:.72rem;font-weight:800;margin-top:1px;
  }
  .access-note{
    display:flex;align-items:flex-start;gap:9px;
    padding:12px 14px;border-radius:var(--radius);
    background:rgba(var(--pen-rgb),.08);border:1px solid var(--paper-line);
    font-size:.81rem;line-height:1.55;color:var(--ink);margin-bottom:16px;
  }



  /* ---- Ayırt edici özellikler bölümü ---- */
  .edge-section{margin:34px 0 30px;}
  .edge-eyebrow{
    display:inline-block;padding:4px 13px;border-radius:99px;
    background:rgba(var(--gold-rgb),.14);color:var(--gold);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:700;font-size:.72rem;
    text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;
  }
  .edge-title{
    font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-weight:800;font-size:1.5rem;line-height:1.25;
    color:var(--ink);margin:0 0 10px;
  }
  .edge-lead{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.92rem;line-height:1.7;
    color:var(--ink-soft);margin:0 0 22px;max-width:62ch;
  }

  /* kare kutular */
  .edge-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:14px;
    align-items:stretch;
  }
  .edge-card{
    width:100%;
    aspect-ratio:1 / 1;
    min-width:0;
    container-type:inline-size;
    display:flex;flex-direction:column;
    padding:clamp(12px,5.37cqi,23px);border-radius:var(--radius-lg);
    background:var(--white);border:1px solid var(--paper-line);
    box-shadow:var(--shadow-softer);
  }
  .edge-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:clamp(6px,2.57cqi,11px);}
  .edge-num{
    font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-weight:900;font-size:clamp(1.260rem,6.54cqi,1.750rem);line-height:1;
    color:var(--pen);opacity:.5;letter-spacing:.02em;
  }
  .edge-tag{
    padding:clamp(3px,0.93cqi,4px) clamp(6px,2.57cqi,11px);border-radius:99px;
    background:rgba(var(--gold-rgb),.13);color:var(--gold);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:clamp(0.517rem,2.69cqi,0.719rem);font-weight:700;letter-spacing:.02em;
  }
  .edge-card h4{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-weight:800;font-size:clamp(0.810rem,4.21cqi,1.125rem);
    color:var(--ink);margin:0 0 clamp(4px,1.87cqi,8px);line-height:1.3;
  }
  .edge-card p{
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:clamp(0.639rem,3.32cqi,0.887rem);line-height:1.58;
    color:var(--ink-soft);margin:0 0 clamp(10px,4.71cqi,20px);
  }
  .edge-out{
    display:flex;align-items:flex-start;
    margin-top:auto;padding-top:clamp(6px,3.04cqi,13px);min-height:calc(2 * 1.5em + 11px);
    border-top:1px dashed var(--paper-line);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:clamp(0.612rem,3.18cqi,0.850rem);font-weight:600;
    line-height:1.5;color:var(--ink);
  }

  /* kart içi mini önizlemeler */
  .edge-demo{margin:0 0 clamp(10px,4.71cqi,20px);}
  .tl{position:relative;padding-left:2px;}
  .tl-row{display:flex;align-items:center;gap:clamp(4px,2.10cqi,9px);position:relative;padding-bottom:clamp(12px,5.43cqi,23px);}
  .tl-row::before{content:'';position:absolute;left:13.08cqi;top:14px;bottom:0;width:2px;background:var(--paper-line);}
  .tl-row.last{padding-bottom:0;}
  .tl-row.last::before{display:none;}
  .tl-day{flex:0 0 11.21cqi;text-align:right;font-size:clamp(0.517rem,2.69cqi,0.719rem);font-weight:700;color:var(--ink-soft);}
  .tl-dot{
    flex:0 0 9px;height:9px;border-radius:50%;background:var(--paper-line);
    box-shadow:0 0 0 3px var(--white);position:relative;z-index:1;
  }
  .tl-dot.ok{background:var(--pen);}
  .tl-dot.bad{background:var(--gold);}
  .tl-txt{font-size:clamp(0.567rem,2.94cqi,0.787rem);color:var(--ink-soft);line-height:1.35;}
  .net-box{
    display:flex;flex-direction:column;margin-bottom:clamp(11px,5.07cqi,22px);padding:clamp(6px,2.57cqi,11px) clamp(6px,3.04cqi,13px);border-radius:11px;
    background:rgba(var(--pen-rgb),.1);border:1px solid var(--paper-line);
  }
  .net-box-num{font-family:Georgia,'Iowan Old Style','Times New Roman',serif;font-weight:900;font-size:clamp(1.395rem,7.24cqi,1.938rem);line-height:1;color:var(--pen);}
  .net-box-num small{font-size:clamp(0.495rem,2.57cqi,0.688rem);font-weight:700;color:var(--ink-soft);margin-left:5px;}
  .net-box-lbl{margin-top:3px;font-size:clamp(0.495rem,2.57cqi,0.688rem);color:var(--ink-soft);}
  .roi-row{display:flex;align-items:center;gap:clamp(4px,1.64cqi,7px);margin-bottom:clamp(7px,3.26cqi,14px);}
  .roi-row.dim{opacity:.5;}
  .roi-name{flex:0 1 19.63cqi;min-width:0;font-size:clamp(0.540rem,2.80cqi,0.750rem);font-weight:600;color:var(--ink-soft);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .roi-bar{flex:1;height:clamp(4px,1.64cqi,7px);border-radius:99px;background:rgba(var(--pen-rgb),.16);overflow:hidden;}
  .roi-bar > i{display:block;height:100%;border-radius:99px;background:var(--pen);}
  .roi-val{flex:0 0 auto;font-size:clamp(0.558rem,2.90cqi,0.775rem);font-weight:800;color:var(--pen);}
  .roi-cap{display:block;margin-top:clamp(7px,3.26cqi,14px);font-size:clamp(0.522rem,2.71cqi,0.725rem);line-height:1.45;color:var(--ink-soft);opacity:.85;}
  .rail-cap{margin-top:9px;}
  .rsn-chips{display:flex;flex-wrap:wrap;gap:clamp(3px,1.40cqi,6px);margin-bottom:clamp(10px,4.71cqi,20px);}
  .rsn-chip{
    padding:clamp(3px,1.17cqi,5px) clamp(5px,2.34cqi,10px);border-radius:99px;
    background:var(--paper);border:1px solid var(--paper-line);color:var(--ink-soft);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:clamp(0.540rem,2.80cqi,0.750rem);font-weight:600;line-height:1;
  }
  .rsn-chip.on{background:var(--pen);border-color:var(--pen);color:#fff;}


  /* dar ekranda kutunun kare kalması için örnekleri kısalt */
  @media(max-width:349px){
    .tl-row:nth-of-type(3),
    .tl-row:nth-of-type(4){display:none;}
    .roi-row.dim{display:none;}
    .edge-card p{margin-bottom:8px;}
  }

  .edge-foot{
    margin:18px 0 0;padding:13px 16px;border-radius:var(--radius);
    background:rgba(var(--gold-rgb),.09);border:1px solid var(--paper-line);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue','Noto Sans',Arial,sans-serif;font-size:.85rem;line-height:1.65;color:var(--ink);
  }
  @media(min-width:760px){
    .edge-title{font-size:1.72rem;}
  }

  /* Marked content refinements, using only local text, CSS and the existing SVG pet. */
  .camp-subject-label{max-width:100%;}
  .sayac-pet-track{height:152px;}
  .sayac-pet{width:64px;height:54px;border:0;padding:0;background:transparent;color:inherit;-webkit-tap-highlight-color:transparent;}
  .sayac-pet:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:50%;}
  .pet-shadow{fill:var(--ink);opacity:.12;}
  .pet-horn{fill:var(--gold);}
  .pet-eye{fill:#FFFCF4;}
  .pet-pupil{fill:#2B2A28;}
  .pet-eye-shine{fill:#FFF;}
  .pet-cheek{fill:#EFA5A8;opacity:.78;}
  .pet-arm{stroke:var(--pen-dark);stroke-width:3;stroke-linecap:round;}
  .pet-speech{position:absolute;left:12px;bottom:78px;width:min(276px,calc(100% - 24px));margin:0;padding:12px 15px;background:var(--white);color:var(--ink);border:1px solid var(--paper-line);border-radius:15px;font-size:.83rem;font-weight:600;line-height:1.5;box-shadow:0 8px 20px -12px rgba(43,42,40,.25);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;visibility:hidden;}
  .pet-speech::after{content:"";position:absolute;bottom:-6px;left:var(--pet-tail,50%);width:10px;height:10px;background:var(--white);border-right:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);transform:rotate(45deg);}
  .pet-speech.show{opacity:1;transform:translateY(0);visibility:visible;}
  #panelSayac .bank-wrap{padding-bottom:144px;}
  @media(prefers-reduced-motion:reduce){.pet-svg,.pet-body,.pet-leg,.pet-heart{animation:none!important;}.pet-speech{transition:none;}}
  html.reduce-motion .pet-svg,html.reduce-motion .pet-body,html.reduce-motion .pet-leg,html.reduce-motion .pet-heart{animation:none!important;}
  html.reduce-motion .pet-speech{transition:none;}


  /* v9: compact campaign summary and course-based video navigation */
  #panelKamp .kamp-pricing-grid--compact{margin:9px auto 0;}
  #panelKamp .kamp-pricing-grid--compact .kamp-pricing-card{padding:20px 18px 12px;border-radius:18px;}
  #panelKamp .kamp-pricing-grid--compact .kamp-pkg-header{margin:2px 0 12px;}
  #panelKamp .kamp-pricing-grid--compact .kamp-pkg-name{font-size:1.18rem;}
  #panelKamp .kamp-pkg-essentials{gap:8px;margin-bottom:14px;}
  #panelKamp .kamp-pkg-essentials li{font-size:.82rem;line-height:1.45;gap:8px;}
  #panelKamp .kamp-pkg-essentials li > span:last-child{flex:1;min-width:0;}
  #panelKamp .kamp-pkg-essentials small{display:block;font-size:.74rem;color:var(--ink-soft);margin-top:1px;}
  #panelKamp .kamp-pkg-essentials .pkg-check{width:17px;height:17px;}
  #panelKamp .kamp-pricing-grid--compact .kamp-join-btn{padding:12px 16px;font-size:.9rem;}
  #panelKamp .kamp-pricing-grid--compact .kamp-pkg-note{font-size:.7rem;line-height:1.45;margin:8px 0 12px;}
  .kamp-extra{border-top:1px solid var(--paper-line);width:100%;}
  .kamp-extra summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 2px;cursor:pointer;font-size:.79rem;font-weight:700;color:var(--gold);list-style:none;}
  .kamp-extra summary::-webkit-details-marker{display:none;}
  .kamp-extra summary > span{font-size:1.1rem;line-height:1;transition:transform .15s;}
  .kamp-extra[open] summary > span{transform:rotate(45deg);}
  .kamp-extra-list{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:13px;}
  .kamp-extra-list li{display:grid;gap:4px;font-size:.78rem;line-height:1.55;color:var(--ink-soft);}
  .kamp-extra-list strong{color:var(--ink);font-size:.8rem;}
  html[data-theme="dark"] #panelKamp .kamp-pricing-grid--compact .kamp-pricing-card{background:linear-gradient(180deg,rgba(var(--pen-rgb),.14),var(--white) 60%);}

  #panelVideo .bank-wrap{gap:16px;}
  .video-intro{width:100%;padding:2px 0 0;}
  .video-intro .bank-offer-eyebrow{margin-bottom:6px;font-size:.68rem;}
  .video-intro h3{margin:0 0 6px;color:var(--ink);font-size:1.3rem;line-height:1.25;letter-spacing:-.02em;outline:none;}
  .video-intro p{margin:0;color:var(--ink-soft);font-size:.81rem;line-height:1.5;}
  .video-subject-grid{display:grid;gap:12px;width:100%;}
  .video-subject-grid[hidden],.video-topic-view[hidden]{display:none!important;}
  .video-subject-card{position:relative;isolation:isolate;width:100%;height:114px;padding:17px 19px;border:1px solid rgba(199,154,61,.4);border-radius:16px;overflow:hidden;background:#203536;box-shadow:var(--shadow-softer);text-align:left;cursor:pointer;display:flex;align-items:flex-end;transition:transform .15s ease;}
  .video-subject-card img,.video-cover-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
  .video-subject-card img{object-position:center 42%;}
  .video-subject-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,27,33,.85),rgba(8,27,33,.28)),linear-gradient(0deg,rgba(8,27,33,.65),transparent 90%);}
  .video-subject-copy{display:grid;gap:5px;color:#fff;}
  .video-subject-copy strong{font-size:1.22rem;font-weight:800;line-height:1.2;text-shadow:0 1px 4px rgba(0,0,0,.25);}
  .video-subject-copy > span{font-size:.74rem;line-height:1.4;color:#f4e9cb;}
  .video-subject-copy > span > span{margin-left:5px;}
  .video-subject-card:active{transform:scale(.985);}
  .video-subject-card:focus-visible,.video-menu-card:focus-visible,.kamp-extra summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
  .video-topic-view{width:100%;}
  .video-topic-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
  #panelVideo .video-menu-card.locked{opacity:1;filter:none;cursor:pointer;}
  #panelVideo .video-menu-card.locked::after{content:none;}
  .video-cover-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:1/1.04;width:100%;padding:14px 12px;border:1px solid rgba(199,154,61,.35);border-radius:14px;overflow:hidden;background:#203536;box-shadow:var(--shadow-softer);text-align:left;}
  .video-cover-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,23,28,.1) 25%,rgba(8,23,28,.7) 60%,rgba(8,23,28,.98) 100%);}
  .video-cover-title{color:#fff;font-size:.91rem;line-height:1.35;font-weight:800;text-shadow:0 1px 4px #08171c;overflow-wrap:normal;}
  .video-lock-badge{position:absolute;top:9px;right:9px;padding:5px 7px;border-radius:7px;background:rgba(8,23,28,.86);border:1px solid rgba(244,233,203,.25);color:#f4e9cb;font-size:.61rem;line-height:1;}
  .video-topic-list{display:grid;gap:10px;}
  .video-topic-row{display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;width:100%;padding:12px 13px;border:1px solid var(--paper-line);border-radius:13px;background:var(--white);color:var(--ink);box-shadow:var(--shadow-softer);}
  .video-topic-number{display:flex;align-items:center;justify-content:center;flex:0 0 33px;width:33px;height:35px;border-radius:9px;background:rgba(var(--gold-rgb),.12);color:var(--gold);font-size:.75rem;font-weight:800;}
  .video-topic-title{flex:1;min-width:0;font-size:.88rem;font-weight:700;line-height:1.4;}
  .video-row-lock{flex:0 0 auto;font-size:.72rem;}
  .video-practice-heading{margin:23px 0 10px;font-size:.84rem;color:var(--ink);}
  .video-practice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
  .video-practice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:100px;width:100%;padding:15px 13px;border:1px solid var(--paper-line);border-radius:13px;background:linear-gradient(135deg,rgba(var(--gold-rgb),.12),var(--white));color:var(--ink);text-align:left;}
  .video-practice-card strong{font-size:.85rem;line-height:1.3;}
  .video-practice-icon{font-size:1.4rem;line-height:1;color:var(--gold);}
  .video-practice-card .video-row-lock{position:absolute;top:12px;right:12px;}
  .video-access-note{margin:13px 0 0;color:var(--ink-soft);font-size:.73rem;line-height:1.55;}
  @media(max-width:350px){
    #panelKamp .kamp-pricing-grid--compact .kamp-pricing-card{padding:19px 13px 10px;}
    #panelKamp .kamp-pkg-essentials li{font-size:.78rem;}
    #panelKamp .kamp-pkg-badge{font-size:.65rem;padding:6px 11px;}
    .video-cover-title{font-size:.83rem;}
    .video-cover-card{padding:12px 10px;aspect-ratio:1/1.12;}
    .video-subject-card{height:102px;}
    .video-topic-row{gap:9px;padding:11px;}
    .video-topic-title{font-size:.83rem;}
  }
  @media(prefers-reduced-motion:reduce){
    .video-subject-card,.kamp-extra summary > span{transition:none;}
  }


/* Yalnızca yeni soru araçları, kilitli konu kartları ve ders denemeleri. */
.pratik-tools{display:flex;flex-direction:column;gap:10px;width:100%;}
.pratik-tool-row{display:flex;flex-wrap:wrap;gap:7px;}
.pratik-tool-btn,.pratik-video-btn,.pratik-topic-btn,.pratik-saved-practice{font:inherit;font-size:.76rem;font-weight:650;border:1px solid var(--paper-line);border-radius:10px;background:var(--white);color:var(--ink);padding:9px 11px;cursor:pointer;line-height:1.4;}
.pratik-tool-btn[aria-pressed="true"]{background:var(--gold);color:var(--paper);border-color:var(--gold);}
.pratik-tool-btn:focus-visible,.pratik-video-btn:focus-visible,.pratik-topic-btn:focus-visible,.pratik-saved-practice:focus-visible,.pratik-eliminate-btn:focus-visible,.pratik-note-input:focus-visible,.pratik-confused:focus-visible,.deneme-course-btn:focus-visible,#savedQuestionsBox summary:focus-visible{outline:2px solid var(--pen);outline-offset:3px;}
.pratik-note-panel[hidden],.pratik-bank-feature[hidden],.deneme-subject-panel[hidden]{display:none!important;}
.pratik-note-label{display:block;font-size:.78rem;font-weight:650;margin-bottom:6px;color:var(--ink);}
.pratik-note-input{display:block;box-sizing:border-box;width:100%;min-height:82px;max-height:240px;resize:vertical;padding:10px 12px;font:inherit;font-size:.84rem;line-height:1.5;background:var(--paper);color:var(--ink);border:1px solid var(--paper-line);border-radius:10px;}
.pratik-small-note{display:block;font-size:.72rem;line-height:1.5;color:var(--ink-soft);margin:6px 0 0;}
.pratik-video-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:var(--paper);color:var(--ink-soft);cursor:not-allowed;}
.pratik-option-row{display:flex;align-items:stretch;gap:7px;}
.pratik-option-row .quiz-option{flex:1;min-width:0;width:auto;}
.pratik-eliminate-btn{flex:0 0 36px;border:1px solid var(--paper-line);border-radius:10px;background:var(--paper);color:var(--ink-soft);font:inherit;font-size:1.05rem;cursor:pointer;}
.pratik-eliminate-btn:disabled{cursor:default;opacity:.4;}
.pratik-option-row.is-eliminated .quiz-option{opacity:.48;background:var(--paper);}
.pratik-option-row.is-eliminated .quiz-option-text{text-decoration:line-through;}
.pratik-option-row.is-eliminated .pratik-eliminate-btn{border-color:var(--pen);color:var(--ink);}
.pratik-answer-summary{margin:0 0 10px;}
.pratik-option-reasons{margin:0;border:0;padding:0;}
.pratik-option-reasons summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:.82rem;}
.pratik-option-reasons ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:10px;}
.pratik-option-reasons li{padding-top:8px;border-top:1px solid var(--paper-line);font-size:.8rem;line-height:1.55;}
.pratik-option-reasons strong{display:block;margin-bottom:3px;color:var(--ink);}
.pratik-bank-feature{box-sizing:border-box;width:100%;padding:18px;border:1px solid var(--paper-line);border-radius:16px;background:var(--white);color:var(--ink);}
.pratik-feature-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.96rem;font-weight:750;margin:0;}
.pratik-feature-desc{margin:7px 0 0;color:var(--ink-soft);font-size:.76rem;line-height:1.5;}
.pratik-topic-group{margin-top:16px;}
.pratik-topic-group h4{font-size:.79rem;margin:0 0 7px;color:var(--gold);}
.pratik-topic-grid{display:flex;flex-wrap:wrap;gap:7px;}
.pratik-topic-btn{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;cursor:not-allowed;text-align:left;}
.pratik-confused{display:block;font:inherit;text-align:left;cursor:not-allowed;}
#savedQuestionsBox summary{cursor:pointer;font-size:.9rem;font-weight:750;line-height:1.5;}
.pratik-saved-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.pratik-saved-item{padding:12px;border:1px solid var(--paper-line);border-radius:12px;background:var(--paper);}
.pratik-saved-item summary{font-size:.8rem!important;font-weight:600!important;white-space:pre-line;}
.pratik-saved-item .pratik-tools{margin-top:12px;}
.pratik-saved-note{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;line-height:1.5;}
.pratik-saved-practice{margin-top:10px;width:100%;background:var(--gold);color:var(--paper);border-color:var(--gold);}
.deneme-course-switch{display:flex;gap:6px;margin:14px 0 16px;}
.deneme-course-btn{flex:1;min-width:0;font:inherit;font-size:.77rem;font-weight:700;padding:10px 5px;border:1px solid var(--paper-line);border-radius:999px;background:var(--white);color:var(--ink-soft);cursor:pointer;}
.deneme-course-btn.active{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.deneme-course-heading{font-size:.9rem;font-weight:700;color:var(--gold);margin:0 0 14px;}
.deneme-level-heading{font-size:.8rem;font-weight:700;color:var(--ink-soft);margin:18px 0 10px;}
.deneme-subject-panel .deneme-item{width:100%;font:inherit;text-align:left;cursor:not-allowed;opacity:1;}
@media(max-width:360px){.pratik-bank-feature{padding:14px;}.pratik-tool-btn{font-size:.71rem;padding:8px 9px;}.deneme-item-name{font-size:.8rem;}}


/* Same course-card dimensions, now keyboard and touch accessible. */
.camp-subject-card{width:100%;font:inherit;text-align:left;color:inherit;background:transparent;cursor:pointer;}
.camp-subject-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
.page-image-wrap--poster img{object-fit:cover;transform:scale(1.1);}