* { box-sizing: border-box; }

    body {
      background-color: #06080f;
      color: #fff;
      font-family: 'Inter', system-ui, sans-serif;
    }

    /* Gradient metin */
    .gradient-text {
      background: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #38bdf8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    /* Hero glow */
    .hero-glow {
      background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99,102,241,0.28) 0%, transparent 70%);
    }

    /* Nav cam efekti */
    .nav-glass {
      background: rgba(6, 8, 15, 0.82);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(255,255,255,0.05);
      transition: border-color 0.3s;
    }

    /* Genel kart */
    .glass-card {
      background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
      border: 1px solid rgba(255,255,255,0.08);
    }

    /* Rol kartları hover */
    .role-card {
      background: linear-gradient(145deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
      border: 1px solid rgba(255,255,255,0.08);
      transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .role-card:hover { transform: translateY(-8px); }
    .role-card-founder:hover     { border-color: rgba(59,130,246,0.45);  box-shadow: 0 24px 60px rgba(59,130,246,0.14); }
    .role-card-gp:hover          { border-color: rgba(16,185,129,0.45);   box-shadow: 0 24px 60px rgba(16,185,129,0.14); }
    .role-card-venture:hover     { border-color: rgba(139,92,246,0.45);   box-shadow: 0 24px 60px rgba(139,92,246,0.14); }
    .role-card-venture-me:hover  { border-color: rgba(124,58,237,0.55);   box-shadow: 0 24px 60px rgba(124,58,237,0.22); }

    /* InvestMe kart — exclusive gradient border efekti */
    .venture-me-card {
      background: linear-gradient(145deg, rgba(124,58,237,0.07) 0%, rgba(99,102,241,0.04) 100%);
      border: 1px solid rgba(124,58,237,0.22);
      position: relative;
      overflow: hidden;
    }
    .venture-me-card::before {
      content: '';
      position: absolute;
      top: -60px;
      right: -60px;
      width: 180px;
      height: 180px;
      background: radial-gradient(circle, rgba(124,58,237,0.18) 0%, transparent 70%);
      pointer-events: none;
    }

    /* Butonlar */
    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #6366f1, #8b5cf6);
      color: #fff;
      padding: 12px 22px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 14px;
      text-decoration: none;
      transition: opacity 0.2s, transform 0.2s;
      border: none;
      cursor: pointer;
    }
    .btn-primary:hover { opacity: 0.88; transform: translateY(-2px); }
    .btn-founder  { background: linear-gradient(135deg, #1d4ed8, #3b82f6); }
    .btn-gp       { background: linear-gradient(135deg, #047857, #10b981); }
    .btn-venture  { background: linear-gradient(135deg, #6d28d9, #8b5cf6); }

    .btn-outline {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: transparent;
      color: #e5e7eb;
      padding: 12px 22px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 14px;
      text-decoration: none;
      border: 1px solid rgba(255,255,255,0.18);
      transition: background 0.2s, border-color 0.2s;
    }
    .btn-outline:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.35); }

    /* Scroll animasyonu */
    .fade-in {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.65s ease, transform 0.65s ease;
    }
    .fade-in.visible { opacity: 1; transform: translateY(0); }

    /* Marque / sonsuz scroll */
    @keyframes marquee {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .marquee-track {
      animation: marquee 24s linear infinite;
      display: flex;
      width: max-content;
      will-change: transform;
    }
    .marquee-track:hover { animation-play-state: paused; }

    /* Phone mockup */
    .phone-mockup {
      background: linear-gradient(145deg, #1b1f42, #14173a);
      border: 1px solid rgba(99,102,241,0.28);
      border-radius: 36px;
      box-shadow: 0 40px 100px rgba(0,0,0,0.55), 0 0 60px rgba(99,102,241,0.18);
      transform: perspective(900px) rotateY(-9deg) rotateX(3deg);
      transition: transform 0.4s ease;
    }
    .phone-mockup:hover { transform: perspective(900px) rotateY(-5deg) rotateX(1deg); }

    /* AI bölümü arka plan */
    .ai-section {
      background: linear-gradient(180deg, #06080f 0%, #0c0e20 50%, #06080f 100%);
    }

    /* FAQ */
    details summary { cursor: pointer; list-style: none; }
    details summary::-webkit-details-marker { display: none; }
    .faq-icon { transition: transform 0.3s ease; display: inline-block; }
    details[open] .faq-icon { transform: rotate(45deg); }
    details summary > span[data-i18n] { color: #60a5fa; }
    details > div[data-i18n] { color: white; }

    /* AI Scoring Modal — tüm gri yazılar beyaz */
    #ai-scoring-modal [class*="text-gray-"] { color: #ffffff !important; }

    /* Mentor AI Modal — tüm gri yazılar beyaz */
    #mentor-ai-modal [class*="text-gray-"] { color: #ffffff !important; }

    /* Stats sayaç rengi — gradient yok, direkt renkli */
    .stat-num { color: #818cf8; }

    /* TV modu (4K+ ekranlar) */
    @media screen and (min-width: 3840px) {
      html { font-size: 20px; }
      nav { display: none !important; }
      * { animation: none !important; transition: none !important; }
    }

    /* Mobil mockup */
    @media (max-width: 767px) {
      .phone-mockup { transform: none; }
    }