/* ====== NAVBAR — bu hissəni öz CSS faylına köçür ====== */
  :root{
    --nav-text:#2b2b3a;
    --btn-bg:#16122b;
    --btn-bg-hover:#2a2350;
    --primary-blue:#007AD6;
    --pill-bg:var(--primary-blue);     /* hover kapsulunun rəngi */
    --pill-shadow:rgba(0,122,214,.35);

    /* Dinamik şüşə — JS scroll-a görə dəyişir */
    --glass-blur:8px;                  /* səhifənin başında az blur */
    --glass-tint:.16;                  /* ağ şüşənin şəffaflığı */
    --glass-sat:180%;
    --mx:30%; --my:0%;                 /* kursor işığının yeri */
    --shine-o:0;                       /* kursor işığının gücü */
  }
  *{box-sizing:border-box}
  body{margin:0; font-family:"DM Sans",system-ui,sans-serif}

  .nav-wrap{
    position:sticky; top:0; z-index:100;
    padding:12px 16px;
  }

  /* ---------- LIQUID GLASS ---------- */
  .navbar{
    position:relative; isolation:isolate;
    max-width:1340px; margin:0 auto;
    height:76px;
    display:flex; align-items:center; justify-content:space-between;
    gap:24px;
    padding:0 13px 0 10px;
    border-radius:999px;
    box-shadow:
      0 10px 30px rgba(60,50,140,.16),
      0 2px 6px rgba(60,50,140,.08);
    transition:box-shadow .4s ease-out;
  }
  /* bütün şüşə qatları navbarın formasını alır */
  .lg-layer{position:absolute; inset:0; border-radius:inherit; pointer-events:none}

  /* 1) Arxanı bulanıqlaşdıran + əyən (refraction) qat */
  .lg-effect{
    z-index:0; overflow:hidden;
    backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
    -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));
  }
  /* Chromium brauzerlərdə maye əyilmə (SVG displacement) */
  .lg-distort .lg-effect{filter:url(#lg-liquid)}

  /* 2) Ağ rəng tonu */
  .lg-tint{
    z-index:1;
    background:
      linear-gradient(180deg,rgba(255,255,255,calc(var(--glass-tint) + .12)) 0%,
                              rgba(255,255,255,var(--glass-tint)) 55%,
                              rgba(255,255,255,calc(var(--glass-tint) * .6)) 100%);
  }

  /* 3) Şüşə kənarlarının işığı (specular rim) */
  .lg-shine{
    z-index:2;
    box-shadow:
      inset 1.5px 1.5px 1px rgba(255,255,255,.75),
      inset -1px -1px 1px rgba(255,255,255,.45),
      inset 0 0 18px rgba(255,255,255,.25),
      inset 0 -10px 20px -12px rgba(120,90,200,.18);
    border:1px solid rgba(255,255,255,.35);
  }

  /* 4) Kursoru izləyən yumşaq işıq ləkəsi */
  .lg-glow{
    z-index:3; overflow:hidden; opacity:var(--shine-o);
    background:radial-gradient(220px 120px at var(--mx) var(--my),
                rgba(255,255,255,.38), rgba(255,255,255,0) 70%);
    transition:opacity .35s ease-out;
  }

  /* 5) İncə dənəvər tekstura
     (qeyd: bu qatlarda mix-blend-mode İŞLƏTMƏ — Chrome-da backdrop blur-u söndürür) */
  .lg-grain{
    z-index:3; overflow:hidden; opacity:.06;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* Məzmun şüşənin üstündə */
  .logo,.nav-links,.nav-actions,.burger{position:relative; z-index:5}

  /* backdrop-filter dəstəklənməyən brauzerlər üçün */
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .lg-tint{background:rgba(255,255,255,.82)}
  }

  /* Logo */
  .logo{display:flex; align-items:center; flex:none; border-radius:50%; transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .logo img{display:block; width:60px; height:60px; object-fit:contain}
  .logo:hover{transform:rotate(-8deg) scale(1.04)}
  .logo:focus-visible{outline:2px solid var(--primary-blue); outline-offset:3px}

  /* Linklər + sürüşən pill hover effekti */
  .nav-links{
    display:flex; align-items:center; gap:2px;
    list-style:none; margin:0; padding:0;
    --pill-x:0px; --pill-w:0px; --pill-o:0;
  }
  .nav-links::before{
    content:""; position:absolute; left:0; top:50%;
    height:44px; width:var(--pill-w);
    transform:translate(var(--pill-x),-50%);
    opacity:var(--pill-o);
    border-radius:999px;
    background:var(--pill-bg);
    box-shadow:0 6px 18px var(--pill-shadow), inset 0 1px 0 rgba(255,255,255,.18);
    transition:
      transform .3s cubic-bezier(.22,1,.36,1),
      width .3s cubic-bezier(.22,1,.36,1),
      opacity .2s ease-out;
    pointer-events:none; z-index:0;
  }
  .nav-links.no-anim::before{transition:none}
  .nav-links a{
    position:relative; z-index:1;
    display:inline-block; padding:11px 15px; border-radius:999px; white-space:nowrap;
    color:var(--nav-text); text-decoration:none;
    font-size:15px; font-weight:500;
    transition:color .25s ease-out;
  }
  .nav-links a.is-lit{color:#fff}
  .nav-links a:focus-visible{outline:2px solid var(--pill-bg); outline-offset:2px}

  /* Sağ tərəf */
  .nav-actions{display:flex; align-items:center; gap:8px}
  .signup{display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 16px; border-radius:999px; color:#111; text-decoration:none; font-size:15px; font-weight:600; white-space:nowrap; transition:background .2s}
  .signup:hover{background:rgba(255,255,255,.6)}
  .signup svg{width:18px; height:18px}
  .signin{
    display:inline-flex; align-items:center; justify-content:center;
    height:50px; padding:0 24px; border-radius:999px; white-space:nowrap;
    background:radial-gradient(120% 140% at 30% 20%,#3a3168 0%,var(--btn-bg) 60%);
    color:#fff; text-decoration:none; font-size:15px; font-weight:500;
    box-shadow:0 4px 14px rgba(22,18,43,.3), inset 0 1px 0 rgba(255,255,255,.15);
    transition:transform .15s, background .2s;
  }
  .signin:hover{transform:translateY(-1px); background:var(--btn-bg-hover)}

  /* Mobil menyu düyməsi */
  .burger{
    display:none; width:44px; height:44px; border:0; border-radius:50%;
    background:rgba(255,255,255,.45); cursor:pointer;
    align-items:center; justify-content:center;
  }
  .burger svg{width:22px; height:22px}

  @media (max-width:1180px){
    .navbar{height:64px; padding:0 10px 0 10px}
    .logo img{width:50px; height:50px}
    .burger{display:inline-flex}
    .nav-links,.nav-actions{display:none}
    .navbar.open{flex-wrap:wrap; height:auto; padding:7px 12px 18px 10px; border-radius:28px}
    .navbar.open .nav-links{display:flex; flex-direction:column; align-items:flex-start; gap:6px; width:100%; order:3; padding-top:12px}
    .navbar.open .nav-actions{display:flex; width:100%; order:4; justify-content:space-between}
    .nav-links::before{display:none}
    .nav-links a{padding:10px 16px}
    .nav-links a.is-lit{color:var(--nav-text)}
    .nav-links a.active{background:var(--pill-bg); color:#fff}
  }

  @media (prefers-reduced-motion:reduce){
    .nav-links::before,.nav-links a,.lg-glow,.navbar{transition:none}
  }
  /* ====== NAVBAR SONU ====== */
  /* ====== FOOTER ====== */
  .ft{position:relative; margin-top:40px; padding:0 16px 16px}
  .ft-in{position:relative; max-width:1340px; margin:0 auto; border-radius:34px; overflow:hidden; isolation:isolate; color:#cfd8e6;
    background:radial-gradient(120% 90% at 85% 0%,#0c3a6b 0%,rgba(12,58,107,0) 55%),radial-gradient(90% 80% at 0% 100%,#0a2a52 0%,rgba(10,42,82,0) 60%),#060d1a;
    box-shadow:0 40px 90px -40px rgba(6,13,26,.7)}
  .ft-in::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.35;
    background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:56px 56px; -webkit-mask-image:radial-gradient(80% 70% at 70% 10%,#000,transparent 75%); mask-image:radial-gradient(80% 70% at 70% 10%,#000,transparent 75%)}
  .ft-orb{position:absolute; z-index:-1; width:420px; height:420px; border-radius:50%; right:-120px; top:-160px; background:#007AD6; filter:blur(120px); opacity:.45; pointer-events:none}

  /* CTA sətri */
  .ft-cta{display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap; padding:64px 64px 48px; border-bottom:1px solid rgba(255,255,255,.08)}
  .ft-cta h2{margin:0; max-width:640px; font-size:clamp(32px,4vw,54px); font-weight:500; letter-spacing:-.035em; line-height:1.05; color:#fff}
  .ft-cta h2 em{font-style:normal; color:#4db1ff}
  .ft-cta-b{display:flex; gap:12px; flex-wrap:wrap}
  .ft-btn{display:inline-flex; align-items:center; gap:10px; height:54px; padding:0 26px; border-radius:999px; text-decoration:none; font-weight:600; font-size:15px; transition:transform .25s ease-out, box-shadow .25s ease-out, background .25s}
  .ft-btn.pri{color:#fff; background:#007AD6; box-shadow:0 14px 30px -8px rgba(0,122,214,.7), inset 0 1px 0 rgba(255,255,255,.25)}
  .ft-btn.pri:hover{transform:translateY(-2px); box-shadow:0 20px 36px -8px rgba(0,122,214,.8)}
  .ft-btn.gl{color:#fff; background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px)}
  .ft-btn.gl:hover{background:rgba(255,255,255,.14)}
  .ft-btn svg{width:16px; height:16px}

  /* sütunlar */
  .ft-grid{display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:40px; padding:52px 64px 30px}
  .ft-brand{max-width:340px}
  .ft-logo{display:inline-flex; align-items:center; gap:14px; text-decoration:none; color:#fff}
  .ft-logo span{width:58px; height:58px; border-radius:50%; background:#fff; display:grid; place-items:center; box-shadow:0 0 0 6px rgba(255,255,255,.06), 0 12px 30px -8px rgba(0,122,214,.6)}
  .ft-logo img{width:48px; height:48px; object-fit:contain}
  .ft-logo b{font-size:20px; font-weight:700; letter-spacing:-.02em}
  .ft-logo small{display:block; font-size:12px; font-weight:500; color:#8fa3bf; letter-spacing:.02em}
  .ft-brand p{margin:18px 0 0; font-size:15px; line-height:1.65; color:#93a4bd}
  .ft-soc{display:flex; gap:10px; margin-top:22px}
  .ft-soc a{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#dbe6f5; background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
    transition:background .25s ease-out, transform .25s ease-out, color .25s}
  .ft-soc a:hover{background:#007AD6; color:#fff; transform:translateY(-3px)}
  .ft-soc svg{width:18px; height:18px}
  .ft-col h4{margin:6px 0 16px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#4db1ff}
  .ft-col ul{list-style:none; margin:0; padding:0; display:grid; gap:4px}
  .ft-col a{position:relative; display:inline-block; padding:6px 12px; margin-left:-12px; border-radius:999px; color:#cfd8e6; text-decoration:none; font-size:15px;
    transition:background .25s ease-out, color .25s ease-out, transform .25s ease-out}
  .ft-col a:hover{background:rgba(0,122,214,.18); color:#fff; transform:translateX(4px)}
  .ft-col a:focus-visible,.ft-soc a:focus-visible,.ft-btn:focus-visible,.ft-made:focus-visible,.ft-top:focus-visible{outline:2px solid #4db1ff; outline-offset:3px}

  /* nəhəng yazı */
  .ft-giant{position:relative; margin:0; padding:0 40px; text-align:center; font-family:'Anton','Arial Narrow','DM Sans',sans-serif; font-weight:400; font-size:clamp(60px,14.2vw,210px);
    line-height:.9; letter-spacing:.01em; text-transform:uppercase; white-space:nowrap; user-select:none; pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.02) 85%); -webkit-background-clip:text; background-clip:text; color:transparent;
    transform:translateY(18%); opacity:0; transition:opacity 1.2s ease, transform 1.4s cubic-bezier(.22,1,.36,1)}
  .ft.in .ft-giant{opacity:1; transform:translateY(8%)}

  /* alt şüşə zolaq */
  .ft-bar{position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin:0 16px 16px; padding:12px 12px 12px 26px; border-radius:24px;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05)); backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%);
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.18), inset -1px -1px 0 rgba(255,255,255,.05), 0 20px 40px -20px rgba(0,0,0,.6)}
  .ft-copy{margin:0; font-size:14px; color:#93a4bd}
  .ft-right{display:flex; align-items:center; gap:10px}
  .ft-made{display:inline-flex; align-items:center; gap:12px; padding:6px 8px 6px 18px; border-radius:999px; text-decoration:none; color:#dbe6f5; font-size:14px;
    background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); transition:background .25s ease-out, box-shadow .25s}
  .ft-made:hover{background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
  .ft-made .chip{display:inline-flex; align-items:center; height:38px; padding:0 14px; border-radius:999px; background:#fff; box-shadow:0 6px 16px -6px rgba(0,0,0,.5); transition:transform .25s ease-out}
  .ft-made:hover .chip{transform:scale(1.04)}
  .ft-made .chip img{display:block; height:24px; width:auto; max-width:150px}
  .ft-made .chip b{display:none; font-size:14px; font-weight:700; color:#0b0f1a; letter-spacing:-.01em}
  .ft-made .chip.noimg img{display:none} .ft-made .chip.noimg b{display:block}
  .ft-top{width:46px; height:46px; flex:none; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:#fff; background:#007AD6;
    box-shadow:0 10px 24px -6px rgba(0,122,214,.7); transition:transform .25s ease-out}
  .ft-top:hover{transform:translateY(-3px)}
  .ft-top svg{width:18px; height:18px}

  @media (max-width:1020px){
    .ft-cta{padding:52px 36px 40px}
    .ft-grid{grid-template-columns:1fr 1fr; padding:44px 36px 24px}
    .ft-brand{grid-column:1 / -1; max-width:none}
  }
  @media (max-width:600px){
    .ft{padding:0 8px 8px}
    .ft-in{border-radius:26px}
    .ft-cta{padding:42px 22px 32px}
    .ft-btn{height:50px; padding:0 20px}
    .ft-grid{grid-template-columns:1fr 1fr; gap:28px 16px; padding:36px 22px 18px}
    .ft-giant{padding:0 12px; font-size:15.5vw}
    .ft-bar{margin:0 8px 8px; padding:14px; justify-content:center; text-align:center}
    .ft-right{flex-wrap:wrap; justify-content:center}
    .ft-made{padding-left:14px; font-size:13px}
  }
  @media (prefers-reduced-motion:reduce){ .ft-giant{transition:none; opacity:1; transform:translateY(8%)} }
  /* ====== FOOTER SONU ====== */

  /* ====== QEYDİYYAT SƏHİFƏSİ ====== */
  /* navbar səhifənin üstündə üzür — arxa fon (orblar) ən yuxarıdan başlasın */
  .nav-wrap{position:fixed; left:0; right:0; top:0}
  html{scroll-behavior:smooth}
  body{background:#f3f7fc; color:#0b0f1a; min-height:100vh}
  .rg{position:relative; overflow:hidden; padding:150px 24px 110px; isolation:isolate}
  .rg-orbs i{position:absolute; z-index:-1; border-radius:50%; filter:blur(90px); pointer-events:none}
  .rg-orbs i:nth-child(1){width:520px; height:520px; left:-160px; top:-120px; background:rgba(0,122,214,.20)}
  .rg-orbs i:nth-child(2){width:460px; height:460px; right:-140px; top:260px; background:rgba(77,177,255,.22)}
  .rg-orbs i:nth-child(3){width:380px; height:380px; left:30%; bottom:-180px; background:rgba(0,122,214,.12)}
  .rg-wrap{max-width:1120px; margin:0 auto}

  .rg-head{text-align:center; max-width:720px; margin:0 auto}
  .rg-head small{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#007AD6}
  .rg-head h1{margin:14px 0 0; font-size:clamp(40px,6vw,72px); font-weight:500; letter-spacing:-.045em; line-height:1}
  .rg-head h1 em{font-style:normal; color:#007AD6}
  .rg-head p{margin:18px auto 0; max-width:520px; font-size:18px; line-height:1.55; color:#5d6475}

  /* tab seçici — sürüşən pill */
  .rg-tabs{position:relative; display:flex; width:max-content; max-width:100%; margin:38px auto 0; padding:6px; border-radius:999px;
    background:rgba(255,255,255,.62); backdrop-filter:blur(18px) saturate(170%); -webkit-backdrop-filter:blur(18px) saturate(170%);
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.9), 0 14px 40px -18px rgba(20,40,80,.35), 0 0 0 1px rgba(20,40,80,.05)}
  .rg-tabs .pill{position:absolute; top:6px; bottom:6px; left:0; border-radius:999px; background:#007AD6;
    box-shadow:0 8px 20px rgba(0,122,214,.42), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .3s cubic-bezier(.22,1,.36,1), width .3s cubic-bezier(.22,1,.36,1)}
  .rg-tabs.no-anim .pill{transition:none}
  .rg-tabs[hidden]{display:none}
  .rg-tabs button{position:relative; z-index:1; display:inline-flex; align-items:center; gap:9px; border:0; background:none; cursor:pointer; padding:14px 24px; border-radius:999px;
    font:inherit; font-size:15px; font-weight:600; color:#2b2b3a; white-space:nowrap; transition:color .25s ease-out}
  .rg-tabs button[aria-selected="true"]{color:#fff}
  .rg-tabs button:hover:not([aria-selected="true"]){color:#007AD6}
  .rg-tabs button:focus-visible{outline:2px solid #007AD6; outline-offset:3px}
  .rg-tabs svg{width:18px; height:18px}

  .rg-panel{margin-top:40px; animation:rgIn .5s cubic-bezier(.22,1,.36,1)}
  .rg-panel[hidden]{display:none}
  @keyframes rgIn{from{opacity:0; transform:translateY(16px)}}

  /* şüşə kart */
  .glass{position:relative; border-radius:30px; background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.66));
    backdrop-filter:blur(22px) saturate(170%); -webkit-backdrop-filter:blur(22px) saturate(170%);
    box-shadow:inset 1.5px 1.5px 1px rgba(255,255,255,.95), inset -1px -1px 1px rgba(255,255,255,.5), 0 30px 70px -30px rgba(20,40,80,.35), 0 0 0 1px rgba(20,40,80,.05)}

  .rg-grid{display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:24px; align-items:start}
  .rg-card{padding:36px}
  .rg-card h2{margin:0; font-size:28px; font-weight:600; letter-spacing:-.03em}
  .rg-card > p{margin:8px 0 0; color:#5d6475; font-size:15px; line-height:1.55}

  /* form */
  .rg-form{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:26px}
  .fld{display:flex; flex-direction:column; gap:7px}
  .fld.full{grid-column:1 / -1}
  .fld label{font-size:13px; font-weight:600; color:#2b2b3a}
  .inp{display:flex; align-items:center; height:56px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1.5px #e3e9f2; transition:box-shadow .2s ease-out}
  .inp:focus-within{box-shadow:inset 0 0 0 2px #007AD6, 0 0 0 5px rgba(0,122,214,.12)}
  .fld.err .inp{box-shadow:inset 0 0 0 2px #e5484d, 0 0 0 5px rgba(229,72,77,.1)}
  .inp input{flex:1; min-width:0; height:100%; border:0; outline:0; background:none; padding:0 18px; font:inherit; font-size:16px; color:#0b0f1a}
  .inp input::placeholder{color:#a3acbb}
  .inp .pre{display:flex; align-items:center; gap:6px; height:100%; padding:0 4px 0 16px; font-weight:600; color:#2b2b3a; font-size:16px}
  .inp .pre::after{content:""; width:1px; height:24px; margin-left:10px; background:#e3e9f2}
  .fld .msg{min-height:16px; font-size:12px; color:#e5484d}
  .rg-tag{display:inline-flex; align-items:center; gap:8px; margin-top:16px; padding:7px 8px 7px 14px; border-radius:999px; font-size:13px; font-weight:600; color:#005ea6; background:rgba(0,122,214,.09)}
  .rg-tag button{width:22px; height:22px; border-radius:50%; border:0; background:rgba(0,122,214,.15); color:#005ea6; cursor:pointer; display:grid; place-items:center; font-size:14px; line-height:1}
  .rg-tag[hidden]{display:none}

  .rg-submit{grid-column:1 / -1; position:relative; display:flex; align-items:center; justify-content:center; gap:10px; height:58px; margin-top:6px; border:0; border-radius:18px; cursor:pointer;
    font:inherit; font-size:16px; font-weight:700; color:#fff; background:#007AD6; box-shadow:0 16px 32px -10px rgba(0,122,214,.65), inset 0 1px 0 rgba(255,255,255,.25);
    transition:transform .25s ease-out, box-shadow .25s ease-out, background .25s}
  .rg-submit:hover{transform:translateY(-2px); box-shadow:0 22px 38px -10px rgba(0,122,214,.7)}
  .rg-submit:focus-visible{outline:3px solid rgba(0,122,214,.35); outline-offset:3px}
  .rg-submit svg{width:18px; height:18px}
  .rg-submit.busy{pointer-events:none; color:transparent}
  .rg-submit.busy::after{content:""; position:absolute; width:22px; height:22px; border-radius:50%; border:2.5px solid rgba(255,255,255,.35); border-top-color:#fff; animation:spin .7s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .rg-note{grid-column:1 / -1; margin:0; font-size:12px; color:#8a93a3; text-align:center}

  /* yan kart: necə işləyir */
  .rg-side{padding:32px}
  .rg-side h3{margin:0 0 18px; font-size:18px; font-weight:600}
  .steps{list-style:none; margin:0; padding:0; display:grid; gap:16px}
  .steps li{display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start}
  .steps b{width:44px; height:44px; border-radius:14px; display:grid; place-items:center; font-size:16px; color:#007AD6; background:rgba(0,122,214,.1)}
  .steps strong{display:block; font-size:15px; font-weight:600}
  .steps span{display:block; margin-top:2px; font-size:14px; line-height:1.5; color:#5d6475}
  .rg-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px; padding-top:22px; border-top:1px solid rgba(20,40,80,.08)}
  .rg-stats div{text-align:center}
  .rg-stats b{display:block; font-size:24px; font-weight:700; letter-spacing:-.02em; color:#007AD6}
  .rg-stats span{font-size:12px; color:#5d6475}

  /* sınaq imtahanları */
  .ex-list{display:grid; gap:14px}
  .ex{overflow:hidden; border-radius:26px; transition:box-shadow .3s ease-out, transform .3s ease-out}
  .ex:hover{transform:translateY(-2px)}
  .ex.on{box-shadow:inset 1.5px 1.5px 1px rgba(255,255,255,.95), 0 0 0 2px #007AD6, 0 30px 70px -30px rgba(0,122,214,.45)}
  .ex-top{display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:22px; width:100%; padding:18px 22px 18px 18px; border:0; background:none; cursor:pointer; text-align:left; font:inherit; color:inherit}
  .ex-top:focus-visible{outline:2px solid #007AD6; outline-offset:-4px; border-radius:26px}
  .ex-date{width:76px; height:80px; border-radius:20px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#007AD6; color:#fff;
    box-shadow:0 12px 24px -10px rgba(0,122,214,.7), inset 0 1px 0 rgba(255,255,255,.25)}
  .ex-date b{font-size:30px; font-weight:700; line-height:1; letter-spacing:-.03em}
  .ex-date span{margin-top:4px; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.9}
  .ex-t h3{margin:0; font-size:20px; font-weight:600; letter-spacing:-.02em}
  .ex-t p{margin:6px 0 0; display:flex; flex-wrap:wrap; gap:6px 14px; font-size:14px; color:#5d6475}
  .ex-t p span{display:inline-flex; align-items:center; gap:6px}
  .ex-t svg{width:15px; height:15px; color:#007AD6}
  .ex-price{font-size:22px; font-weight:700; letter-spacing:-.02em; color:#0b0f1a; white-space:nowrap}
  .ex-price small{display:block; font-size:11px; font-weight:600; color:#8a93a3; text-align:right; letter-spacing:.04em}
  .ex-chev{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:rgba(0,122,214,.08); color:#007AD6; transition:transform .35s cubic-bezier(.22,1,.36,1), background .25s}
  .ex-chev svg{width:18px; height:18px}
  .ex.on .ex-chev{transform:rotate(180deg); background:#007AD6; color:#fff}
  .ex-body{display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1)}
  .ex.on .ex-body{grid-template-rows:1fr}
  .ex-body > div{overflow:hidden}
  .ex-in{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:26px; padding:6px 26px 28px; border-top:1px solid rgba(20,40,80,.07); margin:0 4px}
  .ex-info h4,.ex-form h4{margin:20px 0 12px; font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#007AD6}
  .kv{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}
  .kv div{padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.75); box-shadow:inset 0 0 0 1px rgba(20,40,80,.06)}
  .kv span{display:block; font-size:12px; color:#8a93a3}
  .kv b{display:block; margin-top:3px; font-size:15px; font-weight:600}
  .ex-info ul{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:8px}
  .ex-info li{display:flex; gap:10px; font-size:14px; line-height:1.45; color:#2b2b3a}
  .ex-info li::before{content:"✓"; flex:none; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:700; color:#fff; background:#007AD6}
  .ex-form .rg-form{margin-top:0}
  .opts{display:flex; flex-wrap:wrap; gap:8px}
  .opt{position:relative}
  .opt input{position:absolute; opacity:0; pointer-events:none}
  .opt span{display:inline-flex; align-items:center; height:44px; padding:0 18px; border-radius:999px; background:#fff; box-shadow:inset 0 0 0 1.5px #e3e9f2; font-size:15px; font-weight:500; color:#2b2b3a; cursor:pointer; transition:all .2s ease-out}
  .opt span:hover{box-shadow:inset 0 0 0 1.5px #007AD6}
  .opt input:checked + span{color:#fff; background:#007AD6; box-shadow:0 8px 18px -8px rgba(0,122,214,.7)}
  .opt input:focus-visible + span{outline:2px solid #007AD6; outline-offset:3px}
  .fld.err .opts .opt span{box-shadow:inset 0 0 0 1.5px #e5484d}
  .seat{padding:2px 10px; border-radius:999px; font-size:12.5px; font-weight:600; color:#16784a; background:rgba(31,157,85,.1)}
  .seat.low{color:#8e6107; background:rgba(201,138,18,.14)}
  .seat.full{color:#c22f34; background:rgba(229,72,77,.1)}
  .opt.off span{opacity:.4; cursor:not-allowed; box-shadow:inset 0 0 0 1.5px #e3e9f2!important}
  .opts-hint{margin:0; padding:12px 14px; border-radius:14px; background:rgba(0,122,214,.06); font-size:14px; color:#5d6475}
  .sesl{display:grid; gap:8px}
  .sesl div{display:grid; grid-template-columns:62px 1fr; gap:2px 12px; padding:10px 14px; border-radius:14px; background:rgba(255,255,255,.75); box-shadow:inset 0 0 0 1px rgba(20,40,80,.06)}
  .sesl b{grid-row:span 2; align-self:center; font-size:18px; color:#007AD6}
  .sesl span{font-size:13px; color:#5d6475}
  .sesl span:first-of-type{color:#0b0f1a; font-weight:600}
  .full-msg{padding:22px; border-radius:18px; background:rgba(229,72,77,.06); text-align:center}
  .full-msg b{display:block; font-size:18px; color:#c22f34}
  .full-msg span{display:block; margin-top:6px; color:#5d6475; font-size:14px}
  .ex-sum{grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-radius:16px; background:rgba(0,122,214,.07); font-size:14px; color:#2b2b3a}
  .ex-sum b{font-size:20px; color:#007AD6}
  .ex-empty{padding:40px; text-align:center; color:#5d6475}

  /* uğur ekranı */
  .rg-ok{padding:56px 36px; text-align:center; max-width:640px; margin:40px auto 0}
  .rg-ok[hidden]{display:none}
  .ok-ic{width:84px; height:84px; margin:0 auto; border-radius:50%; display:grid; place-items:center; background:#E8F6EE; color:#157F45; animation:pop .5s cubic-bezier(.34,1.56,.64,1)}
  .ok-ic.wait{background:#FFF4DE; color:#7A4B00}
  .ok-ic svg{width:40px; height:40px}
  .ok-ic.ok path{stroke-dasharray:40; stroke-dashoffset:40; animation:draw .5s .25s ease-out forwards}
  @keyframes pop{from{transform:scale(.4); opacity:0}}
  @keyframes draw{to{stroke-dashoffset:0}}
  .rg-ok h2{margin:20px 0 0; font-size:clamp(24px,3vw,30px); line-height:1.25; font-weight:700; letter-spacing:-.01em; text-wrap:balance}
  .rg-ok p{margin:10px auto 0; max-width:440px; font-size:17px; line-height:24px; color:#3B4652; text-wrap:pretty}
  .ok-code{margin:26px auto 0; max-width:480px}
  .ok-code[hidden]{display:none}
  .ok-num{display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px; border-radius:20px; background:#fff; border:2px dashed #7FB6E6}
  .ok-num + .ok-num{margin-top:10px}
  .ok-num small{font-size:15px; font-weight:700; color:#157F45}
  .ok-num b{font-size:clamp(34px,7vw,44px); font-weight:700; letter-spacing:.06em; line-height:1.15; color:#005BA1; font-variant-numeric:tabular-nums; user-select:all}
  .ok-num em{font-style:normal; font-size:15px; line-height:20px; color:#3B4652; overflow-wrap:anywhere}
  .ok-num button{margin-top:6px; height:40px; padding:0 18px; border:0; border-radius:12px; font:inherit; font-size:15px; font-weight:600; cursor:pointer; color:#005BA1; background:#E8F2FC}
  .ok-num button:hover{background:#d9eafb}
  .ok-num button:focus-visible{outline:3px solid rgba(0,122,214,.4); outline-offset:2px}
  .rg-ok .ok-keep{margin:10px auto 0; font-size:15px; color:#2b2b3a}
  .rg-ok .ok-keep + .ok-keep{margin-top:4px; font-size:13.5px; color:#5d6475}
  .ok-sum:empty{display:none}
  .ok-fields{margin:22px 0 0; text-align:left}
  .ok-fields[hidden]{display:none}
  .ok-fields section + section{margin-top:18px}
  .ok-fields h3{margin:0 0 8px; padding:0 4px; font-size:13px; font-weight:600; letter-spacing:.05em; color:#3B4652}
  .ok-list{border-radius:16px; background:#fff; border:1px solid #E1E8EF; overflow:hidden}
  .ok-list div{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 14px; min-height:48px}
  .ok-list div + div{border-top:1px solid #EEF2F6}
  .ok-list span{flex:none; font-size:15px; color:#3B4652}
  .ok-list b{font-size:15px; font-weight:500; color:#0E1A26; text-align:right; overflow-wrap:anywhere}
  .ok-list a{color:#007AD6; font-weight:600; text-decoration:none}
  .ok-list a:hover{text-decoration:underline}
  .rg-ok .ok-note{display:flex; gap:10px; align-items:flex-start; margin:8px 0 0; max-width:none; padding:12px 14px; border-radius:16px; background:#E8F2FC; color:#00336B; text-align:left; font-size:15px; line-height:20px}
  .ok-note svg{flex:none; width:20px; height:20px; color:#005BA1}
  .rg-ok .ok-dim{margin-top:8px; font-size:13px; color:#8a90a0}
  .rg-ok .ok-dim[hidden], .rg-ok #okText[hidden]{display:none}
  .ok-sum{display:inline-flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:22px}
  .ok-sum span{padding:8px 14px; border-radius:999px; font-size:13px; font-weight:600; background:rgba(0,122,214,.08); color:#005ea6}
  .ok-act{display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:30px}
  .ok-act a,.ok-act button{display:inline-flex; align-items:center; justify-content:center; height:52px; padding:0 24px; border-radius:16px; font:inherit; font-size:15px; font-weight:600; text-decoration:none; cursor:pointer; border:0;
    transition:transform .25s ease-out, background .25s}
  .ok-act a{color:#fff; background:#007AD6; box-shadow:0 12px 26px -8px rgba(0,122,214,.6)}
  .ok-act button{color:#0E1A26; background:#fff; box-shadow:inset 0 0 0 1px #E1E8EF}
  .ok-act a:hover,.ok-act button:hover{transform:translateY(-2px)}

  @media (max-width:900px){
    .rg-grid{grid-template-columns:minmax(0,1fr)}
    .ex-in{grid-template-columns:minmax(0,1fr); gap:0}
  }
  @media (max-width:600px){
    .rg{padding:118px 14px 80px}
    .rg-tabs{width:100%}
    .rg-tabs button{flex:1; justify-content:center; padding:13px 10px; font-size:14px; gap:6px}
    .rg-tabs svg{display:none}
    .rg-card,.rg-side{padding:24px 20px}
    .rg-form{grid-template-columns:minmax(0,1fr)}
    .ex-top{grid-template-columns:auto 1fr auto; gap:14px; padding:14px}
    .ex-chev{display:none}
    .ex-date{width:62px; height:68px; border-radius:16px}
    .ex-date b{font-size:24px}
    .ex-t h3{font-size:16px}
    .ex-price{font-size:18px}
    .ex-in{padding:4px 16px 22px}
    .kv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  }
  @media (prefers-reduced-motion:reduce){ .rg-panel,.ok-ic,.ok-ic path{animation:none; stroke-dashoffset:0} .ex-body,.rg-tabs .pill{transition:none} }
  /* ====== QEYDİYYAT SONU ====== */

/* honeypot field: invisible to people, tempting to bots */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.load-err,.ex-empty .load-retry{font-size:14px}
.load-retry{margin-left:8px;padding:6px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}