:root{
  --bg0:#000000;
  --bg1:#07000a;
  --card:#0b0b0f;         /* kartlar koyu siyah */
  --line:rgba(255,0,0,.35);
  --text:#ffffff;
  --muted:rgba(255,255,255,.75); /* gri değil: beyazın transparanı */
  --red:#ff1a1a;
  --red2:#ff005c;
  --shadow: 0 18px 55px rgba(0,0,0,.75);
  --glow: 0 0 0 1px rgba(255,0,0,.35), 0 22px 60px rgba(255,0,92,.25);
  --radius: 18px;
}

    /* ===== Base ===== */
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--text);
    background:
        radial-gradient(900px 450px at 15% 10%, rgba(255,0,0,.28) 0%, rgba(255,0,0,0) 60%),
        radial-gradient(800px 380px at 85% 15%, rgba(255,0,92,.22) 0%, rgba(255,0,92,0) 62%),
        linear-gradient(180deg, #000000 0%, #05000a 55%, #000000 100%);
    line-height:1.6;
    overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    .container{width:min(1100px,92%);margin:0 auto}
    .muted{color:var(--muted)}
    .chip{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 12px;border-radius:999px;
      background:rgba(255,45,45,.10);
      border:1px solid rgba(255,45,45,.22);
      color:#ffd2d2;
      font-weight:800;
      font-size:13px;
    }

    /* ===== Header ===== */
    .header{
      position:sticky;top:0;z-index:20;
      background:rgba(6,7,12,.62);
      backdrop-filter: blur(10px);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .header__inner{
      display:flex;align-items:center;justify-content:space-between;
      padding:14px 0;gap:12px;flex-wrap:wrap;
    }
    .logo{
      display:flex;align-items:center;gap:10px;
      font-weight:1000;letter-spacing:.3px;
    }
    .logo__mark{
      width:40px;height:40px;border-radius:14px;
      display:grid;place-items:center;
      background:linear-gradient(135deg,var(--red),var(--red2));
      box-shadow: var(--glow);
      font-weight:1000;
    }
    .nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .nav a{
      padding:8px 10px;border-radius:12px;
      font-weight:900;color:#f3f4f6;
    }
    .nav a:hover{background:rgba(255,255,255,.06)}
    .nav a.btnNav{
      background:rgba(255,45,45,.16);
      border:1px solid rgba(255,45,45,.25);
    }
    .nav a.btnNav:hover{background:rgba(255,45,45,.22)}

    /* ===== Buttons ===== */
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      padding:12px 14px;border-radius:14px;
      font-weight:1000;border:1px solid transparent;
      cursor:pointer;
      transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
      user-select:none;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn--red{
      background:linear-gradient(135deg,var(--red),var(--red2));
      color:white;
      box-shadow: var(--glow);
    }
    .btn--red:hover{filter:brightness(.97)}
    .btn--ghost{
      background:rgba(255,255,255,.05);
      border-color:rgba(255,255,255,.14);
      color:#fff;
    }
    .btn--ghost:hover{background:rgba(255,255,255,.08)}
    .btn--small{
      padding:10px 12px;border-radius:14px;
      background:rgba(255,45,45,.14);
      border:1px solid rgba(255,45,45,.28);
      color:#fff;
    }
    .btn--small:hover{background:rgba(255,45,45,.20)}

    /* ===== Hero ===== */
    .hero{padding:64px 0 28px}
    .hero__inner{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:18px;
      align-items:center;
    }
    .hero h1{
      margin:12px 0 10px;
      font-size:clamp(30px,4vw,50px);
      line-height:1.12;
      letter-spacing:-.3px;
    }
    .hero p{margin:0 0 16px;max-width:60ch}
    .actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 12px}
    .stats{
      display:grid;grid-template-columns:repeat(3,1fr);
      gap:10px;margin-top:12px;
    }
    .stat{
      background:var(--card);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:12px;
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    .stat b{display:block}
    .heroCard{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      box-shadow: var(--shadow);
      overflow:hidden;
    }
    .heroCard__top{
      padding:14px 14px;
      background:
        linear-gradient(180deg, rgba(255,45,45,.18), rgba(255,255,255,.03));
      border-bottom:1px solid rgba(255,255,255,.10);
      display:flex;align-items:center;justify-content:space-between;gap:10px;
    }
    .heroCard__body{padding:14px}
    .list{margin:0;padding-left:18px}
    .list li{margin:6px 0}

    /* ===== Sections ===== */
    .section{padding:58px 0}
    .section--alt{
      background:rgba(255,255,255,.03);
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .head{margin-bottom:18px}
    .head h2{margin:0 0 6px;font-size:28px}
    .head p{margin:0;color:var(--muted)}

    /* ===== Grids / Cards ===== */
    .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .card{
      background:var(--card);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    .card h3{margin:0 0 6px}
    .card p{margin:0}

    /* ===== Packages ===== */
    .pkg{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,45,45,.22);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 18px 50px rgba(255,45,45,.10);
      position:relative;
      overflow:hidden;
    }
    .pkg:before{
      content:"";
      position:absolute;inset:-40px;
      background: radial-gradient(300px 160px at 20% 20%, rgba(255,45,45,.25), transparent 60%);
      pointer-events:none;
    }
    .pkg__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
    .price{font-weight:1000;color:#fff}
    .pkg small{color:var(--muted)}
    .pkg .cta{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}

    /* ===== Reviews ===== */
    .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .review{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:16px;
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
    }
    .stars{color:#ff6b6b;letter-spacing:1px;font-weight:1000}
    .review p{margin:10px 0 12px;color:#d1d5db}
    .who{display:flex;align-items:center;gap:10px}
    .avatar{
      width:34px;height:34px;border-radius:999px;
      display:grid;place-items:center;
      background:rgba(255,45,45,.16);
      border:1px solid rgba(255,45,45,.28);
      font-weight:1000;
      color:#ffd2d2;
    }
    .who b{display:block}
    .who span{font-size:13px;color:var(--muted)}

    /* ===== Contact ===== */
    .contactGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
    .row{
      display:grid;grid-template-columns:180px 1fr;
      gap:12px;padding:12px 0;
      border-bottom:1px dashed rgba(255,255,255,.14);
    }
    .row:last-of-type{border-bottom:none}
    .label{color:var(--muted);font-weight:900;font-size:13px}
    .value{font-weight:900}
    .actions2{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
    .map{
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      box-shadow: var(--shadow);
      background:rgba(255,255,255,.04);
    }
    iframe{width:100%;height:100%;min-height:340px;border:0;display:block}

    /* ===== Footer ===== */
    .footer{
      padding:18px 0;
      border-top:1px solid rgba(255,255,255,.10);
      background:rgba(0,0,0,.25);
    }
    .footer__inner{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
    .tiny{font-size:13px;color:var(--muted)}

    /* ===== Responsive ===== */
    @media(max-width:980px){
      .hero__inner{grid-template-columns:1fr}
      .grid3,.reviews{grid-template-columns:1fr}
      .contactGrid{grid-template-columns:1fr}
      .row{grid-template-columns:1fr}
      .stats{grid-template-columns:1fr}
    }