:root {
  --kut-bilesenler-navbar-logo-font-kalinlik: 800px;
  --kut-bilesenler-navbar-menu-cizgi-arkaplan: #e2e8f0;
  --kut-bilesenler-navbar-menu-dugme-arkaplan: rgba(15,23,42,0.8);
  --kut-bilesenler-navbar-cta-golge: 0 4px 20px rgba(56,189,248,0.35);
  --kut-bilesenler-navbar-menu-dugme-sinir: 1px solid rgba(56,189,248,0.25);
  --kut-bilesenler-form-kose: 12px;
  --kut-bilesenler-navbar-logo-font-boyutu: 1.2rem;
  --kut-bilesenler-navbar-cta-arkaplan: linear-gradient(135deg,#38bdf8,#818cf8);
  --kut-bilesenler-kart-kose: 16px;
  --kut-ozel-css-icerik: :root { --birincil: #38bdf8; --birincil-koyu: #0ea5e9; --vurgu: #818cf8; --vurgu-pembe: #f472b6; --arkaplan: #06080f; --yuzey: rgba(15, 20, 35, 0.72); --yuzey-acik: rgba(25, 32, 55, 0.85); --yazi: #f1f5f9; --yazi-soluk: #94a3b8; --yazi-soluk-2: #64748b; --sinir: rgba(148, 163, 184, 0.12); --sinir-acik: rgba(148, 163, 184, 0.22); --basari: #34d399; --hata: #f87171; --golge: 0 24px 80px rgba(0, 0, 0, 0.45); --yaricap: 16px; --yaricap-kucuk: 10px; --font: "Plus Jakarta Sans", system-ui, sans-serif; --mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace; --gecis: 0.35s cubic-bezier(0.4, 0, 0.2, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font); background: var(--arkaplan); color: var(--yazi); line-height: 1.65; min-height: 100vh; overflow-x: hidden; } a { color: inherit; text-decoration: none; } .kapsayici { max-width: 1140px; margin: 0 auto; padding: 0 1.5rem; } .arkaplan-dekor { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; } .blob { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.45; animation: blob-yuz 18s ease-in-out infinite; } .blob-1 { width: 520px; height: 520px; background: radial-gradient(circle, #0ea5e9 0%, transparent 70%); top: -120px; left: -80px; } .blob-2 { width: 480px; height: 480px; background: radial-gradient(circle, #6366f1 0%, transparent 70%); top: 30%; right: -100px; animation-delay: -6s; } .blob-3 { width: 400px; height: 400px; background: radial-gradient(circle, #ec4899 0%, transparent 70%); bottom: 10%; left: 20%; animation-delay: -12s; } .grid-desen { position: absolute; inset: 0; background-image: linear-gradient(rgba(148,163,184,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,0.04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent); } @keyframes blob-yuz { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(30px, -40px) scale(1.05); } 66% { transform: translate(-20px, 30px) scale(0.95); } } .ust { position: fixed; top: 0; left: 0; right: 0; z-index: 200; transition: background var(--gecis), border-color var(--gecis), backdrop-filter var(--gecis); border-bottom: 1px solid transparent; } .ust.kaydirildi { background: rgba(6, 8, 15, 0.82); backdrop-filter: blur(16px); border-color: var(--sinir); } .ust-ic { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; font-weight: 800; letter-spacing: -0.02em; } .logo-simge { display: flex; align-items: center; justify-content: center; color: var(--birincil); } .logo-simge img, .logo-simge svg { display: block; width: 28px; height: 28px; } .nav { display: flex; align-items: center; gap: 0.25rem; } .nav a { padding: 0.5rem 0.85rem; border-radius: 999px; font-size: 0.9rem; font-weight: 500; color: var(--yazi-soluk); transition: color var(--gecis), background var(--gecis); } .nav a:hover { color: var(--yazi); background: rgba(255,255,255,0.06); } .menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 0.5rem; } .menu-toggle span { display: block; width: 22px; height: 2px; background: var(--yazi); border-radius: 2px; transition: var(--gecis); } .kahraman { padding: 8rem 0 5rem; min-height: 92vh; display: flex; align-items: center; } .kahraman-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .etiket { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.85rem 0.35rem 0.55rem; border-radius: 999px; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.25); font-size: 0.8rem; font-weight: 600; color: var(--birincil); margin-bottom: 1.25rem; } .etiket-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--basari); animation: nabiz 2s ease infinite; } @keyframes nabiz { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .kahraman h1 { font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.12; letter-spacing: -0.03em; margin-bottom: 1.25rem; } .gradyan-metin { background: linear-gradient(135deg, var(--birincil) 0%, var(--vurgu) 50%, var(--vurgu-pembe) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .alt-baslik { font-size: 1.1rem; color: var(--yazi-soluk); max-width: 480px; margin-bottom: 2rem; } .kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: 0.85rem; margin-bottom: 2.5rem; } .btn-birincil, .btn-cam, .btn-hayalet, .btn-ikincil { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.65rem 1.25rem; border-radius: 999px; font-weight: 600; font-size: 0.9rem; cursor: pointer; border: none; font-family: inherit; transition: transform 0.2s, box-shadow 0.2s, background 0.2s; } .btn-birincil { background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)); color: white; box-shadow: 0 8px 32px rgba(14, 165, 233, 0.35); } .btn-birincil:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14, 165, 233, 0.45); } .btn-buyuk { padding: 0.85rem 1.6rem; font-size: 0.95rem; } .btn-tam { width: 100%; justify-content: center; padding: 0.85rem; } .btn-cam { background: rgba(255,255,255,0.06); border: 1px solid var(--sinir-acik); color: var(--yazi); } .btn-cam:hover { background: rgba(255,255,255,0.1); } .btn-hayalet { background: transparent; color: var(--yazi-soluk); border: 1px solid var(--sinir); } .btn-hayalet:hover { color: var(--yazi); border-color: var(--sinir-acik); } .istatistik { display: flex; gap: 1.5rem; flex-wrap: wrap; } .istatistik-kart { padding: 1rem 1.25rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); min-width: 120px; } .istatistik-kart strong { display: block; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; background: linear-gradient(135deg, var(--yazi), var(--birincil)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .istatistik-kart span { font-size: 0.78rem; color: var(--yazi-soluk); font-weight: 500; } .terminal-kapsul { border-radius: var(--yaricap); background: var(--yuzey-acik); border: 1px solid var(--sinir-acik); box-shadow: var(--golge); overflow: hidden; animation: terminal-yuz 6s ease-in-out infinite; } @keyframes terminal-yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .terminal-baslik { display: flex; align-items: center; gap: 0.45rem; padding: 0.85rem 1rem; background: rgba(0,0,0,0.35); border-bottom: 1px solid var(--sinir); } .nokta { width: 11px; height: 11px; border-radius: 50%; } .kirmizi { background: #ff5f57; } .sari { background: #febc2e; } .yesil { background: #28c840; } .terminal-baslik-metin { margin-left: 0.5rem; font-size: 0.75rem; color: var(--yazi-soluk-2); font-family: var(--mono); } .terminal-govde { padding: 1.25rem; font-family: var(--mono); font-size: 0.82rem; min-height: 220px; } .terminal-satir { color: var(--birincil); margin-bottom: 0.75rem; } .prompt { color: var(--vurgu-pembe); margin-right: 0.35rem; } .imlec { display: inline-block; width: 8px; height: 1.1em; background: var(--birincil); vertical-align: text-bottom; animation: imlec-yanip 1s step-end infinite; } @keyframes imlec-yanip { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .terminal-cikti { color: var(--yazi-soluk); line-height: 1.8; } .terminal-cikti .basari { color: var(--basari); } .terminal-cikti .soluk { color: var(--yazi-soluk-2); } .bolum { padding: 5rem 0; } .bolum-etiket { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--birincil); margin-bottom: 0.75rem; } .bolum-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin-bottom: 2.5rem; } .bolum-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2rem; } .bolum-ust .bolum-baslik { margin-bottom: 0; } .ozellik-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; } .ozellik-kart { padding: 1.75rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis); } .ozellik-kart:hover { transform: translateY(-4px); border-color: rgba(56, 189, 248, 0.3); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .ozellik-simge { font-size: 1.75rem; margin-bottom: 1rem; } .ozellik-kart h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; } .ozellik-kart p { font-size: 0.9rem; color: var(--yazi-soluk); } .ozellik-kart code { font-family: var(--mono); font-size: 0.82em; color: var(--birincil); background: rgba(56,189,248,0.1); padding: 0.1em 0.35em; border-radius: 4px; } .paket-bolumu { background: linear-gradient(180deg, transparent, rgba(99,102,241,0.04) 50%, transparent); } .arama-kapsul { display: flex; align-items: center; gap: 0.65rem; padding: 0.65rem 1.1rem; border-radius: 999px; background: var(--yuzey); border: 1px solid var(--sinir-acik); min-width: 280px; transition: border-color var(--gecis), box-shadow var(--gecis); } .arama-kapsul:focus-within { border-color: rgba(56,189,248,0.5); box-shadow: 0 0 0 3px rgba(56,189,248,0.12); } .arama-kapsul svg { color: var(--yazi-soluk-2); flex-shrink: 0; } .arama-kapsul input { flex: 1; background: none; border: none; outline: none; color: var(--yazi); font-family: inherit; font-size: 0.95rem; } .arama-kapsul input::placeholder { color: var(--yazi-soluk-2); } .paket-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.25rem; } .paket-kart { padding: 1.5rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis); animation: kart-giris 0.5s ease backwards; } .paket-kart:hover { transform: translateY(-4px) scale(1.01); border-color: rgba(129, 140, 248, 0.35); box-shadow: 0 16px 48px rgba(0,0,0,0.35); } @keyframes kart-giris { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .paket-kart h3 { font-family: var(--mono); font-size: 0.95rem; font-weight: 500; color: var(--birincil); margin-bottom: 0.5rem; } .paket-kart p { font-size: 0.88rem; color: var(--yazi-soluk); margin-bottom: 1rem; line-height: 1.5; } .paket-meta { display: flex; justify-content: space-between; align-items: center; font-size: 0.78rem; color: var(--yazi-soluk-2); } .paket-rozet { padding: 0.2rem 0.55rem; border-radius: 999px; background: rgba(52, 211, 153, 0.12); color: var(--basari); font-weight: 600; } .paket-bos { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem; border-radius: var(--yaricap); border: 1px dashed var(--sinir-acik); color: var(--yazi-soluk); } .paket-bos strong { display: block; font-size: 1.1rem; color: var(--yazi); margin-bottom: 0.5rem; } .yukleniyor-kart { grid-column: 1 / -1; padding: 2rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); } .yukleniyor-cubuk { height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--sinir) 25%, var(--sinir-acik) 50%, var(--sinir) 75%); background-size: 200% 100%; animation: iskelet 1.5s ease infinite; margin-bottom: 0.75rem; width: 60%; } .yukleniyor-cubuk.kisa { width: 40%; } .yukleniyor-cubuk.orta { width: 80%; margin-bottom: 0; } @keyframes iskelet { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .anim-nefes { animation: nefes 2s ease-in-out infinite; } @keyframes nefes { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } .nasil-bolumu { background: var(--yuzey); border-top: 1px solid var(--sinir); border-bottom: 1px solid var(--sinir); } .zaman-cizgisi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } @media (max-width: 720px) { .zaman-cizgisi { grid-template-columns: 1fr; } } .adim-kart { padding: 1.75rem; border-radius: var(--yaricap); background: rgba(6,8,15,0.6); border: 1px solid var(--sinir); position: relative; overflow: hidden; transition: border-color var(--gecis); } .adim-kart::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--birincil), var(--vurgu)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .adim-kart:hover::before { transform: scaleX(1); } .adim-kart:hover { border-color: var(--sinir-acik); } .adim-no { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.04em; background: linear-gradient(135deg, var(--birincil), var(--vurgu)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; opacity: 0.35; line-height: 1; margin-bottom: 0.75rem; } .adim-kart h3 { font-size: 1rem; font-weight: 700; margin-bottom: 1rem; } .adim-kart pre { background: rgba(0,0,0,0.35); border-radius: var(--yaricap-kucuk); padding: 1rem 1.1rem; overflow-x: visible; border: 1px solid var(--sinir); } .adim-kart code { font-family: var(--mono); font-size: 0.78rem; color: var(--yazi-soluk); line-height: 1.75; white-space: pre-wrap; word-break: break-word; } .cta-bolum { padding: 5rem 0; } .cta-ic { text-align: center; padding: 4rem 2rem; border-radius: 24px; background: linear-gradient(135deg, rgba(14,165,233,0.15), rgba(99,102,241,0.15)); border: 1px solid rgba(56,189,248,0.2); position: relative; overflow: hidden; } .cta-ic::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 30% 50%, rgba(56,189,248,0.12), transparent 60%); pointer-events: none; } .cta-ic h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; margin-bottom: 0.75rem; position: relative; } .cta-ic p { color: var(--yazi-soluk); margin-bottom: 1.75rem; position: relative; } .altbilgi { padding: 3rem 0 0; border-top: 1px solid var(--sinir); } .altbilgi-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; padding-bottom: 2rem; } .altbilgi-grid p, .altbilgi-grid a { display: block; font-size: 0.88rem; color: var(--yazi-soluk); margin-top: 0.35rem; } .altbilgi-grid a:hover { color: var(--birincil); } .altbilgi-grid h4 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--yazi-soluk-2); margin-bottom: 0.5rem; } .logo-alt { font-size: 1.1rem; color: var(--yazi); } .registry-url { font-family: var(--mono); font-size: 0.78rem; color: var(--birincil); background: rgba(56,189,248,0.08); padding: 0.35rem 0.65rem; border-radius: 6px; display: inline-block; margin-top: 0.5rem; } .telif { padding: 1.25rem 0; border-top: 1px solid var(--sinir); text-align: center; font-size: 0.8rem; color: var(--yazi-soluk-2); } dialog { position: fixed; inset: 0; width: min(420px, 92vw); height: fit-content; max-height: calc(100vh - 2rem); margin: auto; padding: 0; border: none; border-radius: 20px; background: var(--yuzey-acik); border: 1px solid var(--sinir-acik); box-shadow: var(--golge); color: var(--yazi); overflow: auto; } dialog:not([open]) { display: none; } dialog[open] { display: block; } dialog::backdrop { background: rgba(6, 8, 15, 0.75); backdrop-filter: blur(6px); animation: fade-in 0.3s ease; } dialog[open] #giris-form { animation: modal-giris 0.35s ease; } @keyframes modal-giris { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } #giris-form { padding: 2rem; position: relative; } .modal-kapat { position: absolute; top: 1rem; right: 1rem; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--sinir); background: rgba(255,255,255,0.04); color: var(--yazi-soluk); font-size: 1.25rem; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: background var(--gecis); } .modal-kapat:hover { background: rgba(255,255,255,0.08); } .modal-baslik-alan { text-align: center; margin-bottom: 1.75rem; } .modal-simge { font-size: 2rem; margin-bottom: 0.75rem; } .modal-baslik-alan h2 { font-size: 1.35rem; font-weight: 800; margin-bottom: 0.25rem; } .modal-baslik-alan p, .modal-alt-link { font-size: 0.88rem; color: var(--yazi-soluk); } .form-etiket { display: block; margin-bottom: 1rem; } .form-etiket span { display: block; font-size: 0.82rem; font-weight: 600; color: var(--yazi-soluk); margin-bottom: 0.4rem; } .form-etiket input { width: 100%; padding: 0.75rem 1rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: rgba(0,0,0,0.25); color: var(--yazi); font-family: inherit; font-size: 0.95rem; transition: border-color var(--gecis), box-shadow var(--gecis); } .form-etiket input:focus { outline: none; border-color: rgba(56,189,248,0.5); box-shadow: 0 0 0 3px rgba(56,189,248,0.12); } .form-etiket input::placeholder { color: var(--yazi-soluk-2); } .hata { color: var(--hata); font-size: 0.85rem; margin-bottom: 0.75rem; padding: 0.5rem 0.75rem; background: rgba(248,113,113,0.1); border-radius: 8px; } .modal-alt-link { text-align: center; margin-top: 1rem; } .link { background: none; border: none; color: var(--birincil); cursor: pointer; font-family: inherit; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; } .oturum-kullanici { font-size: 0.85rem; color: var(--yazi-soluk); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border-radius: 999px; margin-right: 0.25rem; } .anim-giris { opacity: 0; transform: translateY(24px); animation: giris 0.8s ease forwards; } .gecikme-2 { animation-delay: 0.2s; } @keyframes giris { to { opacity: 1; transform: translateY(0); } } .anim-kaydir { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; } .anim-kaydir.gorunur { opacity: 1; transform: translateY(0); } @media (max-width: 900px) { .kahraman-grid { grid-template-columns: 1fr; } .terminal-kapsul { max-width: 520px; margin: 0 auto; } .altbilgi-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .nav { display: none; position: absolute; top: 72px; left: 0; right: 0; flex-direction: column; padding: 1rem; background: rgba(6,8,15,0.95); backdrop-filter: blur(16px); border-bottom: 1px solid var(--sinir); } .nav.acik { display: flex; } .menu-toggle { display: flex; } .kahraman { padding-top: 6rem; min-height: auto; } .istatistik { gap: 0.75rem; } .istatistik-kart { flex: 1; min-width: 90px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }html { scroll-behavior: smooth; } body { margin: 0 !important; overflow-x: hidden; } header.kut-navbar, .kut-navbar { position: fixed !important; top: 0; left: 0; right: 0; z-index: 200 !important; margin: 0 !important; border-radius: 0 !important; background: var(--sandik-navbar-bg, rgba(3, 7, 18, 0.94)) !important; border-bottom: 1px solid var(--sandik-navbar-sinir, rgba(148, 163, 184, 0.22)) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } .kut-navbar-tam-genislik { width: 100% !important; max-width: 100% !important; } .kut-gezinti-ic { max-width: 1140px !important; margin: 0 auto !important; padding: 0 1.5rem !important; height: 72px !important; justify-content: space-between !important; } .kut-logo { font-size: 1.2rem !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--birincil) !important; } .kut-gezinti-baglantilari { gap: 0.25rem !important; } .kut-gezinti-baglantisi { padding: 0.5rem 0.85rem !important; border-radius: 999px !important; font-size: 0.9rem !important; font-weight: 500 !important; color: var(--yazi-soluk) !important; background: transparent !important; } .kut-gezinti-baglantisi:hover { color: var(--yazi) !important; background: rgba(255,255,255,0.06) !important; } .kut-btn-gezinti-eylem { background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; border-radius: 999px !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; font-weight: 600 !important; } .kut-btn-gezinti-eylem:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14,165,233,0.45) !important; } .kut-sayfa-govde { padding-top: 0; } .kahraman-metin .kut-kapak { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; text-align: left !important; } .kahraman-metin .kut-kapak::before { display: none !important; } .kahraman-metin .kut-kapak h1 { font-size: clamp(2.2rem, 5vw, 3.5rem) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.03em !important; margin-bottom: 1.25rem !important; color: var(--yazi) !important; background: none !important; -webkit-text-fill-color: unset !important; } .kahraman-metin .kut-kapak h1::after { content: "tek merkezde"; display: block; background: linear-gradient(135deg, var(--birincil) 0%, var(--vurgu) 50%, var(--vurgu-pembe) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .kahraman-metin .kut-kapak-aciklama { font-size: 1.1rem !important; color: var(--yazi-soluk) !important; max-width: 480px !important; margin: 0 0 2rem !important; text-align: left !important; opacity: 1 !important; } .kahraman-metin .kut-kapak-dugmeler { display: flex !important; flex-wrap: wrap !important; gap: 0.85rem !important; justify-content: flex-start !important; margin-bottom: 2.5rem !important; } .kahraman-metin .kut-btn-birincil { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 0.95rem !important; background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; } .kahraman-metin .kut-btn-birincil:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14,165,233,0.45) !important; } .kahraman-metin .kut-btn-ikincil { display: inline-flex !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 0.95rem !important; background: rgba(255,255,255,0.06) !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; box-shadow: none !important; } .kahraman-metin .kut-btn-ikincil:hover { background: rgba(255,255,255,0.1) !important; } .etiket.kut-etiket { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.35rem 0.85rem 0.35rem 0.55rem !important; border-radius: 999px !important; background: rgba(56,189,248,0.1) !important; border: 1px solid rgba(56,189,248,0.25) !important; font-size: 0.8rem !important; font-weight: 600 !important; color: var(--birincil) !important; margin-bottom: 1.25rem !important; } .etiket.kut-etiket::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--basari); animation: nabiz 2s ease infinite; flex-shrink: 0; } .istatistik.kut-istatistik-grid { display: flex !important; gap: 1.5rem !important; flex-wrap: wrap !important; margin: 0 !important; } .istatistik .kut-istatistik-kart { padding: 1rem 1.25rem !important; border-radius: var(--yaricap) !important; background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; backdrop-filter: blur(12px) !important; min-width: 120px !important; box-shadow: none !important; } .istatistik .kut-istatistik-kart:hover { transform: none; } .istatistik .kut-istatistik-simge { display: none !important; } .istatistik .kut-istatistik-degisim { display: none !important; } .istatistik .kut-istatistik-deger { order: -1 !important; display: block !important; font-size: 1.75rem !important; font-weight: 800 !important; letter-spacing: -0.02em !important; background: linear-gradient(135deg, var(--yazi), var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; margin: 0 0 0.15rem !important; } .istatistik .kut-istatistik-etiket { font-size: 0.78rem !important; color: var(--yazi-soluk) !important; font-weight: 500 !important; margin: 0 !important; } .bolum .kut-ozellik-grid-baslik { margin-bottom: 0; } .bolum .kut-ozellik-grid-baslik h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .bolum-etiket.kut-etiket { display: block !important; font-size: 0.78rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--birincil) !important; margin-bottom: 0.75rem !important; padding: 0 !important; background: none !important; border: none !important; border-radius: 0 !important; } .bolum-etiket.kut-etiket::before { display: none !important; } .bolum-baslik.kut-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .kut-ozellik-grid.ozellik-grid { margin: 0 !important; } .kut-ozellik-grid-liste { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 1.25rem !important; } .ozellik-grid .kut-ozellik-kart { padding: 1.75rem !important; border-radius: var(--yaricap) !important; background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; backdrop-filter: blur(12px) !important; transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis) !important; } .ozellik-grid .kut-ozellik-kart:hover { transform: translateY(-4px) !important; border-color: rgba(56,189,248,0.3) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important; } .ozellik-grid .kut-ozellik-simge { font-size: 1.75rem !important; margin-bottom: 1rem !important; } .ozellik-grid .kut-kart-baslik { font-size: 1.05rem !important; font-weight: 700 !important; margin-bottom: 0.5rem !important; color: var(--yazi) !important; } .ozellik-grid .kut-kart-aciklama { font-size: 0.9rem !important; color: var(--yazi-soluk) !important; line-height: 1.55 !important; } .adim-baslik.kut-etiket { display: block !important; font-size: 1rem !important; font-weight: 700 !important; margin-bottom: 1rem !important; color: var(--yazi) !important; padding: 0 !important; background: none !important; border: none !important; } .adim-baslik.kut-etiket::before { display: none !important; } .adim-kart .kut-kod-blogu { margin: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } .adim-kart .kut-kod-dil, .adim-kart .kut-kod-kopyala { display: none !important; } .adim-kart pre { background: rgba(0,0,0,0.35) !important; border-radius: var(--yaricap-kucuk) !important; padding: 1rem 1.1rem !important; border: 1px solid var(--sinir) !important; margin: 0 !important; } .adim-kart .kut-kod-icerik { font-family: var(--mono) !important; font-size: 0.78rem !important; color: var(--yazi-soluk) !important; line-height: 1.75 !important; white-space: pre-wrap !important; } .adim-no.kut-etiket { display: block !important; font-size: 2.5rem !important; font-weight: 800 !important; letter-spacing: -0.04em !important; background: linear-gradient(135deg, var(--birincil), var(--vurgu)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; opacity: 0.35 !important; line-height: 1 !important; margin-bottom: 0.75rem !important; padding: 0 !important; border: none !important; } .adim-no.kut-etiket::before { display: none !important; } .bolum > .kut-baslik, .bolum .kut-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .ozellik-grid .kut-ozellik-grid-baslik { display: none !important; } .cta-ic .kut-baslik { font-size: clamp(1.5rem, 3vw, 2rem) !important; font-weight: 800 !important; margin-bottom: 0.75rem !important; text-align: center !important; color: var(--yazi) !important; } .cta-ic .kut-metin { color: var(--yazi-soluk) !important; margin-bottom: 1.75rem !important; text-align: center !important; } .cta-dugme-alani.kut-kapak { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important; text-align: center !important; } .cta-dugme-alani.kut-kapak h1, .cta-dugme-alani.kut-kapak .kut-kapak-aciklama { display: none !important; } .cta-dugme-alani .kut-kapak-dugmeler { justify-content: center !important; margin: 0 !important; } .cta-bolum .kut-btn-birincil { display: inline-flex !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; } .kut-altbilgi { padding: 0 !important; border-top: none !important; background: transparent !important; text-align: left !important; margin-top: 0 !important; } .kut-altbilgi-telif { font-size: 0.8rem !important; color: var(--yazi-soluk-2) !important; text-align: left !important; padding: 0 !important; border-top: none !important; } .terminal-cikti .kut-etiket { display: block !important; padding: 0 !important; background: none !important; border: none !important; font-family: var(--mono) !important; font-size: inherit !important; color: var(--yazi-soluk) !important; margin-bottom: 0.25rem !important; } .terminal-cikti .kut-etiket::before { display: none !important; } .terminal-cikti .basari { color: var(--basari) !important; } .terminal-cikti .soluk { color: var(--yazi-soluk-2) !important; } .terminal-satir { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; } .terminal-satir .kut-etiket, .terminal-satir .imlec { display: inline !important; margin-bottom: 0 !important; } .prompt.kut-etiket { color: var(--vurgu-pembe) !important; margin-right: 0.35rem !important; padding: 0 !important; background: none !important; border: none !important; } .prompt.kut-etiket::before { display: none !important; } .terminal-komut.kut-etiket { color: var(--birincil) !important; padding: 0 !important; background: none !important; border: none !important; } .terminal-komut.kut-etiket::before { display: none !important; } .terminal-baslik-metin.kut-etiket { margin-left: 0.5rem !important; font-size: 0.75rem !important; color: var(--yazi-soluk-2) !important; font-family: var(--mono) !important; padding: 0 !important; background: none !important; border: none !important; } .terminal-baslik-metin.kut-etiket::before { display: none !important; } .paket-bos-kart.kut-kart { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem !important; border-radius: var(--yaricap) !important; border: 1px dashed var(--sinir-acik) !important; background: var(--yuzey) !important; color: var(--yazi-soluk) !important; } .paket-bos-kart .kut-kart-baslik { font-size: 1.1rem !important; color: var(--yazi) !important; margin-bottom: 0.5rem !important; } .paket-bos-kart .kut-kart-aciklama { color: var(--yazi-soluk) !important; } @media (max-width: 900px) { .kahraman-grid { grid-template-columns: 1fr !important; } .terminal-kapsul { max-width: 520px; margin: 0 auto; } } @media (max-width: 640px) { .kahraman { padding-top: 6rem; min-height: auto; } .istatistik.kut-istatistik-grid { gap: 0.75rem !important; } .istatistik .kut-istatistik-kart { flex: 1; min-width: 90px !important; } }html[data-kut-tema="koyu"], html:not([data-kut-tema]) { color-scheme: dark; --birincil: #38bdf8; --birincil-koyu: #0ea5e9; --vurgu: #818cf8; --vurgu-pembe: #f472b6; --arkaplan: #030712; --yuzey: rgba(17, 24, 39, 0.96); --yuzey-acik: rgba(30, 41, 59, 0.98); --yazi: #f8fafc; --yazi-soluk: #cbd5e1; --yazi-soluk-2: #94a3b8; --sinir: rgba(148, 163, 184, 0.28); --sinir-acik: rgba(148, 163, 184, 0.4); --golge: 0 24px 80px rgba(0, 0, 0, 0.45); --sandik-navbar-bg: rgba(3, 7, 18, 0.94); --sandik-navbar-sinir: rgba(148, 163, 184, 0.22); --kapak-blob-1: radial-gradient(circle, #0ea5e9 0%, transparent 70%); --kapak-blob-2: radial-gradient(circle, #6366f1 0%, transparent 70%); --kapak-blob-3: radial-gradient(circle, #ec4899 0%, transparent 70%); --kapak-blob-opacity: 0.48; --kapak-blob-blur: 90px; --kapak-blob-sure: 18s; --kapak-grid-cizgi: rgba(148, 163, 184, 0.05); --kapak-grid-mask: radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent); } html[data-kut-tema="acik"] { color-scheme: light; --birincil: #2563eb; --birincil-koyu: #1d4ed8; --vurgu: #6366f1; --vurgu-pembe: #d946ef; --arkaplan: #f1f5f9; --yuzey: #ffffff; --yuzey-acik: #ffffff; --yazi: #020617; --yazi-soluk: #334155; --yazi-soluk-2: #64748b; --sinir: rgba(15, 23, 42, 0.14); --sinir-acik: rgba(15, 23, 42, 0.28); --golge: 0 18px 42px rgba(30, 41, 59, 0.12); --sandik-navbar-bg: rgba(255, 255, 255, 0.94); --sandik-navbar-sinir: rgba(15, 23, 42, 0.1); --kapak-blob-1: radial-gradient(circle, rgba(37, 99, 235, 0.45) 0%, transparent 72%); --kapak-blob-2: radial-gradient(circle, rgba(99, 102, 241, 0.38) 0%, transparent 72%); --kapak-blob-3: radial-gradient(circle, rgba(217, 70, 239, 0.28) 0%, transparent 72%); --kapak-blob-opacity: 0.55; --kapak-blob-blur: 72px; --kapak-blob-sure: 26s; --kapak-grid-cizgi: rgba(15, 23, 42, 0.08); --kapak-grid-mask: radial-gradient(ellipse 85% 65% at 50% 0%, rgba(15, 23, 42, 0.14), transparent); } html[data-kut-tema="koyu"] body, html:not([data-kut-tema]) body { background: var(--arkaplan) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] body { background: radial-gradient(circle at 8% 2%, rgba(37, 99, 235, 0.1), transparent 28%), radial-gradient(circle at 92% 96%, rgba(99, 102, 241, 0.1), transparent 32%), var(--arkaplan) !important; color: var(--yazi) !important; } .arkaplan-dekor .blob { opacity: var(--kapak-blob-opacity) !important; filter: blur(var(--kapak-blob-blur)) !important; animation: blob-yuz var(--kapak-blob-sure) ease-in-out infinite !important; } .arkaplan-dekor .blob-1 { background: var(--kapak-blob-1) !important; } .arkaplan-dekor .blob-2 { background: var(--kapak-blob-2) !important; } .arkaplan-dekor .blob-3 { background: var(--kapak-blob-3) !important; } .arkaplan-dekor .grid-desen { background-image: linear-gradient(var(--kapak-grid-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--kapak-grid-cizgi) 1px, transparent 1px) !important; mask-image: var(--kapak-grid-mask) !important; -webkit-mask-image: var(--kapak-grid-mask) !important; } html[data-kut-tema="acik"] .arkaplan-dekor .blob { animation-name: blob-yuz-acik !important; } @keyframes blob-yuz-acik { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(18px, -24px) scale(1.03); } 66% { transform: translate(-14px, 18px) scale(0.98); } } header.kut-navbar, header.kut-navbar.kut-navbar-saydam, header.kut-navbar.kut-navbar-tam-genislik, header.kut-navbar.kut-navbar-sabit, header[data-kut-gezinti-cubugu].kut-navbar, .kut-navbar.kut-navbar-saydam, .kut-navbar.kut-navbar-tam-genislik { background: var(--sandik-navbar-bg) !important; border-bottom: 1px solid var(--sandik-navbar-sinir) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-logo, html:not([data-kut-tema]) .kut-logo { color: var(--birincil) !important; } html[data-kut-tema="acik"] .kut-logo { color: #1e3a8a !important; } html[data-kut-tema="koyu"] .kut-gezinti-baglantisi, html:not([data-kut-tema]) .kut-gezinti-baglantisi { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .kut-gezinti-baglantisi:hover, html:not([data-kut-tema]) .kut-gezinti-baglantisi:hover { color: var(--yazi) !important; background: rgba(56, 189, 248, 0.12) !important; } html[data-kut-tema="acik"] .kut-gezinti-baglantisi { color: #475569 !important; } html[data-kut-tema="acik"] .kut-gezinti-baglantisi:hover { color: #020617 !important; background: rgba(37, 99, 235, 0.1) !important; } html[data-kut-tema="koyu"] .kut-tema-dugme, html:not([data-kut-tema]) .kut-tema-dugme { border-color: var(--sinir-acik) !important; background: rgba(255, 255, 255, 0.06) !important; color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-tema-dugme:hover, html:not([data-kut-tema]) .kut-tema-dugme:hover { background: rgba(255, 255, 255, 0.12) !important; } html[data-kut-tema="acik"] .kut-tema-dugme { border-color: rgba(15, 23, 42, 0.16) !important; background: rgba(255, 255, 255, 0.9) !important; color: #0f172a !important; } html[data-kut-tema="acik"] .kut-tema-dugme:hover { background: rgba(37, 99, 235, 0.12) !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-kapak h1, html:not([data-kut-tema]) .kahraman-metin .kut-kapak h1, html[data-kut-tema="acik"] .kahraman-metin .kut-kapak h1 { color: var(--yazi) !important; -webkit-text-fill-color: unset !important; background: none !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-kapak-aciklama, html:not([data-kut-tema]) .kahraman-metin .kut-kapak-aciklama, html[data-kut-tema="acik"] .kahraman-metin .kut-kapak-aciklama { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-btn-ikincil, html:not([data-kut-tema]) .kahraman-metin .kut-btn-ikincil { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] .kahraman-metin .kut-btn-ikincil { background: #ffffff !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important; } html[data-kut-tema="koyu"] .kut-kart, html[data-kut-tema="koyu"] .kut-ozellik-kart, html[data-kut-tema="koyu"] .kut-istatistik-kart, html:not([data-kut-tema]) .kut-kart, html:not([data-kut-tema]) .kut-ozellik-kart, html:not([data-kut-tema]) .kut-istatistik-kart, html[data-kut-tema="koyu"] .istatistik-kart, html[data-kut-tema="koyu"] .ozellik-kart, html[data-kut-tema="koyu"] .adim-kart, html:not([data-kut-tema]) .istatistik-kart, html:not([data-kut-tema]) .ozellik-kart, html:not([data-kut-tema]) .adim-kart { background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] .kut-kart, html[data-kut-tema="acik"] .kut-ozellik-kart, html[data-kut-tema="acik"] .kut-istatistik-kart, html[data-kut-tema="acik"] .istatistik-kart, html[data-kut-tema="acik"] .ozellik-kart, html[data-kut-tema="acik"] .adim-kart, html[data-kut-tema="acik"] .paket-bos-kart.kut-kart { background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; box-shadow: var(--golge) !important; } html[data-kut-tema="koyu"] .kut-kart-baslik, html[data-kut-tema="koyu"] .kut-baslik, html:not([data-kut-tema]) .kut-kart-baslik, html:not([data-kut-tema]) .kut-baslik, html[data-kut-tema="koyu"] .bolum .kut-baslik, html:not([data-kut-tema]) .bolum .kut-baslik, html[data-kut-tema="acik"] .kut-kart-baslik, html[data-kut-tema="acik"] .kut-baslik, html[data-kut-tema="acik"] .bolum .kut-baslik, html[data-kut-tema="acik"] .cta-ic .kut-baslik { color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-kart-aciklama, html[data-kut-tema="koyu"] .kut-metin, html:not([data-kut-tema]) .kut-kart-aciklama, html:not([data-kut-tema]) .kut-metin, html[data-kut-tema="acik"] .kut-kart-aciklama, html[data-kut-tema="acik"] .kut-metin, html[data-kut-tema="acik"] .cta-ic .kut-metin { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .istatistik .kut-istatistik-deger { background: linear-gradient(135deg, var(--yazi), var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } html[data-kut-tema="acik"] .istatistik .kut-istatistik-deger { background: linear-gradient(135deg, #0f172a, var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } html[data-kut-tema="acik"] .nasil-bolumu { background: rgba(226, 236, 255, 0.5) !important; border-top-color: var(--sinir) !important; border-bottom-color: var(--sinir) !important; } html[data-kut-tema="koyu"] .nasil-bolumu, html:not([data-kut-tema]) .nasil-bolumu { background: var(--yuzey) !important; } html[data-kut-tema="acik"] .cta-ic { background: linear-gradient(140deg, rgba(37, 99, 235, 0.12), rgba(99, 102, 241, 0.1)) !important; border-color: rgba(37, 99, 235, 0.22) !important; } html[data-kut-tema="acik"] .kut-altbilgi, html[data-kut-tema="acik"] .kut-altbilgi-telif { border-top: none !important; color: var(--yazi-soluk-2) !important; } html[data-kut-tema="acik"] .terminal-kapsul { background: #0b1220 !important; border-color: rgba(30, 41, 59, 0.35) !important; box-shadow: 0 24px 56px rgba(15, 23, 42, 0.28) !important; } .ekip-bolumu { padding-bottom: 4rem; } .ekip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; } .ekip-kart { background: var(--yuzey); border: 1px solid var(--sinir); border-radius: var(--yaricap-lg, 1rem); padding: 1.5rem; text-align: center; box-shadow: var(--golge); transition: transform 0.2s ease, box-shadow 0.2s ease; } .ekip-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk, 0 12px 40px rgba(0, 0, 0, 0.15)); } .ekip-kart-resim { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; border: 2px solid var(--sinir); background: var(--yuzey-2, var(--yuzey)); } .ekip-kart-isim { font-size: 1.125rem; font-weight: 700; color: var(--yazi); margin: 0 0 0.25rem; } .ekip-kart-rol { font-size: 0.875rem; color: var(--birincil); font-weight: 600; margin: 0 0 0.5rem; } .ekip-kart-iletisim { font-size: 0.8125rem; color: var(--yazi-soluk); margin: 0; word-break: break-word; } .ekip-yukleniyor, .ekip-bos { grid-column: 1 / -1; text-align: center; color: var(--yazi-soluk); padding: 2rem; } .sandik-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 1.25rem; } .sandik-modal.gizli, .sandik-modal.kut-gizli { display: none !important; } .sandik-modal-arka { position: absolute; inset: 0; background: rgba(2, 6, 14, 0.78); backdrop-filter: blur(8px); cursor: pointer; } .sandik-modal-kutu { position: relative; z-index: 1; width: 100%; max-width: 400px; max-height: calc(100vh - 2.5rem); overflow-y: auto; } .sandik-modal-kart { position: relative; margin: 0; padding: 1.5rem 1.5rem 1.25rem; border-radius: var(--yaricap); border: 1px solid var(--sinir-acik); background: var(--yuzey-acik); box-shadow: var(--golge); } .sandik-modal-kart .kut-kart-baslik { margin: 0 2.25rem 0.35rem 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; } .sandik-modal-aciklama, .sandik-modal-kart > .kut-metin { margin: 0 0 1.25rem; font-size: 0.9rem; color: var(--yazi-soluk); line-height: 1.5; } .sandik-modal-kart > #sandik-kapat-giris, .sandik-modal-kart > #sandik-kapat-kayit { position: absolute; top: 0.85rem; right: 0.85rem; width: 2rem; height: 2rem; min-width: 0; min-height: 0; padding: 0; border: 1px solid var(--sinir); border-radius: 8px; background: transparent; color: var(--yazi-soluk); font-size: 1.2rem; line-height: 1; box-shadow: none; } .sandik-modal-kart > #sandik-kapat-giris:hover, .sandik-modal-kart > #sandik-kapat-kayit:hover { color: var(--yazi); border-color: var(--sinir-acik); background: rgba(148, 163, 184, 0.08); } .sandik-modal-form { display: flex; flex-direction: column; gap: 0.85rem; } .sandik-modal-form .kut-form-alan { display: flex; flex-direction: column; gap: 0.35rem; margin: 0; border: none; padding: 0; background: none; } .sandik-modal-form .kut-form-etiket { font-size: 0.8125rem; font-weight: 600; color: var(--yazi-soluk); } .sandik-modal-form .kut-form-girdi { width: 100%; padding: 0.65rem 0.85rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: rgba(6, 8, 15, 0.55); color: var(--yazi); font-size: 0.9375rem; transition: border-color var(--gecis), box-shadow var(--gecis); } .sandik-modal-form .kut-form-girdi:focus { outline: none; border-color: var(--birincil); box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2); } .sandik-modal-hata { display: none; } .sandik-modal-form > #sandik-giris-gonder, .sandik-modal-form > #sandik-kayit-gonder { width: 100%; margin-top: 0.25rem; padding: 0.7rem 1rem; border: none; border-radius: var(--yaricap-kucuk); background: linear-gradient(135deg, var(--birincil), var(--birincil-koyu)); color: #041018; font-weight: 700; font-size: 0.9375rem; box-shadow: 0 4px 20px rgba(56, 189, 248, 0.25); } .sandik-modal-form > #sandik-giris-gonder:hover, .sandik-modal-form > #sandik-kayit-gonder:hover { filter: brightness(1.06); } .sandik-modal-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid var(--sinir); font-size: 0.875rem; color: var(--yazi-soluk); } .sandik-modal-alt > #sandik-ac-kayit, .sandik-modal-alt > #sandik-ac-giris { padding: 0; min-height: 0; border: none; background: none; box-shadow: none; color: var(--birincil); font-weight: 600; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .sandik-modal-alt > #sandik-ac-kayit:hover, .sandik-modal-alt > #sandik-ac-giris:hover { color: var(--vurgu); } body.sandik-modal-acik { overflow: hidden; } .sandik-modal-yonlendir { display: none; } .sandik-nav-oturum { position: relative; margin-left: 0.35rem; } .sandik-nav-oturum-tetik { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.55rem 0.35rem 0.35rem; border: 1px solid var(--sinir-acik); border-radius: 999px; background: rgba(15, 20, 35, 0.65); color: var(--yazi); font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: border-color var(--gecis), background var(--gecis); } .sandik-nav-oturum-tetik:hover { border-color: var(--birincil); background: rgba(25, 32, 55, 0.9); } .sandik-nav-avatar { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 999px; background: linear-gradient(135deg, var(--birincil), var(--vurgu)); color: #041018; font-size: 0.8125rem; font-weight: 800; } .sandik-nav-isim { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sandik-nav-ok { font-size: 0.7rem; color: var(--yazi-soluk); } .sandik-nav-menu { position: absolute; top: calc(100% + 0.45rem); right: 0; min-width: 220px; padding: 0.35rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: var(--yuzey-acik); box-shadow: var(--golge); z-index: 1300; } .sandik-nav-menu.gizli { display: none !important; } .sandik-nav-menu-kimlik { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.65rem 0.65rem; border-bottom: 1px solid var(--sinir); margin-bottom: 0.25rem; } .sandik-nav-menu-isim { font-weight: 700; font-size: 0.9rem; } .sandik-nav-menu-eposta { font-size: 0.75rem; color: var(--yazi-soluk); word-break: break-all; } .sandik-nav-menu-rol { font-size: 0.6875rem; color: var(--yazi-soluk-2); text-transform: uppercase; letter-spacing: 0.04em; } .sandik-nav-menu-oge { display: block; width: 100%; text-align: left; padding: 0.55rem 0.65rem; border: none; border-radius: 6px; background: transparent; color: var(--yazi); font: inherit; font-size: 0.875rem; text-decoration: none; cursor: pointer; transition: background var(--gecis); } .sandik-nav-menu-oge:hover { background: rgba(56, 189, 248, 0.12); color: var(--birincil); } .sandik-nav-cikis { color: var(--hata); margin-top: 0.15rem; border-top: 1px solid var(--sinir); border-radius: 0 0 6px 6px; } .sandik-nav-cikis:hover { background: rgba(248, 113, 113, 0.12); color: var(--hata); } @media (max-width: 768px) { .sandik-nav-isim { display: none; } .sandik-nav-oturum-tetik { padding: 0.35rem; } } .giris-bolumu, .kayit-bolumu { padding: 3rem 0 5rem; } .giris-kapsayici { max-width: 420px; margin: 0 auto; } .giris-form .kut-form-grubu { margin-bottom: 1rem; } .giris-hata { color: #f87171; font-size: 0.875rem; margin: 0.5rem 0 1rem; } .btn-tam { width: 100%; } .giris-alt-metin { margin-top: 1rem; font-size: 0.875rem; color: var(--yazi-soluk); } .panel-oturum-kart { margin-bottom: 1.5rem; } .panel-oturum-metin { margin-bottom: 0.75rem; };
  --kut-renkler-yuzey: #111827;
  --kut-bilesenler-navbar-logo-renk: #38bdf8;
  --kut-bilesenler-navbar-baglantilar-hover-arkaplan: rgba(56,189,248,0.12);
  --kut-renkler-arkaplan: #030712;
  --kut-renkler-sinir: #334155;
  --kut-bilesenler-navbar-golge: 0 4px 24px rgba(0,0,0,0.45);
  --kut-renkler-birincil: #38bdf8;
  --kut-bilesenler-navbar-cta-renk: #041018;
  --kut-renkler-ikincil: #818cf8;
  --kut-renkler-yazi: #f8fafc;
  --kut-bilesenler-navbar-baglantilar-renk: #cbd5e1;
  --kut-bilesenler-navbar-baglantilar-hover-renk: #f8fafc;
  --kut-bilesenler-navbar-cta-sinir: none;
  --kut-bilesenler-buton-kose: 10px;
}

/* Kut varsayılan tasarım sistemi — tema tanımı olmasa da her zaman çalışır */
:root {
  --kut-renkler-birincil: #6366f1;
  --kut-renkler-ikincil: #8b5cf6;
  --kut-renkler-arkaplan: #f8fafc;
  --kut-renkler-yazi: #0f172a;
  --kut-renkler-metin: var(--kut-renkler-yazi, #0f172a);
  --kut-renkler-yuzey: #ffffff;
  --kut-renkler-yuzey-2: #f1f5f9;
  --kut-renkler-birincil-soft: color-mix(in srgb, var(--kut-renkler-birincil) 18%, white);
  --kut-yazitipi-govde: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --kut-gap: 1rem;
  --kut-boyut-bosluk-sm: 0.5rem;
  --kut-boyut-bosluk-md: 1rem;
  --kut-boyut-bosluk-lg: 1.5rem;
  --kut-boyut-bosluk-xl: 2rem;
  --kut-radius-sm: 0.5rem;
  --kut-radius-md: 0.75rem;
  --kut-radius-lg: 1rem;
  --kut-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --kut-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: linear-gradient(180deg, var(--kut-renkler-arkaplan) 0%, #eef6ff 100%);
  color: var(--kut-renkler-metin);
  line-height: 1.5;
}

.kut-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: var(--kut-boyut-bosluk-lg);
}

.kut-satir { display: flex; flex-wrap: wrap; gap: var(--kut-gap); align-items: center; }
.kut-sutun { display: flex; flex-direction: column; gap: var(--kut-gap); }
.kut-grid { display: grid; gap: var(--kut-gap); }
.kut-grid-1 { grid-template-columns: 1fr; }
.kut-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kut-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.kut-navbar {
  position: relative;
  z-index: 40;
  margin-bottom: var(--kut-boyut-bosluk-lg);
  border-radius: var(--kut-radius-lg);
  transition: box-shadow 0.2s ease, background 0.2s ease;
}
.kut-navbar-tam-genislik {
  margin-left: calc(-1 * var(--kut-boyut-bosluk-lg));
  margin-right: calc(-1 * var(--kut-boyut-bosluk-lg));
  width: calc(100% + 2 * var(--kut-boyut-bosluk-lg));
}
.kut-navbar-sabit {
  position: sticky;
  top: 0;
}
.kut-gezinti-ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--kut-boyut-bosluk-md);
  padding: 0.65rem var(--kut-boyut-bosluk-lg);
  min-height: 3.25rem;
}
.kut-navbar-cam {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.35);
  backdrop-filter: blur(12px);
  box-shadow: var(--kut-shadow-sm);
}
.kut-navbar-duz {
  background: var(--kut-renkler-yuzey);
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: var(--kut-shadow-sm);
}
.kut-navbar-koyu {
  background: #0f172a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}
.kut-navbar-koyu .kut-logo,
.kut-navbar-koyu .kut-gezinti-baglantisi { color: #f8fafc; }
.kut-navbar-koyu .kut-gezinti-baglantisi:hover { color: #fff; background: rgba(255,255,255,0.08); }
.kut-navbar-saydam {
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
.kut-logo, .kut-gezinti-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--kut-renkler-birincil);
  text-decoration: none;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.kut-logo-ikon {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}
.kut-tema-dugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.35rem;
  padding: 0;
  border-radius: 999px;
  border: 1px solid var(--kut-renkler-sinir, rgba(148, 163, 184, 0.25));
  background: rgba(255, 255, 255, 0.06);
  color: inherit;
  cursor: pointer;
  font-size: 1.05rem;
  line-height: 1;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.kut-tema-dugme:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}
.kut-tema-ikon { display: none; }
html:not([data-kut-tema="acik"]) .kut-tema-gunes { display: inline; }
html[data-kut-tema="acik"] .kut-tema-ay { display: inline; }
.kut-gezinti-panel { align-items: center; }
.kut-gezinti-panel {
  display: flex;
  align-items: center;
  gap: var(--kut-boyut-bosluk-md);
  margin-left: auto;
}
.kut-gezinti-baglantilari {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.kut-gezinti-baglantisi {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.75rem;
  border-radius: var(--kut-radius-md);
  color: var(--kut-renkler-metin);
  text-decoration: none;
  font-weight: 500;
  font-size: 0.92rem;
  transition: background 0.15s ease, color 0.15s ease;
}
.kut-gezinti-baglantisi:hover {
  background: var(--kut-renkler-birincil-soft);
  color: var(--kut-renkler-birincil);
}
.kut-btn-gezinti-eylem {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  white-space: nowrap;
}
.kut-btn-birincil {
  background: var(--kut-renkler-birincil);
  color: #fff;
}
.kut-btn-birincil:hover { filter: brightness(1.05); color: #fff; }
.kut-btn-hayalet {
  background: transparent;
  color: var(--kut-renkler-birincil);
  box-shadow: none;
  border: 1px solid rgba(148, 163, 184, 0.45);
}
.kut-menu-dugme {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: var(--kut-radius-md);
  background: var(--kut-renkler-yuzey);
  cursor: pointer;
}
.kut-menu-cizgi {
  display: block;
  height: 2px;
  width: 100%;
  background: var(--kut-renkler-metin);
  border-radius: 1px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.kut-menu-dugme[aria-expanded="true"] .kut-menu-cizgi:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.kut-menu-dugme[aria-expanded="true"] .kut-menu-cizgi:nth-child(2) { opacity: 0; }
.kut-menu-dugme[aria-expanded="true"] .kut-menu-cizgi:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.kut-kapak {
  background: linear-gradient(135deg, var(--kut-renkler-birincil) 0%, var(--kut-renkler-ikincil) 100%);
  color: #fff;
  border-radius: var(--kut-radius-lg);
  padding: var(--kut-boyut-bosluk-xl);
  box-shadow: var(--kut-shadow-md);
  margin-bottom: var(--kut-boyut-bosluk-lg);
}
.kut-kapak-orta { text-align: center; }
.kut-kapak-orta .kut-kapak-dugmeler { justify-content: center; }
.kut-kapak-sag { text-align: right; }
.kut-kapak-sag .kut-kapak-dugmeler { justify-content: flex-end; }
.kut-kapak h1 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  line-height: 1.15;
}
.kut-kapak-aciklama {
  margin: 0 0 1.25rem;
  opacity: 0.95;
  max-width: 42rem;
}
.kut-kapak-orta .kut-kapak-aciklama { margin-left: auto; margin-right: auto; }
.kut-kapak-dugmeler {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.kut-kapak .kut-btn-birincil { background: #fff; color: var(--kut-renkler-birincil); }
.kut-kapak .kut-btn-ikincil { background: rgba(255,255,255,0.15); color: #fff; border: 1px solid rgba(255,255,255,0.35); }

.kut-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: none;
  border-radius: var(--kut-radius-md);
  padding: 0.65rem 1.1rem;
  background: #fff;
  color: var(--kut-renkler-birincil);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--kut-shadow-sm);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.kut-btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--kut-shadow-md);
}

.kut-link {
  color: var(--kut-renkler-birincil);
  text-decoration: none;
  font-weight: 600;
}
.kut-link:hover { text-decoration: underline; }

.kut-baslik, h2.kut-baslik, h3.kut-baslik {
  margin: 0 0 0.5rem;
  line-height: 1.3;
}
.kut-metin { margin: 0 0 1rem; color: var(--kut-renkler-metin); }

.kut-kart {
  background: var(--kut-renkler-yuzey);
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: var(--kut-radius-lg);
  padding: var(--kut-boyut-bosluk-lg);
  min-height: 120px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.kut-kart:hover { transform: translateY(-2px); }
.kut-kart-golge-hafif { box-shadow: var(--kut-shadow-sm); }
.kut-kart-golge-orta { box-shadow: var(--kut-shadow-md); }
.kut-kart-golge-buyuk { box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12); }
.kut-kart-golge-yok { box-shadow: none; }
.kut-kart-baslik { margin: 0 0 0.35rem; font-size: 1.05rem; font-weight: 600; }
.kut-kart-aciklama { margin: 0 0 0.75rem; color: #64748b; font-size: 0.92rem; }
.kut-kart h2, .kut-kart h3 {
  margin-top: 0;
  font-size: 1.05rem;
}

.kut-ozellik-grid h2 {
  margin: 0 0 var(--kut-boyut-bosluk-md);
  font-size: 1.25rem;
}

.kut-uyari {
  padding: 0.75rem 1rem;
  border-radius: var(--kut-radius-md);
  margin-bottom: var(--kut-boyut-bosluk-md);
}
.kut-uyari-bilgi { background: #e0f2fe; color: #0c4a6e; }
.kut-uyari-basari { background: #dcfce7; color: #166534; }
.kut-uyari-uyari { background: #fef9c3; color: #854d0e; }
.kut-crud-toast-kapali { display: none; }

.kut-crud { margin-bottom: var(--kut-boyut-bosluk-xl); }
.kut-crud-head { justify-content: space-between; align-items: flex-start; margin-bottom: var(--kut-boyut-bosluk-md); }
.kut-crud-ozet { margin: 0; font-size: 0.9rem; color: #64748b; }
.kut-crud-alt-baslik { margin: 0 0 var(--kut-boyut-bosluk-md); font-size: 1rem; }
.kut-crud-form { margin-bottom: var(--kut-boyut-bosluk-lg); padding-bottom: var(--kut-boyut-bosluk-lg); border-bottom: 1px solid rgba(148, 163, 184, 0.35); }
.kut-crud-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--kut-gap); margin-bottom: var(--kut-boyut-bosluk-md); }
.kut-crud-label { display: flex; flex-direction: column; gap: 0.35rem; font-size: 0.85rem; font-weight: 600; }
.kut-crud-input {
  border: 1px solid rgba(148, 163, 184, 0.6);
  border-radius: var(--kut-radius-md);
  padding: 0.55rem 0.7rem;
  font: inherit;
  background: #fff;
}
.kut-crud-input:focus { outline: 2px solid var(--kut-renkler-birincil-soft); border-color: var(--kut-renkler-birincil); }
.kut-crud-table-wrap { overflow-x: auto; }
.kut-crud-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.kut-crud-table th, .kut-crud-table td { padding: 0.65rem 0.75rem; text-align: left; border-bottom: 1px solid rgba(148, 163, 184, 0.35); }
.kut-crud-table th { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; color: #64748b; }
.kut-crud-aksiyon { white-space: nowrap; }
.kut-btn-kucuk { padding: 0.4rem 0.65rem; font-size: 0.82rem; }
.kut-btn-ikincil { background: var(--kut-renkler-yuzey-2); color: var(--kut-renkler-metin); box-shadow: none; }
.kut-btn-tehlike { background: #fee2e2; color: #991b1b; }
.kut-btn-tehlike:hover { background: #fecaca; }
.kut-crud-satir-duzenle { background: #f0f9ff; }

.kut-altbilgi {
  margin-top: var(--kut-boyut-bosluk-xl);
  padding-top: var(--kut-boyut-bosluk-md);
  border-top: 1px solid rgba(148, 163, 184, 0.35);
  color: #64748b;
  font-size: 0.9rem;
}
.kut-altbilgi-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--kut-boyut-bosluk-md);
}
.kut-altbilgi-telif { margin: 0; }
.kut-altbilgi-links { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.kut-altbilgi-link {
  color: #64748b;
  text-decoration: none;
  font-size: 0.88rem;
}
.kut-altbilgi-link:hover { color: var(--kut-renkler-birincil); }

.kut-ozellik-grid { margin-bottom: var(--kut-boyut-bosluk-xl); }
.kut-ozellik-grid-baslik { margin-bottom: var(--kut-boyut-bosluk-lg); text-align: center; }
.kut-ozellik-grid-baslik h2 { margin: 0 0 0.35rem; font-size: 1.5rem; }
.kut-ozellik-grid-aciklama { margin: 0; color: #64748b; }
.kut-ozellik-kart { text-align: center; }
.kut-ozellik-simge { display: block; font-size: 1.75rem; margin-bottom: 0.5rem; }

.kut-fiyat-tablosu { margin-bottom: var(--kut-boyut-bosluk-xl); }
.kut-fiyat-baslik-wrap { text-align: center; margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-fiyat-baslik-wrap h2 { margin: 0; font-size: 1.5rem; }
.kut-fiyat-kart { position: relative; display: flex; flex-direction: column; gap: 0.75rem; }
.kut-fiyat-one-cikan { border: 2px solid var(--kut-renkler-birincil); transform: scale(1.02); }
.kut-fiyat-rozet {
  position: absolute;
  top: -0.65rem;
  right: 1rem;
  background: var(--kut-renkler-birincil);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
}
.kut-fiyat-ad { margin: 0; font-size: 1.1rem; }
.kut-fiyat-tutar { margin: 0; }
.kut-fiyat-deger { font-size: 2rem; font-weight: 700; color: var(--kut-renkler-birincil); }
.kut-fiyat-periyot { color: #64748b; font-size: 0.9rem; margin-left: 0.25rem; }
.kut-fiyat-aciklama { margin: 0; color: #64748b; font-size: 0.92rem; }
.kut-fiyat-ozellikler { margin: 0; padding-left: 1.1rem; color: #475569; font-size: 0.9rem; }
.kut-fiyat-cta { margin-top: auto; width: 100%; justify-content: center; }

.kut-form-alan { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: var(--kut-boyut-bosluk-md); }
.kut-form-etiket { font-size: 0.88rem; font-weight: 600; color: var(--kut-renkler-metin); }
.kut-form-girdi {
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: var(--kut-radius-md);
  padding: 0.6rem 0.75rem;
  font: inherit;
  background: var(--kut-renkler-yuzey);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.kut-form-girdi:focus { outline: none; border-color: var(--kut-renkler-birincil); box-shadow: 0 0 0 3px var(--kut-renkler-birincil-soft); }
.kut-form-ipucu { font-size: 0.8rem; color: #64748b; }
.kut-onay { flex-direction: row; align-items: center; gap: 0.5rem; }
.kut-form-onay { width: 1rem; height: 1rem; accent-color: var(--kut-renkler-birincil); }

.kut-modal {
  border: none;
  border-radius: var(--kut-radius-lg);
  padding: 0;
  max-width: min(92vw, 32rem);
  box-shadow: var(--kut-shadow-md);
}
.kut-modal::backdrop { background: rgba(15, 23, 42, 0.45); }
.kut-modal-baslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--kut-boyut-bosluk-md) var(--kut-boyut-bosluk-lg);
  border-bottom: 1px solid rgba(148, 163, 184, 0.35);
}
.kut-modal-baslik h2 { margin: 0; font-size: 1.1rem; }
.kut-modal-kapat {
  border: none;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  color: #64748b;
  padding: 0.25rem 0.5rem;
  border-radius: var(--kut-radius-sm);
}
.kut-modal-kapat:hover { background: var(--kut-renkler-yuzey-2); color: var(--kut-renkler-metin); }
.kut-modal-icerik { padding: var(--kut-boyut-bosluk-lg); }

.kut-sorgu-sarici { position: relative; min-height: 2rem; }
.kut-sorgu-yukleniyor { padding: 1rem; text-align: center; color: var(--kut-renkler-yazi-2, #64748B); }
.kut-sorgu-hata { margin: 0.5rem 0; }
.kut-sorgu-veri { min-height: 1rem; }

.kut-yukleniyor {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: var(--kut-boyut-bosluk-lg);
}
.kut-yukleniyor-cubuk {
  width: 0.45rem;
  height: 1.25rem;
  border-radius: 2px;
  background: var(--kut-renkler-birincil);
  animation: kut-yukleniyor-dalga 0.9s ease-in-out infinite;
}
.kut-yukleniyor-cubuk:nth-child(2) { animation-delay: 0.15s; }
.kut-yukleniyor-cubuk:nth-child(3) { animation-delay: 0.3s; }
@keyframes kut-yukleniyor-dalga {
  0%, 100% { transform: scaleY(0.55); opacity: 0.55; }
  50% { transform: scaleY(1); opacity: 1; }
}
.kut-yukleniyor-iskelet {
  min-height: 120px;
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: kut-iskelet 1.2s ease infinite;
  border-radius: var(--kut-radius-md);
}
@keyframes kut-iskelet { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

.kut-bento { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.kut-bento > *:nth-child(1) { grid-column: span 3; }
.kut-bento > *:nth-child(2) { grid-column: span 3; }
.kut-bento > *:nth-child(3) { grid-column: span 2; }
.kut-masonry { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

@media (max-width: 768px) {
  .kut-grid-2, .kut-grid-3 { grid-template-columns: 1fr; }
  .kut-gizle-mobil { display: none !important; }
  .kut-menu-dugme { display: inline-flex; }
  .kut-gezinti-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    margin: 0.35rem 0 0;
    padding: var(--kut-boyut-bosluk-md);
    background: var(--kut-renkler-yuzey);
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: var(--kut-radius-lg);
    box-shadow: var(--kut-shadow-md);
  }
  .kut-navbar { position: relative; }
  .kut-gezinti-panel.kut-gezinti-acik { display: flex; }
  .kut-gezinti-baglantilari { flex-direction: column; align-items: stretch; }
  .kut-gezinti-baglantisi { padding: 0.65rem 0.75rem; }
  .kut-btn-gezinti-eylem { width: 100%; justify-content: center; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .kut-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.kut-navbar-hizala-orta .kut-gezinti-ic { position: relative; }
.kut-navbar-hizala-orta .kut-gezinti-baglantilari {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.kut-navbar-hizala-orta .kut-gezinti-panel { margin-left: auto; }
@media (max-width: 900px) {
  .kut-navbar-hizala-orta .kut-gezinti-baglantilari {
    position: static;
    transform: none;
  }
}

.kut-navbar-hizala-logo-orta .kut-gezinti-ic {
  position: relative;
  justify-content: flex-end;
}
.kut-navbar-hizala-logo-orta .kut-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.kut-navbar-hizala-logo-orta .kut-gezinti-panel {
  margin-left: 0;
}
@media (max-width: 900px) {
  .kut-navbar-hizala-logo-orta .kut-logo {
    position: static;
    transform: none;
  }
  .kut-navbar-hizala-logo-orta .kut-gezinti-ic {
    justify-content: space-between;
  }
}

/* AkfaTimeline — github.com/AKFAPLUS/akfatimeline glassmorphism planlama çizelgesi */
.kut-akfa-timeline {
  --kut-akfa-tl-kaynak-gen: 180px;
  --kut-akfa-tl-hucre-yuk: 45px;
  --kut-akfa-tl-cam: rgba(255, 255, 255, 0.72);
  --kut-akfa-tl-cam-2: rgba(255, 255, 255, 0.5);
  --kut-akfa-tl-metin: var(--kut-renkler-metin);
  margin-bottom: var(--kut-boyut-bosluk-xl);
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: var(--kut-akfa-tl-cam);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--kut-shadow-md);
  overflow: hidden;
  color: var(--kut-akfa-tl-metin);
}
.kut-akfa-timeline-karanlik {
  --kut-akfa-tl-cam: rgba(17, 24, 39, 0.75);
  --kut-akfa-tl-cam-2: rgba(17, 24, 39, 0.55);
}
.kut-akfa-tl-ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: var(--kut-akfa-tl-cam-2);
  border-bottom: 1px solid rgba(148, 163, 184, 0.3);
}
.kut-akfa-tl-marka { display: flex; align-items: center; gap: 0.5rem; }
.kut-akfa-tl-logo { font-weight: 700; color: var(--kut-renkler-birincil); }
.kut-akfa-tl-surum { font-size: 0.72rem; color: #64748b; background: rgba(99,102,241,0.12); padding: 0.15rem 0.45rem; border-radius: 999px; }
.kut-akfa-tl-kaynak-baslik { margin: 0; font-size: 1.05rem; font-weight: 600; }
.kut-akfa-tl-araclar { display: flex; align-items: center; gap: 0.35rem; }
.kut-akfa-tl-dugme {
  border: 1px solid rgba(148, 163, 184, 0.4);
  background: var(--kut-renkler-yuzey);
  border-radius: var(--kut-radius-sm);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}
.kut-akfa-tl-program { font-size: 0.88rem; font-weight: 600; min-width: 6rem; text-align: center; }
.kut-akfa-tl-govde { overflow-x: auto; max-height: min(70vh, 560px); }
.kut-akfa-tl-tarih-bant {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--kut-akfa-tl-cam-2);
  border-bottom: 1px solid rgba(148, 163, 184, 0.3);
  padding-left: var(--kut-akfa-tl-kaynak-gen);
}
.kut-akfa-tl-ay { padding: 0.45rem 0.75rem; font-size: 0.78rem; font-weight: 600; color: #64748b; }
.kut-akfa-tl-gun-sira { display: flex; min-width: max-content; }
.kut-akfa-tl-gun-hucre {
  flex: 0 0 44px;
  text-align: center;
  font-size: 0.72rem;
  padding: 0.35rem 0;
  border-right: 1px solid rgba(148, 163, 184, 0.2);
  color: #64748b;
}
.kut-akfa-tl-icerik { min-width: max-content; }
.kut-akfa-tl-grup-baslik {
  padding: 0.45rem 0.75rem 0.45rem calc(var(--kut-akfa-tl-kaynak-gen) + 0.75rem);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background: rgba(148, 163, 184, 0.18);
}
.kut-akfa-tl-satir {
  display: grid;
  grid-template-columns: var(--kut-akfa-tl-kaynak-gen) 1fr;
  min-height: var(--kut-akfa-tl-hucre-yuk);
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}
.kut-akfa-tl-kaynak-ad {
  padding: 0.65rem 0.75rem;
  font-size: 0.88rem;
  font-weight: 500;
  border-right: 1px solid rgba(148, 163, 184, 0.25);
  background: var(--kut-akfa-tl-cam);
  position: sticky;
  left: 0;
  z-index: 1;
}
.kut-akfa-tl-iz { position: relative; min-width: calc(44px * 30); min-height: var(--kut-akfa-tl-hucre-yuk); }
.kut-akfa-tl-hucreler { display: flex; position: absolute; inset: 0; pointer-events: none; }
.kut-akfa-tl-hucre { flex: 0 0 44px; border-right: 1px solid rgba(148, 163, 184, 0.12); }
.kut-akfa-tl-etkinlikler { position: absolute; inset: 0.35rem 0; }
.kut-akfa-tl-etkinlik {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.25rem 0.45rem;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.25);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: grab;
  user-select: none;
}
.kut-akfa-tl-etkinlik:active { cursor: grabbing; }
.kut-akfa-tl-hafta-sonu { background: rgba(99, 102, 241, 0.06); }
.kut-akfa-tl-devre-disi { background: repeating-linear-gradient(135deg, rgba(148,163,184,0.15) 0 6px, rgba(148,163,184,0.05) 6px 12px); pointer-events: none; opacity: 0.65; }
.kut-akfa-tl-etkinlik-secili { outline: 2px solid #f59e0b; outline-offset: 1px; }
.kut-akfa-tl-etkinlik-uzat { position: absolute; right: 0; top: 0; bottom: 0; width: 8px; cursor: ew-resize; background: rgba(255,255,255,0.35); border-radius: 0 8px 8px 0; }
.kut-akfa-tl-gecici { background: rgba(236, 72, 153, 0.75) !important; opacity: 0.85; }
.kut-akfa-tl-surukleniyor { opacity: 0.55; }
.kut-akfa-tl-gosterge { position: absolute; top: 0; bottom: 0; width: 2px; background: #ef4444; z-index: 3; pointer-events: none; }
.kut-akfa-tl-yukleniyor { position: absolute; inset: 0; background: rgba(255,255,255,0.55); display: flex; align-items: center; justify-content: center; z-index: 20; }
.kut-akfa-tl-ipucu { position: fixed; z-index: 9999; background: #1e293b; color: #fff; padding: 0.35rem 0.55rem; border-radius: 6px; font-size: 0.78rem; pointer-events: none; max-width: 240px; }
.kut-akfa-tl-menu { position: fixed; z-index: 9998; list-style: none; margin: 0; padding: 0.35rem; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: 8px; box-shadow: var(--kut-shadow-md); min-width: 180px; }
.kut-akfa-tl-menu-oge { display: block; width: 100%; text-align: left; border: none; background: transparent; padding: 0.45rem 0.65rem; font: inherit; cursor: pointer; border-radius: 4px; }
.kut-akfa-tl-menu-oge:hover { background: var(--kut-renkler-yuzey-2); }
.kut-akfa-tl-menu-tehlike { color: #dc2626; }
.kut-akfa-tl-menu-ayirici { height: 1px; background: rgba(148,163,184,0.35); margin: 0.25rem 0; }
.kut-akfa-tl-gunluk { border: none; border-radius: 16px; padding: 0; max-width: min(92vw, 640px); width: 100%; }
.kut-akfa-tl-gunluk::backdrop { background: rgba(15,23,42,0.45); }
.kut-akfa-tl-gunluk-baslik { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border-bottom: 1px solid rgba(148,163,184,0.3); }
.kut-akfa-tl-gunluk-icerik { padding: 1rem; max-height: 60vh; overflow: auto; }
.kut-akfa-tl-grup-kapali + .kut-akfa-tl-satir { display: none; }
.kut-akfa-tl-zoom { display: flex; align-items: center; gap: 0.25rem; }
.kut-akfa-tl-zoom-etiket { font-size: 0.78rem; min-width: 2.5rem; text-align: center; }
.kut-akfa-tl-dugme-varsayilan { font-size: 0.78rem; padding: 0.35rem 0.55rem; width: auto; height: auto; }
.kut-akfa-tl-simge-completed::before { content: "✓"; }
.kut-akfa-tl-simge-in-progress::before { content: "⏳"; }
.kut-akfa-tl-rozet-basari { background: #22c55e; color: #fff; font-size: 0.65rem; padding: 0.1rem 0.35rem; border-radius: 4px; position: absolute; top: 2px; right: 2px; }
.kut-akfa-yol-haritasi { margin-bottom: var(--kut-boyut-bosluk-xl); }
.kut-akfa-yol-baslik h2 { margin: 0 0 0.75rem; font-size: 1.35rem; }
.kut-akfa-yol-liste { list-style: none; margin: 0; padding: 0; }
.kut-akfa-yol-dikey { padding-left: 1.5rem; position: relative; }
.kut-akfa-yol-dikey::before { content: ""; position: absolute; left: 0.45rem; top: 0.25rem; bottom: 0.25rem; width: 2px; background: rgba(148,163,184,0.4); }
.kut-akfa-yol-olay { position: relative; padding-bottom: 1rem; }
.kut-akfa-yol-nokta { position: absolute; left: -1.25rem; top: 0.35rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--kut-renkler-birincil); }
.kut-akfa-durum-tamam .kut-akfa-yol-nokta { background: #22c55e; }
.kut-akfa-durum-aktif .kut-akfa-yol-nokta { background: var(--kut-renkler-birincil); }
.kut-akfa-yol-icerik { background: var(--kut-renkler-yuzey); border-radius: var(--kut-radius-md); padding: 0.75rem; border: 1px solid rgba(148,163,184,0.3); }
.kut-akfa-yol-icerik time { font-size: 0.75rem; color: #64748b; }
.kut-akfa-yol-icerik h3 { margin: 0.2rem 0; font-size: 1rem; }
.kut-akfa-yol-icerik p { margin: 0; color: #64748b; font-size: 0.9rem; }

/* Kanban */
.kut-kanban { margin-bottom: var(--kut-boyut-bosluk-xl); }
.kut-kanban-ust h2 { margin: 0 0 var(--kut-boyut-bosluk-md); font-size: 1.35rem; }
.kut-kanban-paneller { display: flex; gap: var(--kut-boyut-bosluk-md); overflow-x: auto; align-items: flex-start; padding-bottom: 0.5rem; }
.kut-kanban-sutun {
  flex: 0 0 min(300px, 88vw);
  background: var(--kut-renkler-yuzey-2);
  border-radius: var(--kut-radius-lg);
  padding: var(--kut-boyut-bosluk-md);
  border: 1px solid rgba(148, 163, 184, 0.25);
}
.kut-kanban-sutun-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; }
.kut-kanban-sutun-baslik h3 { margin: 0; font-size: 0.95rem; font-weight: 600; }
.kut-kanban-sayac { font-size: 0.78rem; color: #64748b; background: var(--kut-renkler-yuzey); padding: 0.15rem 0.45rem; border-radius: 999px; }
.kut-kanban-liste { display: flex; flex-direction: column; gap: 0.65rem; min-height: 4rem; }
.kut-kanban-hedef-aktif { outline: 2px dashed var(--kut-renkler-birincil); outline-offset: 4px; border-radius: var(--kut-radius-md); }
.kut-kanban-kart {
  background: var(--kut-renkler-yuzey);
  border-radius: var(--kut-radius-md);
  padding: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.35);
  box-shadow: var(--kut-shadow-sm);
  cursor: grab;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.kut-kanban-kart:active { cursor: grabbing; }
.kut-kanban-surukleniyor { opacity: 0.55; transform: rotate(1.5deg); }
.kut-kanban-kart-baslik { margin: 0 0 0.35rem; font-size: 0.95rem; }
.kut-kanban-kart-aciklama { margin: 0; font-size: 0.85rem; color: #64748b; }
.kut-kanban-oncelik-yuksek { border-left: 3px solid #ef4444; }
.kut-kanban-oncelik-orta { border-left: 3px solid var(--kut-renkler-birincil); }
.kut-kanban-oncelik-dusuk { border-left: 3px solid #94a3b8; }

/* Sekme */
.kut-sekme { margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-sekme-baslik { margin: 0 0 0.75rem; font-size: 1.2rem; }
.kut-sekme-cubuk { display: flex; flex-wrap: wrap; gap: 0.35rem; border-bottom: 1px solid rgba(148, 163, 184, 0.35); margin-bottom: var(--kut-boyut-bosluk-md); }
.kut-sekme-dugme {
  border: none;
  background: transparent;
  padding: 0.65rem 1rem;
  font: inherit;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  border-radius: var(--kut-radius-sm) var(--kut-radius-sm) 0 0;
}
.kut-sekme-dugme:hover { color: var(--kut-renkler-metin); background: var(--kut-renkler-yuzey-2); }
.kut-sekme-dugme.kut-sekme-aktif { color: var(--kut-renkler-birincil); border-bottom-color: var(--kut-renkler-birincil); }
.kut-sekme-panel { padding: 0.25rem 0; color: var(--kut-renkler-metin); line-height: 1.55; }

/* Adımlar (stepper) */
.kut-adimlar { margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-adimlar-baslik { margin: 0 0 0.75rem; font-size: 1.2rem; }
.kut-adimlar-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.kut-adim { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.85rem; border-radius: 999px; background: var(--kut-renkler-yuzey-2); font-size: 0.88rem; }
.kut-adim-numara {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  background: #e2e8f0;
  color: #475569;
}
.kut-adim-tamam .kut-adim-numara { background: #dcfce7; color: #166534; }
.kut-adim-aktif .kut-adim-numara { background: var(--kut-renkler-birincil-soft); color: var(--kut-renkler-birincil); }
.kut-adim-aciklama { display: block; font-size: 0.78rem; color: #64748b; font-weight: 400; }

/* Akordeon */
.kut-akordeon { margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-akordeon-baslik { margin: 0 0 0.75rem; font-size: 1.2rem; }
.kut-akordeon-oge {
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: var(--kut-radius-md);
  margin-bottom: 0.5rem;
  background: var(--kut-renkler-yuzey);
  overflow: hidden;
}
.kut-akordeon-oge summary {
  padding: 0.85rem 1rem;
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.kut-akordeon-oge summary::-webkit-details-marker { display: none; }
.kut-akordeon-icerik { padding: 0 1rem 1rem; color: #64748b; font-size: 0.92rem; line-height: 1.55; }

/* Gezinti yolu */
.kut-gezinti-yolu { margin-bottom: var(--kut-boyut-bosluk-md); font-size: 0.88rem; }
.kut-gezinti-yolu ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.kut-gezinti-yolu-baglantisi { color: var(--kut-renkler-birincil); text-decoration: none; }
.kut-gezinti-yolu-baglantisi:hover { text-decoration: underline; }
.kut-gezinti-yolu-ayirici { color: #94a3b8; }

/* Tasarım atomları */
.kut-rozet {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
}
.kut-rozet-birincil { background: var(--kut-renkler-birincil-soft); color: var(--kut-renkler-birincil); }
.kut-rozet-basari { background: #dcfce7; color: #166534; }
.kut-rozet-uyari { background: #fef3c7; color: #92400e; }
.kut-rozet-hata { background: #fee2e2; color: #991b1b; }
.kut-rozet-notr { background: #f1f5f9; color: #475569; }
.kut-etiket {
  display: inline-flex;
  padding: 0.2rem 0.55rem;
  border-radius: var(--kut-radius-sm);
  font-size: 0.82rem;
  background: color-mix(in srgb, var(--kut-etiket-renk, var(--kut-renkler-birincil)) 12%, transparent);
  color: var(--kut-etiket-renk, var(--kut-renkler-birincil));
  border: 1px solid color-mix(in srgb, var(--kut-etiket-renk, var(--kut-renkler-birincil)) 25%, transparent);
}
.kut-ayirici { border: none; border-top: 1px solid rgba(148, 163, 184, 0.35); margin: var(--kut-boyut-bosluk-lg) 0; }
.kut-ayirici span { display: block; text-align: center; font-size: 0.82rem; color: #64748b; background: var(--kut-renkler-arkaplan); width: fit-content; margin: -0.65rem auto 0; padding: 0 0.75rem; }
.kut-bosluk-dikey.kut-bosluk-4 { height: 1rem; }
.kut-bosluk-dikey.kut-bosluk-6 { height: 1.5rem; }
.kut-bosluk-dikey.kut-bosluk-8 { height: 2rem; }
.kut-bosluk-yatay.kut-bosluk-4 { width: 1rem; display: inline-block; }
.kut-istatistik-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--kut-boyut-bosluk-md); margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-istatistik-kart {
  background: var(--kut-renkler-yuzey);
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: var(--kut-radius-lg);
  padding: var(--kut-boyut-bosluk-md);
  box-shadow: var(--kut-shadow-sm);
}
.kut-istatistik-simge { font-size: 1.35rem; display: block; margin-bottom: 0.35rem; }
.kut-istatistik-etiket { margin: 0; font-size: 0.82rem; color: #64748b; }
.kut-istatistik-deger { margin: 0.25rem 0 0; font-size: 1.65rem; font-weight: 700; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.kut-istatistik-degisim { font-size: 0.82rem; font-weight: 600; }
.kut-istatistik-artis { color: #16a34a; }
.kut-istatistik-dusus { color: #dc2626; }

/* Bildirim / toast */
.kut-bildirim-kok {
  position: fixed;
  z-index: 10050;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  pointer-events: none;
  max-width: min(92vw, 360px);
}
.kut-bildirim-sag-alt { right: 1rem; bottom: 1rem; }
.kut-bildirim-sol-alt { left: 1rem; bottom: 1rem; }
.kut-bildirim-ust { top: 1rem; left: 50%; transform: translateX(-50%); }
.kut-bildirim {
  padding: 0.75rem 1rem;
  border-radius: var(--kut-radius-md);
  box-shadow: var(--kut-shadow-md);
  font-size: 0.9rem;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: auto;
}
.kut-bildirim-goster { opacity: 1; transform: translateY(0); }
.kut-bildirim-bilgi { background: #e0f2fe; color: #0c4a6e; border: 1px solid #bae6fd; }
.kut-bildirim-basari { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.kut-bildirim-uyari { background: #fef9c3; color: #854d0e; border: 1px solid #fde68a; }
.kut-bildirim-hata { background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }

/* Boş durum */
.kut-bos-durum {
  text-align: center;
  padding: var(--kut-boyut-bosluk-xl) var(--kut-boyut-bosluk-md);
  color: #64748b;
}
.kut-bos-durum-simge { font-size: 2.5rem; display: block; margin-bottom: 0.75rem; }
.kut-bos-durum-baslik { margin: 0 0 0.35rem; color: var(--kut-renkler-metin); font-size: 1.1rem; }
.kut-bos-durum-aciklama { margin: 0 0 1rem; font-size: 0.92rem; }

/* Form gelişmiş */
.kut-form-hata { display: block; font-size: 0.78rem; color: #dc2626; margin-top: 0.25rem; }
.kut-form-grubu { border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-lg); padding: var(--kut-boyut-bosluk-md); margin-bottom: var(--kut-boyut-bosluk-md); }
.kut-form-grubu-baslik { font-weight: 600; font-size: 1rem; padding: 0 0.25rem; }
.kut-form-grubu-aciklama { font-size: 0.88rem; color: #64748b; margin: 0.25rem 0 0.75rem; }
.kut-form-grubu-icerik { display: flex; flex-direction: column; gap: 0.75rem; }
.kut-anahtar { display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; }
.kut-anahtar-girdi { position: absolute; opacity: 0; width: 0; height: 0; }
.kut-anahtar-kaydirici {
  width: 2.5rem; height: 1.35rem; background: #cbd5e1; border-radius: 999px; position: relative; transition: background 0.2s;
}
.kut-anahtar-kaydirici::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 1.1rem; height: 1.1rem; background: #fff; border-radius: 50%; transition: transform 0.2s;
}
.kut-anahtar-girdi:checked + .kut-anahtar-kaydirici { background: var(--kut-renkler-birincil); }
.kut-anahtar-girdi:checked + .kut-anahtar-kaydirici::after { transform: translateX(1.1rem); }
.kut-kaydirici-girdi { width: 100%; accent-color: var(--kut-renkler-birincil); }
.kut-kaydirici-deger { font-weight: 600; color: var(--kut-renkler-birincil); }
.kut-arama { display: block; }
.kut-arama-girdi { width: 100%; }

/* Açılır menü */
.kut-acilir-menu { position: relative; display: inline-block; }
.kut-acilir-menu-tetik {
  border: 1px solid rgba(148,163,184,0.4); background: var(--kut-renkler-yuzey); border-radius: var(--kut-radius-sm);
  padding: 0.5rem 0.85rem; font: inherit; cursor: pointer;
}
.kut-acilir-menu-panel {
  position: absolute; top: calc(100% + 4px); left: 0; min-width: 100%; z-index: 40;
  background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md);
  box-shadow: var(--kut-shadow-md); padding: 0.35rem; display: flex; flex-direction: column;
}
.kut-acilir-menu-panel[hidden] { display: none !important; }
.kut-acilir-menu-oge {
  border: none; background: transparent; text-align: left; padding: 0.45rem 0.65rem; font: inherit; cursor: pointer; border-radius: 4px;
}
.kut-acilir-menu-oge:hover { background: var(--kut-renkler-yuzey-2); }

/* Çekmece */
.kut-cekmece { position: fixed; inset: 0; z-index: 10040; pointer-events: none; visibility: hidden; }
.kut-cekmece-acik { pointer-events: auto; visibility: visible; }
.kut-cekmece-perde { position: absolute; inset: 0; background: rgba(15,23,42,0.45); opacity: 0; transition: opacity 0.25s; }
.kut-cekmece-acik .kut-cekmece-perde { opacity: 1; }
.kut-cekmece-panel {
  position: absolute; top: 0; bottom: 0; width: min(92vw, 380px); background: var(--kut-renkler-yuzey);
  box-shadow: var(--kut-shadow-md); display: flex; flex-direction: column; transition: transform 0.28s ease;
}
.kut-cekmece-sag .kut-cekmece-panel { right: 0; transform: translateX(100%); }
.kut-cekmece-sol .kut-cekmece-panel { left: 0; transform: translateX(-100%); }
.kut-cekmece-acik .kut-cekmece-panel { transform: translateX(0); }
.kut-cekmece-baslik { display: flex; justify-content: space-between; align-items: center; padding: 1rem; border-bottom: 1px solid rgba(148,163,184,0.3); }
.kut-cekmece-baslik h2 { margin: 0; font-size: 1.1rem; }
.kut-cekmece-kapat { border: none; background: transparent; font-size: 1.5rem; cursor: pointer; line-height: 1; }
.kut-cekmece-icerik { padding: 1rem; overflow: auto; flex: 1; }
body.kut-cekmece-kilit { overflow: hidden; }

/* Sayfalama */
.kut-sayfalama { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: var(--kut-boyut-bosluk-md); }
.kut-sayfalama-dugme {
  border: 1px solid rgba(148,163,184,0.4); background: var(--kut-renkler-yuzey); border-radius: var(--kut-radius-sm);
  width: 2rem; height: 2rem; cursor: pointer; font-size: 1.1rem;
}
.kut-sayfalama-dugme:disabled { opacity: 0.4; cursor: not-allowed; }
.kut-sayfalama-ozet { font-size: 0.88rem; color: #64748b; min-width: 4rem; text-align: center; }
.kut-crud-arama { flex: 1; min-width: 10rem; }
.kut-crud-ust-aksiyon { align-items: center; flex-wrap: wrap; }

/* Avatar & ilerleme */
.kut-avatar {
  display: inline-flex; align-items: center; justify-content: center; border-radius: 50%;
  background: var(--kut-renkler-birincil-soft); color: var(--kut-renkler-birincil); font-weight: 700; overflow: hidden;
}
.kut-avatar-kucuk { width: 2rem; height: 2rem; font-size: 0.75rem; }
.kut-avatar-orta { width: 2.75rem; height: 2.75rem; font-size: 0.95rem; }
.kut-avatar-buyuk { width: 4rem; height: 4rem; font-size: 1.25rem; }
.kut-avatar-resim { width: 100%; height: 100%; object-fit: cover; }
.kut-ilerleme {
  position: relative; height: 0.65rem; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-bottom: 0.5rem;
}
.kut-ilerleme-cubuk { height: 100%; background: var(--kut-renkler-birincil); border-radius: 999px; transition: width 0.3s; }
.kut-ilerleme-etiket { position: absolute; right: 0; top: -1.35rem; font-size: 0.75rem; color: #64748b; }

/* Grafik */
.kut-grafik { margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-grafik-baslik { font-weight: 600; margin-bottom: 0.75rem; font-size: 0.95rem; }
.kut-grafik-cubuklar { display: flex; align-items: flex-end; gap: 0.5rem; height: 140px; padding-top: 0.5rem; }
.kut-grafik-cubuk-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
.kut-grafik-cubuk { width: 100%; max-width: 48px; background: var(--kut-renkler-birincil); border-radius: 6px 6px 0 0; min-height: 4px; }
.kut-grafik-etiket { font-size: 0.72rem; color: #64748b; margin-top: 0.35rem; }
.kut-grafik-svg { width: 100%; height: 120px; }

/* Veri tablosu */
.kut-veri-tablo-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; }
.kut-veri-tablo-arama { flex: 1; min-width: 12rem; }
.kut-veri-tablo-wrap { overflow-x: auto; }
.kut-veri-tablo-grid { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.kut-veri-tablo-grid th, .kut-veri-tablo-grid td { padding: 0.65rem 0.75rem; border-bottom: 1px solid rgba(148,163,184,0.25); text-align: left; }
.kut-veri-tablo-grid th { font-weight: 600; background: var(--kut-renkler-yuzey-2); }

/* Gelişmiş veri tablosu (kut-vt) */
.kut-vt { display: flex; flex-direction: column; gap: 0.75rem; }
.kut-vt-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.75rem; }
.kut-vt-araclar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.kut-vt-genel-arama { flex: 1; min-width: 12rem; }
.kut-vt-genel-arama input { width: 100%; }
.kut-vt-sarmal { overflow-x: auto; border-radius: var(--kut-radius-md); border: 1px solid rgba(148,163,184,0.25); }
.kut-vt-tablo { width: 100%; border-collapse: collapse; font-size: 0.9rem; table-layout: fixed; }
.kut-vt-tablo th, .kut-vt-tablo td { padding: 0.55rem 0.65rem; border-bottom: 1px solid rgba(148,163,184,0.2); text-align: left; vertical-align: middle; }
.kut-vt-tablo th { font-weight: 600; background: var(--kut-renkler-yuzey-2); position: relative; user-select: none; }
.kut-vt-sutun-baslik { cursor: pointer; }
.kut-vt-sutun-baslik:hover { background: rgba(59,130,246,0.06); }
.kut-vt-boyut-ayrac { position: absolute; right: 0; top: 0; bottom: 0; width: 6px; cursor: col-resize; }
.kut-vt-boyut-ayrac:hover { background: rgba(59,130,246,0.25); }
.kut-vt-sutun-ara-satiri th { padding: 0.35rem 0.45rem; background: var(--kut-renkler-yuzey); }
.kut-vt-sutun-ara-girdi { width: 100%; font-size: 0.82rem; padding: 0.35rem 0.45rem; }
.kut-vt-secim-kolon, .kut-vt-genislet-kolon { width: 2.5rem; text-align: center; }
.kut-vt-genislet-dugme { background: none; border: none; cursor: pointer; padding: 0.15rem 0.35rem; font-size: 0.85rem; color: #64748b; border-radius: 4px; }
.kut-vt-genislet-dugme:hover { background: rgba(148,163,184,0.15); color: var(--kut-renkler-birincil); }
.kut-vt-satir-kompakt td, .kut-vt-satir-kompakt th { padding: 0.3rem 0.5rem; font-size: 0.82rem; }
.kut-vt-satir-normal td { padding: 0.55rem 0.65rem; }
.kut-vt-satir-rahat td, .kut-vt-satir-rahat th { padding: 0.85rem 0.75rem; font-size: 0.95rem; }
.kut-vt-hucre[data-kut-vt-duzenlenebilir] { cursor: text; }
.kut-vt-hucre-input { width: 100%; font-size: inherit; padding: 0.25rem 0.35rem; }
.kut-vt-detay-satiri td { background: var(--kut-renkler-yuzey-2); padding: 0.75rem 1rem !important; }
.kut-vt-detay-icerik { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.kut-vt-detay-metin { margin: 0; flex: 1; min-width: 12rem; color: #475569; font-size: 0.88rem; line-height: 1.5; }
.kut-vt-detay-aksiyonlar { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.kut-vt-grup-baslik td { background: rgba(59,130,246,0.08); font-weight: 600; padding: 0.45rem 0.65rem !important; }
.kut-vt-grup-dugme { background: none; border: none; cursor: pointer; font: inherit; font-weight: 600; color: var(--kut-renkler-birincil); padding: 0; }
.kut-vt-bos td { text-align: center; color: #94a3b8; padding: 1.5rem !important; }
.kut-vt-sayfalama { margin-top: 0.25rem; }
.kut-vt-ayar-panel { font-size: 0.85rem; border: 1px solid rgba(148,163,184,0.3); border-radius: var(--kut-radius-md); padding: 0.35rem 0.65rem; background: var(--kut-renkler-yuzey-2); }
.kut-vt-ayar-panel summary { cursor: pointer; font-weight: 600; color: #64748b; }
.kut-vt-ayar-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); gap: 0.35rem 0.75rem; margin-top: 0.65rem; padding-bottom: 0.35rem; }
.kut-vt-ayar-grid label { display: flex; align-items: center; gap: 0.35rem; cursor: pointer; }
.kut-vt-sag-tik-panel {
  position: fixed; z-index: 100; min-width: 10rem; margin: 0; padding: 0.35rem 0;
  background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35);
  border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); list-style: none;
}
.kut-vt-sag-tik-panel[hidden] { display: none !important; }
.kut-vt-sag-tik-oge { display: block; width: 100%; text-align: left; background: none; border: none; padding: 0.45rem 0.75rem; font: inherit; cursor: pointer; }
.kut-vt-sag-tik-oge:hover { background: rgba(59,130,246,0.08); }
.kut-vt-sag-tik-tehlike { color: #dc2626; }
.kut-vt-sag-tik-tehlike:hover { background: rgba(220,38,38,0.08); }
.kut-vt-veri-satiri:hover { background: rgba(59,130,246,0.04); }
.kut-vt-veri-satiri[data-kut-vt-secili] { background: rgba(59,130,246,0.1); }

/* Gelişmiş form & dashboard bileşenleri (genislet2) */
.kut-at { position: relative; }
.kut-at-girdi-sarmal { position: relative; display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
.kut-at-girdi { flex: 1; min-width: 10rem; }
.kut-at-liste { position: absolute; z-index: 50; left: 0; right: 0; top: calc(100% + 4px); margin: 0; padding: 0.35rem 0; list-style: none; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); max-height: 14rem; overflow-y: auto; }
.kut-at-liste[hidden] { display: none !important; }
.kut-at-oge { padding: 0.45rem 0.75rem; cursor: pointer; font-size: 0.88rem; }
.kut-at-oge:hover, .kut-at-oge-aktif { background: rgba(59,130,246,0.08); }
.kut-at-temizle { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #94a3b8; padding: 0 0.35rem; }
.kut-at-yukleniyor { font-size: 0.85rem; color: #64748b; animation: kut-at-pulse 1s infinite; }
.kut-at-chipler, .kut-at-chip { display: inline-flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }
.kut-at-chip { background: rgba(99,102,241,0.12); color: var(--kut-renkler-birincil); padding: 0.15rem 0.45rem; border-radius: 999px; font-size: 0.82rem; }
.kut-at-chip button { background: none; border: none; cursor: pointer; }
@keyframes kut-at-pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.kut-etiket-giris { display: flex; flex-direction: column; gap: 0.35rem; }
.kut-etiket-alan { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; padding: 0.35rem 0.5rem; border: 1px solid rgba(148,163,184,0.45); border-radius: var(--kut-radius-md); background: var(--kut-renkler-yuzey); min-height: 2.5rem; }
.kut-etiket-alan:focus-within { outline: 2px solid var(--kut-renkler-birincil-soft); border-color: var(--kut-renkler-birincil); }
.kut-etiket-girdi { border: none; outline: none; flex: 1; min-width: 8rem; background: transparent; font: inherit; }
.kut-etiket-chip { display: inline-flex; align-items: center; gap: 0.2rem; background: rgba(99,102,241,0.12); color: var(--kut-renkler-birincil); padding: 0.2rem 0.5rem; border-radius: 999px; font-size: 0.82rem; }
.kut-etiket-chip button { background: none; border: none; cursor: pointer; }
.kut-tarih-araligi { border: none; padding: 0; }
.kut-tarih-araligi-satir { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.kut-tarih-araligi-ayrac { color: #94a3b8; }
.kut-sayi-giris-satir { display: inline-flex; align-items: stretch; border: 1px solid rgba(148,163,184,0.45); border-radius: var(--kut-radius-md); overflow: hidden; }
.kut-sayi-adim { background: var(--kut-renkler-yuzey-2); border: none; padding: 0 0.75rem; cursor: pointer; font-size: 1.1rem; }
.kut-sayi-adim:hover { background: rgba(59,130,246,0.1); }
.kut-sayi-girdi { border: none; width: 5rem; text-align: center; }
.kut-segmented { display: flex; flex-direction: column; gap: 0.35rem; }
.kut-segment-grup { display: inline-flex; padding: 0.2rem; background: var(--kut-renkler-yuzey-2); border-radius: var(--kut-radius-md); gap: 0.15rem; }
.kut-segment-dugme { border: none; background: transparent; padding: 0.4rem 0.85rem; border-radius: calc(var(--kut-radius-md) - 2px); cursor: pointer; font: inherit; font-size: 0.88rem; color: #64748b; }
.kut-segment-dugme.kut-segment-aktif { background: var(--kut-renkler-yuzey); color: var(--kut-renkler-birincil); box-shadow: var(--kut-shadow-sm); font-weight: 600; }
.kut-agac-secim-panel { border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); padding: 0.5rem; max-height: 16rem; overflow-y: auto; }
.kut-agac-secim-dugme { background: none; border: none; cursor: pointer; padding: 0.25rem 0.35rem; font: inherit; border-radius: 4px; }
.kut-agac-secim-dugme:hover, .kut-agac-secim-secili { background: rgba(59,130,246,0.12); color: var(--kut-renkler-birincil); font-weight: 600; }
.kut-galeri-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.5rem; }
.kut-galeri-oge { border: none; padding: 0; cursor: pointer; border-radius: var(--kut-radius-md); overflow: hidden; aspect-ratio: 1; }
.kut-galeri-oge img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.2s; }
.kut-galeri-oge:hover img { transform: scale(1.05); }
.kut-galeri-lightbox { border: none; padding: 0; max-width: min(96vw, 900px); background: transparent; }
.kut-galeri-lightbox::backdrop { background: rgba(15,23,42,0.85); }
.kut-galeri-lightbox[open] { display: flex; align-items: center; justify-content: center; position: fixed; inset: 0; margin: auto; }
.kut-galeri-buyuk { max-width: 100%; max-height: 80vh; border-radius: var(--kut-radius-lg); }
.kut-galeri-kapat, .kut-galeri-onceki, .kut-galeri-sonraki { position: fixed; background: rgba(255,255,255,0.15); color: #fff; border: none; border-radius: 999px; width: 2.5rem; height: 2.5rem; cursor: pointer; font-size: 1.25rem; z-index: 2; }
.kut-galeri-kapat { top: 1rem; right: 1rem; }
.kut-galeri-onceki { left: 1rem; top: 50%; transform: translateY(-50%); }
.kut-galeri-sonraki { right: 1rem; top: 50%; transform: translateY(-50%); }
.kut-fab { position: fixed; z-index: 60; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 999px; background: var(--kut-renkler-birincil); color: #fff; text-decoration: none; box-shadow: var(--kut-shadow-lg); font-size: 1.5rem; }
.kut-fab-sag-alt { right: 1.25rem; bottom: 1.25rem; }
.kut-sayfa-baslik { margin-bottom: var(--kut-boyut-bosluk-lg); }
.kut-sb-breadcrumb { display: flex; flex-wrap: wrap; gap: 0.35rem; font-size: 0.85rem; margin-bottom: 0.5rem; }
.kut-sb-crumb { color: #64748b; text-decoration: none; }
.kut-sb-crumb-aktif { color: var(--kut-renkler-yazi); font-weight: 600; }
.kut-sb-govde { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.kut-sb-baslik { margin: 0; font-size: 1.75rem; }
.kut-sb-alt { margin: 0.35rem 0 0; color: #64748b; }
.kut-capa { position: sticky; top: 0.5rem; display: flex; flex-direction: column; gap: 0.25rem; padding: 0.65rem; background: var(--kut-renkler-yuzey); border-radius: var(--kut-radius-md); border: 1px solid rgba(148,163,184,0.25); font-size: 0.85rem; }
.kut-capa-oge { color: #64748b; text-decoration: none; padding: 0.25rem 0.35rem; border-radius: 4px; }
.kut-capa-oge.kut-capa-aktif, .kut-capa-oge:hover { color: var(--kut-renkler-birincil); background: rgba(59,130,246,0.08); }
.kut-tur-panel { position: fixed; z-index: 200; bottom: 1.5rem; right: 1.5rem; max-width: min(92vw, 360px); background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-lg); box-shadow: var(--kut-shadow-lg); padding: 1rem; }
.kut-tur-panel[hidden] { display: none !important; }
.kut-tur-nav { display: flex; gap: 0.35rem; margin-top: 0.75rem; }
.kut-bildirim-merkezi { border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-lg); overflow: hidden; }
.kut-bm-ust { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; background: var(--kut-renkler-yuzey-2); }
.kut-bm-baslik { margin: 0; font-size: 1rem; }
.kut-bm-tumunu-oku { background: none; border: none; color: var(--kut-renkler-birincil); cursor: pointer; font-size: 0.82rem; }
.kut-bm-liste { list-style: none; margin: 0; padding: 0; }
.kut-bm-oge { padding: 0.75rem 1rem; border-bottom: 1px solid rgba(148,163,184,0.2); display: flex; justify-content: space-between; gap: 0.75rem; }
.kut-bm-oge:not(.kut-bm-okundu) { background: rgba(59,130,246,0.04); font-weight: 500; }
.kut-bm-zaman { font-size: 0.78rem; color: #94a3b8; white-space: nowrap; }
.kut-yorum { margin-top: var(--kut-boyut-bosluk-lg); }
.kut-yorum-oge { padding: 0.75rem 0; border-bottom: 1px solid rgba(148,163,184,0.2); }
.kut-yorum-ust { display: flex; justify-content: space-between; font-size: 0.85rem; margin-bottom: 0.35rem; }
.kut-yorum-form { margin-top: 1rem; display: flex; flex-direction: column; gap: 0.5rem; align-items: flex-start; }
.kut-geri-sayim { text-align: center; padding: 1rem; background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.08)); border-radius: var(--kut-radius-lg); }
.kut-gs-baslik { margin: 0 0 0.75rem; }
.kut-gs-rakamlar { display: flex; justify-content: center; gap: 0.75rem; flex-wrap: wrap; }
.kut-gs-kutu { display: flex; flex-direction: column; min-width: 4rem; padding: 0.65rem; background: var(--kut-renkler-yuzey); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-sm); }
.kut-gs-kutu b { font-size: 1.5rem; color: var(--kut-renkler-birincil); }
.kut-gs-kutu small { font-size: 0.72rem; color: #64748b; }
.kut-aralik-kaydirici { display: flex; flex-direction: column; gap: 0.5rem; }
.kut-aralik-iz { position: relative; height: 2rem; }
.kut-aralik-girdi { position: absolute; width: 100%; pointer-events: none; appearance: none; background: transparent; top: 0.65rem; }
.kut-aralik-girdi::-webkit-slider-thumb { pointer-events: all; appearance: none; width: 1.1rem; height: 1.1rem; border-radius: 999px; background: var(--kut-renkler-birincil); cursor: pointer; border: 2px solid #fff; box-shadow: var(--kut-shadow-sm); }
.kut-aralik-dolgu { position: absolute; top: 0.85rem; height: 0.35rem; background: var(--kut-renkler-birincil); border-radius: 999px; pointer-events: none; }
.kut-aralik-ozet { font-size: 0.88rem; color: #64748b; }
.kut-bolunmus-panel { display: flex; min-height: 12rem; border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); overflow: hidden; }
.kut-split-sol { flex: 0 0 var(--kut-split, 50%); padding: 1rem; overflow: auto; background: var(--kut-renkler-yuzey-2); }
.kut-split-sag { flex: 1; padding: 1rem; overflow: auto; }
.kut-split-ayrac { width: 6px; cursor: col-resize; background: rgba(148,163,184,0.35); flex-shrink: 0; }
.kut-split-ayrac:hover { background: var(--kut-renkler-birincil); }
.kut-form-sihirbazi { border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-lg); padding: 1rem; }
.kut-fs-adimlar { display: flex; gap: 0.5rem; list-style: none; margin: 0 0 1rem; padding: 0; flex-wrap: wrap; }
.kut-fs-adim { padding: 0.35rem 0.75rem; border-radius: 999px; background: var(--kut-renkler-yuzey-2); font-size: 0.85rem; color: #64748b; }
.kut-fs-adim-aktif { background: var(--kut-renkler-birincil); color: #fff; font-weight: 600; }
.kut-fs-panel { display: none; }
.kut-fs-panel-aktif { display: block; }
.kut-fs-nav { display: flex; justify-content: space-between; margin-top: 1rem; }
.kut-qr { text-align: center; }
.kut-qr-canvas { border-radius: var(--kut-radius-md); border: 1px solid rgba(148,163,184,0.25); }
.kut-qr-metin { font-size: 0.78rem; color: #64748b; margin-top: 0.35rem; word-break: break-all; }
.kut-filigran { position: relative; overflow: hidden; }
.kut-filigran-arkaplan { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 4rem; font-weight: 800; color: rgba(148,163,184,0.12); transform: rotate(-24deg); pointer-events: none; user-select: none; white-space: nowrap; }
.kut-filigran-icerik { position: relative; z-index: 1; }
.kut-bahset { position: relative; }
.kut-bahset-liste { position: absolute; z-index: 40; left: 0; right: 0; top: calc(100% + 2px); margin: 0; padding: 0.25rem 0; list-style: none; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); }
.kut-bahset-liste[hidden] { display: none !important; }
.kut-bahset-oge { padding: 0.4rem 0.65rem; cursor: pointer; font-size: 0.88rem; }
.kut-bahset-oge:hover { background: rgba(59,130,246,0.08); }
.kut-masonry { columns: var(--kut-masonry-sutun, 3); column-gap: 1rem; }
.kut-masonry > * { break-inside: avoid; margin-bottom: 1rem; }
.kut-zengin-metin { display: flex; flex-direction: column; gap: 0.35rem; }
.kut-zm-araclar { display: flex; gap: 0.25rem; padding: 0.35rem; background: var(--kut-renkler-yuzey-2); border-radius: var(--kut-radius-md) var(--kut-radius-md) 0 0; border: 1px solid rgba(148,163,184,0.35); border-bottom: none; }
.kut-zm-dugme { background: none; border: none; padding: 0.25rem 0.5rem; cursor: pointer; border-radius: 4px; }
.kut-zm-dugme:hover { background: rgba(59,130,246,0.1); }
.kut-zm-alan { min-height: 6rem; border-radius: 0 0 var(--kut-radius-md) var(--kut-radius-md); }
.kut-kod-blogu { position: relative; margin: 0; background: #0f172a; border-radius: var(--kut-radius-lg); overflow: hidden; }
.kut-kod-dil { padding: 0.35rem 0.75rem; font-size: 0.75rem; color: #94a3b8; background: rgba(255,255,255,0.05); }
.kut-kod-icerik { display: block; padding: 1rem; color: #e2e8f0; font-family: ui-monospace, monospace; font-size: 0.85rem; overflow-x: auto; margin: 0; }
.kut-kod-kopyala { position: absolute; top: 0.35rem; right: 0.35rem; background: rgba(255,255,255,0.1); color: #fff; border: none; padding: 0.25rem 0.5rem; border-radius: 4px; cursor: pointer; font-size: 0.75rem; }
.kut-harita-cerceve { width: 100%; border: none; border-radius: var(--kut-radius-lg); }
.kut-video-oynatici, .kut-ses-oynatici { width: 100%; border-radius: var(--kut-radius-md); }

.kut-ipucu { position: relative; border-bottom: 1px dotted #94a3b8; cursor: help; }
.kut-ipucu-balon {
  position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%);
  background: #1e293b; color: #fff; padding: 0.35rem 0.55rem; border-radius: 6px; font-size: 0.78rem;
  white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.15s; z-index: 30;
}
.kut-ipucu:hover .kut-ipucu-balon, .kut-ipucu:focus .kut-ipucu-balon { opacity: 1; }

/* Genişletilmiş bileşenler — MUI / Ant / shadcn karşılıkları */
.kut-cok-satir-alan { min-height: 5rem; resize: vertical; }
.kut-radyo-grup { border: none; display: flex; flex-direction: column; gap: 0.35rem; }
.kut-radyo-oge { display: inline-flex; align-items: center; gap: 0.35rem; cursor: pointer; }
.kut-onay-kutusu { border: none; border-radius: var(--kut-radius-lg); padding: 0; max-width: min(92vw, 420px); }
.kut-onay-kutusu::backdrop { background: rgba(15,23,42,0.45); }
.kut-onay-kutusu-icerik { padding: 1.25rem; }
.kut-onay-kutusu-baslik { margin: 0 0 0.5rem; font-size: 1.1rem; }
.kut-onay-kutusu-aksiyon { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem; }
.kut-popover { position: relative; display: inline-block; }
.kut-popover-panel { position: absolute; top: calc(100% + 4px); left: 0; z-index: 45; min-width: 10rem; padding: 0.65rem; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); font-size: 0.88rem; }
.kut-popover-panel[hidden] { display: none !important; }
.kut-hover-kart { position: relative; display: inline-block; }
.kut-hover-kart-panel { position: absolute; bottom: calc(100% + 6px); left: 0; z-index: 40; min-width: 12rem; padding: 0.65rem; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); opacity: 0; pointer-events: none; transition: opacity 0.15s; display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.85rem; }
.kut-hover-kart:hover .kut-hover-kart-panel, .kut-hover-kart:focus .kut-hover-kart-panel { opacity: 1; }
.kut-karusel { position: relative; overflow: hidden; border-radius: var(--kut-radius-lg); background: var(--kut-renkler-yuzey-2); }
.kut-karusel-iz { display: flex; transition: transform 0.35s ease; }
.kut-karusel-slayt { flex: 0 0 100%; min-height: 200px; display: none; padding: 1rem; }
.kut-karusel-slayt-aktif { display: block; }
.kut-karusel-resim { width: 100%; max-height: 220px; object-fit: cover; border-radius: var(--kut-radius-md); }
.kut-karusel-onceki, .kut-karusel-sonraki { position: absolute; top: 50%; transform: translateY(-50%); border: none; background: rgba(15,23,42,0.55); color: #fff; width: 2rem; height: 2rem; border-radius: 50%; cursor: pointer; }
.kut-karusel-onceki { left: 0.5rem; } .kut-karusel-sonraki { right: 0.5rem; }
.kut-komut-paleti { border: none; border-radius: var(--kut-radius-lg); padding: 0; max-width: min(92vw, 520px); width: 100%; }
.kut-komut-paleti::backdrop { background: rgba(15,23,42,0.4); }
.kut-komut-ara { width: 100%; border: none; border-bottom: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-lg) var(--kut-radius-lg) 0 0; }
.kut-komut-liste { max-height: 280px; overflow: auto; padding: 0.35rem; }
.kut-komut-oge { display: flex; justify-content: space-between; width: 100%; border: none; background: transparent; text-align: left; padding: 0.55rem 0.75rem; font: inherit; cursor: pointer; border-radius: 6px; }
.kut-komut-oge:hover, .kut-komut-oge.kut-komut-secili { background: var(--kut-renkler-yuzey-2); }
.kut-combobox { display: block; }
.kut-sag-tik-kapsayici { position: relative; }
.kut-sag-tik-panel { position: fixed; z-index: 10060; list-style: none; margin: 0; padding: 0.35rem; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-md); min-width: 160px; }
.kut-sag-tik-panel[hidden] { display: none !important; }
.kut-sag-tik-oge { display: block; width: 100%; border: none; background: transparent; text-align: left; padding: 0.45rem 0.65rem; font: inherit; cursor: pointer; border-radius: 4px; }
.kut-sag-tik-oge:hover { background: var(--kut-renkler-yuzey-2); }
.kut-takvim { background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); padding: 0.75rem; max-width: 320px; }
.kut-takvim-baslik { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; font-weight: 600; }
.kut-takvim-baslik button { border: none; background: transparent; cursor: pointer; font-size: 1.1rem; }
.kut-takvim-gun-adlari { display: grid; grid-template-columns: repeat(7, 1fr); font-size: 0.72rem; color: #64748b; text-align: center; margin-bottom: 0.25rem; }
.kut-takvim-hucreler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.kut-takvim-gun { border: none; background: transparent; padding: 0.35rem; border-radius: 6px; cursor: pointer; font: inherit; font-size: 0.82rem; }
.kut-takvim-gun:hover { background: var(--kut-renkler-yuzey-2); }
.kut-takvim-gun-secili { background: var(--kut-renkler-birincil); color: #fff; }
.kut-takvim-gun-bos { visibility: hidden; }
.kut-tarih-picker { position: relative; display: block; }
.kut-tarih-picker-takvim { position: absolute; top: calc(100% + 4px); left: 0; z-index: 50; }
.kut-otp { display: flex; gap: 0.35rem; }
.kut-otp-hucre { width: 2.25rem; height: 2.5rem; text-align: center; font-size: 1.1rem; border: 1px solid rgba(148,163,184,0.45); border-radius: var(--kut-radius-sm); }
.kut-menu-cubugu { display: flex; gap: 0.25rem; padding: 0.35rem; background: var(--kut-renkler-yuzey-2); border-radius: var(--kut-radius-sm); }
.kut-menu-cubugu-grup { position: relative; }
.kut-menu-cubugu-tetik { border: none; background: transparent; padding: 0.35rem 0.65rem; font: inherit; cursor: pointer; border-radius: 4px; }
.kut-menu-cubugu-tetik:hover { background: var(--kut-renkler-yuzey); }
.kut-menu-cubugu-panel { position: absolute; top: 100%; left: 0; z-index: 40; min-width: 140px; background: var(--kut-renkler-yuzey); border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); box-shadow: var(--kut-shadow-sm); padding: 0.25rem; }
.kut-menu-cubugu-panel[hidden] { display: none !important; }
.kut-menu-cubugu-alt { display: block; width: 100%; border: none; background: transparent; text-align: left; padding: 0.4rem 0.55rem; font: inherit; cursor: pointer; border-radius: 4px; }
.kut-nav-menu-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.kut-nav-menu-baglantisi { text-decoration: none; color: var(--kut-renkler-metin); font-weight: 500; padding: 0.35rem 0.65rem; border-radius: var(--kut-radius-sm); }
.kut-nav-menu-baglantisi:hover { background: var(--kut-renkler-yuzey-2); }
.kut-yeniden-boyut { display: flex; min-height: 160px; border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); overflow: hidden; }
.kut-yeniden-boyut-sol, .kut-yeniden-boyut-sag { flex: 1; padding: 0.75rem; overflow: auto; }
.kut-yeniden-boyut-ayrac { width: 6px; cursor: col-resize; background: rgba(148,163,184,0.25); }
.kut-kaydirma-alani { overflow: auto; border: 1px solid rgba(148,163,184,0.25); border-radius: var(--kut-radius-md); }
.kut-yan-cubuk {
  --kut-yc-genislik: 260px;
  --kut-yc-dar: 72px;
  --kut-yc-genis: 320px;
  position: relative;
  width: var(--kut-yc-genislik);
  min-height: 100%;
  background: var(--kut-renkler-yuzey-2);
  border-right: 1px solid rgba(148,163,184,0.3);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  transition: width 0.25s ease, transform 0.25s ease;
  z-index: 40;
}
.kut-yan-cubuk-sag { border-right: none; border-left: 1px solid rgba(148,163,184,0.3); }
.kut-yan-cubuk-sag .kut-yc-panel { margin-left: auto; }
.kut-yan-cubuk[data-kut-yc-sabit="1"] { position: sticky; top: 0; align-self: flex-start; max-height: 100vh; }
.kut-yc-panel { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: inherit; overflow: hidden; }
.kut-yan-cubuk-daraltildi { width: var(--kut-yc-dar); }
.kut-yan-cubuk-genisletildi { width: var(--kut-yc-genis); }
.kut-yan-cubuk-kapali { width: 0 !important; min-width: 0; border: none; overflow: visible; }
.kut-yan-cubuk-kapali .kut-yc-panel { opacity: 0; pointer-events: none; }
.kut-yc-baslik {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem;
  padding: 0.75rem; font-weight: 600; border-bottom: 1px solid rgba(148,163,184,0.25);
  background: var(--kut-renkler-yuzey);
}
.kut-yc-baslik-sol { display: flex; align-items: center; gap: 0.5rem; flex: 1; min-width: 0; }
.kut-yc-baslik-metin { display: flex; flex-direction: column; min-width: 0; }
.kut-yc-baslik-ana { font-size: 0.95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kut-yc-alt-baslik { font-size: 0.75rem; font-weight: 400; color: #64748b; }
.kut-yc-logo { font-size: 1.25rem; line-height: 1; flex-shrink: 0; }
.kut-yc-baslik-dugmeler, .kut-yc-baslik-kontrol { display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; }
.kut-yc-dugme {
  background: none; border: none; cursor: pointer; padding: 0.3rem 0.45rem;
  border-radius: var(--kut-radius-sm); color: #64748b; line-height: 1;
}
.kut-yc-dugme:hover { background: rgba(148,163,184,0.15); color: var(--kut-renkler-birincil); }
.kut-yc-icerik, .kut-yan-cubuk-icerik { padding: 0.5rem; flex: 1; overflow: auto; }
.kut-yc-grup { margin-bottom: 0.75rem; }
.kut-yc-grup-baslik {
  font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
  color: #94a3b8; padding: 0.35rem 0.5rem;
}
.kut-yan-cubuk-daraltildi .kut-yc-grup-baslik,
.kut-yan-cubuk-daraltildi .kut-yc-alt-baslik,
.kut-yan-cubuk-daraltildi .kut-yc-baslik-ana,
.kut-yan-cubuk-daraltildi .kut-yc-dip-metin,
.kut-yan-cubuk-daraltildi .kut-yc-dugme-metin { display: none; }
.kut-yan-cubuk-daraltildi .kut-yc-baslik { justify-content: center; padding: 0.5rem; }
.kut-yan-cubuk-daraltildi .kut-yc-baslik-dugmeler { display: none; }
.kut-yc-oge {
  display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.65rem;
  border-radius: var(--kut-radius-md); color: var(--kut-renkler-yazi);
  text-decoration: none; font-size: 0.9rem; margin-bottom: 0.15rem;
}
.kut-yc-oge:hover { background: rgba(59,130,246,0.08); color: var(--kut-renkler-birincil); }
.kut-yc-oge-aktif { background: rgba(99,102,241,0.12); color: var(--kut-renkler-birincil); font-weight: 600; }
.kut-yc-oge-simge { width: 1.25rem; text-align: center; flex-shrink: 0; }
.kut-yc-oge-metin { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kut-yc-oge-rozet {
  font-size: 0.72rem; background: rgba(99,102,241,0.15); color: var(--kut-renkler-birincil);
  padding: 0.1rem 0.4rem; border-radius: 999px; font-weight: 600;
}
.kut-yc-alt-liste { padding-left: 1.75rem; margin-top: 0.15rem; }
.kut-yc-alt-oge { display: block; padding: 0.3rem 0.5rem; font-size: 0.82rem; color: #64748b; text-decoration: none; border-radius: 4px; }
.kut-yc-alt-oge:hover { background: rgba(148,163,184,0.12); color: var(--kut-renkler-birincil); }
.kut-yc-dip {
  padding: 0.65rem 0.75rem; border-top: 1px solid rgba(148,163,184,0.25);
  background: var(--kut-renkler-yuzey); margin-top: auto;
}
.kut-yc-dip-ust { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.35rem; }
.kut-yc-dip-metin { margin: 0; font-size: 0.78rem; color: #64748b; line-height: 1.4; }
.kut-yan-cubuk-daraltildi .kut-yc-dip-ust { justify-content: center; }
.kut-yc-ac-dugme {
  position: fixed; z-index: 39; left: 0.75rem; top: 0.75rem;
  background: var(--kut-renkler-birincil); color: #fff; border: none;
  width: 2.5rem; height: 2.5rem; border-radius: var(--kut-radius-md);
  cursor: pointer; box-shadow: var(--kut-shadow-md); font-size: 1.1rem;
}
.kut-yc-ac-dugme[hidden] { display: none !important; }
.kut-yc-perde {
  position: fixed; inset: 0; background: rgba(15,23,42,0.45); z-index: -1;
  opacity: 0; transition: opacity 0.25s; pointer-events: none;
}
.kut-yan-cubuk-mobil .kut-yc-perde:not([hidden]) { opacity: 1; pointer-events: auto; z-index: 38; }
.kut-yan-cubuk-mobil {
  position: fixed; top: 0; bottom: 0; left: 0; height: 100vh; max-height: 100dvh;
  transform: translateX(-100%); width: min(var(--kut-yc-genislik), 88vw);
  box-shadow: var(--kut-shadow-lg);
}
.kut-yan-cubuk-mobil.kut-yan-cubuk-sag { left: auto; right: 0; transform: translateX(100%); }
.kut-yan-cubuk-mobil.kut-yan-cubuk-acik { transform: translateX(0); }
body.kut-yc-kilit { overflow: hidden; }
@media (max-width: 1024px) {
  .kut-yan-cubuk[data-kut-yc-mobil="1"]:not(.kut-yan-cubuk-mobil-manuel) {
    position: fixed; top: 0; bottom: 0; height: 100vh; max-height: 100dvh;
    transform: translateX(-100%); width: min(var(--kut-yc-genislik), 88vw);
    box-shadow: var(--kut-shadow-lg);
  }
  .kut-yan-cubuk[data-kut-yc-mobil="1"].kut-yan-cubuk-sag { left: auto; right: 0; transform: translateX(100%); }
  .kut-yan-cubuk[data-kut-yc-mobil="1"].kut-yan-cubuk-acik { transform: translateX(0); }
}
@media (min-width: 1025px) {
  .kut-yan-cubuk-mobil .kut-yc-ac-dugme { display: none !important; }
  .kut-yan-cubuk-kapali + .kut-yc-ac-dugme,
  .kut-yan-cubuk.kut-yan-cubuk-kapali ~ .kut-yc-ac-dugme { display: inline-flex !important; }
}
.kut-iskelet-cubuk { height: 0.75rem; border-radius: 4px; background: linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%); background-size: 200% 100%; animation: kut-iskelet 1.2s infinite; margin-bottom: 0.5rem; }
.kut-iskelet-kisa { width: 60%; }
.kut-iskelet-baslik { height: 1rem; width: 40%; }
.kut-iskelet-avatar { width: 2.5rem; height: 2.5rem; border-radius: 50%; }
.kut-iskelet-satir { display: flex; gap: 0.65rem; align-items: center; margin-bottom: 0.65rem; }
@keyframes kut-iskelet { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.kut-donen { display: inline-block; border: 2px solid rgba(148,163,184,0.35); border-top-color: var(--kut-renkler-birincil); border-radius: 50%; animation: kut-donen 0.7s linear infinite; }
.kut-donen-kucuk { width: 1rem; height: 1rem; }
.kut-donen-orta { width: 1.5rem; height: 1.5rem; }
.kut-donen-buyuk { width: 2.25rem; height: 2.25rem; }
@keyframes kut-donen { to { transform: rotate(360deg); } }
.kut-toggle-grup { display: inline-flex; border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-sm); overflow: hidden; }
.kut-toggle-dugme { border: none; background: var(--kut-renkler-yuzey); padding: 0.45rem 0.85rem; font: inherit; cursor: pointer; }
.kut-toggle-dugme.kut-toggle-aktif { background: var(--kut-renkler-birincil); color: #fff; }
.kut-tip-onemli { font-size: 1.125rem; color: var(--kut-renkler-metin); }
.kut-tip-kucuk, .kut-tip-soluk { font-size: 0.85rem; color: #64748b; }
.kut-katlanir summary { cursor: pointer; font-weight: 600; padding: 0.5rem 0; }
.kut-en-boy-oran { overflow: hidden; border-radius: var(--kut-radius-md); background: var(--kut-renkler-yuzey-2); }
.kut-kbd { display: inline-block; padding: 0.1rem 0.4rem; font-size: 0.78rem; font-family: ui-monospace, monospace; background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 4px; box-shadow: 0 1px 0 #cbd5e1; }
.kut-dugme-grubu { display: inline-flex; }
.kut-dugme-grubu .kut-dugme-grubu-oge { border-radius: 0; margin: 0; border-right-width: 0; }
.kut-dugme-grubu .kut-dugme-grubu-oge:first-child { border-radius: var(--kut-radius-sm) 0 0 var(--kut-radius-sm); }
.kut-dugme-grubu .kut-dugme-grubu-oge:last-child { border-radius: 0 var(--kut-radius-sm) var(--kut-radius-sm) 0; border-right-width: 1px; }
.kut-giris-grubu { display: flex; align-items: stretch; }
.kut-giris-grubu-on, .kut-giris-grubu-son { display: flex; align-items: center; padding: 0 0.65rem; background: var(--kut-renkler-yuzey-2); border: 1px solid rgba(148,163,184,0.4); font-size: 0.88rem; color: #64748b; }
.kut-giris-grubu-on { border-radius: var(--kut-radius-sm) 0 0 var(--kut-radius-sm); border-right: none; }
.kut-giris-grubu-son { border-radius: 0 var(--kut-radius-sm) var(--kut-radius-sm) 0; border-left: none; }
.kut-giris-grubu-girdi { border-radius: 0; flex: 1; }
.kut-puan { display: inline-flex; gap: 0.15rem; }
.kut-puan-yildiz { border: none; background: transparent; font-size: 1.25rem; color: #cbd5e1; cursor: pointer; padding: 0; line-height: 1; }
.kut-puan-yildiz.kut-puan-dolu { color: #f59e0b; }
.kut-transfer { display: flex; gap: 0.75rem; align-items: stretch; flex-wrap: wrap; }
.kut-transfer-liste { flex: 1; min-width: 10rem; border: 1px solid rgba(148,163,184,0.35); border-radius: var(--kut-radius-md); padding: 0.65rem; }
.kut-transfer-liste ul { list-style: none; margin: 0; padding: 0; max-height: 200px; overflow: auto; }
.kut-transfer-aksiyon { display: flex; flex-direction: column; justify-content: center; gap: 0.35rem; }
.kut-liste { list-style: none; margin: 0; padding: 0; }
.kut-liste-cerceveli .kut-liste-oge { border: 1px solid rgba(148,163,184,0.3); border-radius: var(--kut-radius-md); padding: 0.65rem; margin-bottom: 0.5rem; }
.kut-liste-oge { display: flex; gap: 0.65rem; align-items: flex-start; }
.kut-liste-oge p { margin: 0.15rem 0 0; font-size: 0.85rem; color: #64748b; }
.kut-agac-dal { list-style: none; margin: 0; padding-left: 1rem; }
.kut-agac-dugme { border: none; background: transparent; font: inherit; cursor: pointer; padding: 0.2rem 0; }
.kut-agac-yaprak { font-size: 0.9rem; }
.kut-kademeli-secim { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.kut-renk-secici-girdi { width: 3rem; height: 2.25rem; padding: 0.15rem; cursor: pointer; }
.kut-dosya-yukle-alan { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.65rem 1rem; border: 2px dashed rgba(148,163,184,0.45); border-radius: var(--kut-radius-md); cursor: pointer; }
.kut-dosya-yukle-girdi { position: absolute; opacity: 0; width: 0; height: 0; }
.kut-dosya-yukle-ozet { display: block; font-size: 0.82rem; color: #64748b; margin-top: 0.35rem; }
.kut-gorsel-resim { width: 100%; height: 100%; object-fit: cover; display: block; }
.kut-sonuc { text-align: center; padding: 2rem 1rem; }
.kut-sonuc-simge { font-size: 2.5rem; display: block; margin-bottom: 0.5rem; }
.kut-sonuc-basari .kut-sonuc-simge { color: #16a34a; }
.kut-sonuc-hata .kut-sonuc-simge { color: #dc2626; }
.kut-tanim-listesi { display: grid; gap: 0.5rem; }
.kut-tanim-satir { display: grid; grid-template-columns: minmax(8rem, 30%) 1fr; gap: 0.75rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(148,163,184,0.2); }
.kut-tanim-satir dt { color: #64748b; font-size: 0.88rem; margin: 0; }
.kut-tanim-satir dd { margin: 0; font-weight: 500; }
.kut-yukari-cik { position: fixed; right: 1.25rem; bottom: 4.5rem; z-index: 10030; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: none; background: var(--kut-renkler-birincil); color: #fff; cursor: pointer; box-shadow: var(--kut-shadow-md); }
.kut-sabit-ust { position: sticky; top: 0; z-index: 30; background: var(--kut-renkler-yuzey); }

@media (max-width: 768px) {
  .kut-adimlar-liste { flex-direction: column; align-items: stretch; }
  .kut-kanban-paneller { flex-direction: column; }
  .kut-kanban-sutun { flex: 1 1 auto; }
}

.kut-main-tam-ekran { max-width: none; margin: 0; padding: 0; width: 100%; min-height: 100dvh; }
body.kut-app-sayfa { margin: 0; min-height: 100dvh; background: var(--kut-renkler-arkaplan, #f8fafc); }
.kut-app-kabuk {
  display: flex;
  width: 100%;
  min-height: 100dvh;
  min-height: 100vh;
  position: relative;
  background: var(--kut-renkler-arkaplan, #f8fafc);
}
.kut-app-kabuk[data-kut-kabuk-guvenli="1"] {
  padding-top: env(safe-area-inset-top, 0px);
}
.kut-app-kabuk-omurga {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100dvh;
}
.kut-app-kabuk .kut-yan-cubuk {
  flex-shrink: 0;
  min-height: 100dvh;
  border-right: 1px solid rgba(148,163,184,0.25);
}
.kut-app-kabuk-yan-yok .kut-app-menu-dugme { display: none !important; }
.kut-app-ust-cubuk {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1rem;
  min-height: 3.25rem;
  background: rgba(255,255,255,0.94);
  border-bottom: 1px solid rgba(148,163,184,0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
  z-index: 30;
}
.kut-app-kabuk[data-kut-kabuk-guvenli="1"] .kut-app-ust-cubuk {
  padding-top: max(0.65rem, env(safe-area-inset-top, 0px));
}
.kut-app-ust-sol { display: flex; align-items: center; gap: 0.65rem; flex: 1; min-width: 0; }
.kut-app-ust-basliklar { display: flex; flex-direction: column; min-width: 0; }
.kut-app-ust-baslik { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kut-app-ust-alt { font-size: 0.75rem; color: #64748b; font-weight: 400; }
.kut-app-ust-logo { font-size: 1.25rem; line-height: 1; flex-shrink: 0; }
.kut-app-ust-sag { display: flex; align-items: center; gap: 0.35rem; flex-shrink: 0; }
.kut-app-ust-arama { flex: 1; max-width: 20rem; min-width: 8rem; }
.kut-app-arama-girdi { width: 100%; font-size: 0.9rem; }
.kut-app-menu-dugme { flex-shrink: 0; }
.kut-app-kabuk-govde {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.kut-app-kabuk-icerik {
  flex: 1;
  overflow: auto;
  padding: 1rem;
  -webkit-overflow-scrolling: touch;
}
.kut-app-kabuk-alt-nav-var .kut-app-kabuk-icerik {
  padding-bottom: calc(1rem + 4.25rem + env(safe-area-inset-bottom, 0px));
}
.kut-app-sag-panel {
  width: var(--kut-app-sag-genislik, 320px);
  flex-shrink: 0;
  border-left: 1px solid rgba(148,163,184,0.25);
  background: rgba(255,255,255,0.96);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.kut-app-sag-baslik {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(148,163,184,0.2);
  font-size: 0.9rem;
}
.kut-app-sag-icerik { flex: 1; overflow: auto; padding: 0.75rem 1rem; }
.kut-alt-gezinti {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  gap: 0.25rem;
  padding: 0.35rem 0.5rem;
  background: rgba(255,255,255,0.96);
  border-top: 1px solid rgba(148,163,184,0.25);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  position: sticky;
  bottom: 0;
  z-index: 40;
}
.kut-alt-gezinti[data-kut-ag-guvenli="1"] {
  padding-bottom: max(0.35rem, env(safe-area-inset-bottom, 0px));
}
.kut-ag-oge {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  padding: 0.35rem 0.25rem;
  min-height: 3.25rem;
  text-decoration: none;
  color: #64748b;
  font-size: 0.68rem;
  border-radius: var(--kut-radius-sm, 6px);
  transition: color 0.15s, background 0.15s;
}
.kut-ag-oge:hover { color: var(--kut-renkler-birincil, #6366f1); background: rgba(99,102,241,0.06); }
.kut-ag-oge-aktif { color: var(--kut-renkler-birincil, #6366f1); font-weight: 600; }
.kut-ag-simge { font-size: 1.25rem; line-height: 1; position: relative; }
.kut-ag-metin { line-height: 1.1; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kut-ag-rozet {
  position: absolute; top: -0.35rem; right: -0.55rem;
  min-width: 1rem; height: 1rem; padding: 0 0.25rem;
  font-size: 0.62rem; font-weight: 700; line-height: 1rem;
  text-align: center; border-radius: 999px;
  background: #ef4444; color: #fff;
}
@media (max-width: 1024px) {
  .kut-app-kabuk-admin .kut-alt-gezinti,
  .kut-app-kabuk-karma .kut-alt-gezinti { display: flex; }
  .kut-app-kabuk-admin .kut-app-kabuk-icerik,
  .kut-app-kabuk-karma .kut-app-kabuk-icerik {
    padding-bottom: calc(1rem + 4.25rem + env(safe-area-inset-bottom, 0px));
  }
  .kut-app-kabuk-sag-panel-var .kut-app-sag-panel { display: none; }
  .kut-app-kabuk .kut-yan-cubuk { position: relative; z-index: 35; }
}
@media (min-width: 1025px) {
  .kut-app-kabuk-admin .kut-alt-gezinti,
  .kut-app-kabuk-mobil .kut-alt-gezinti { display: none; }
  .kut-app-kabuk-mobil .kut-yan-cubuk { display: none !important; }
  .kut-app-kabuk-mobil .kut-app-menu-dugme { display: none !important; }
  .kut-app-kabuk-mobil .kut-app-kabuk-icerik { padding-bottom: 1rem; }
}
@media (max-width: 1024px) {
  .kut-app-kabuk-mobil .kut-yan-cubuk { display: none !important; }
}
body.kut-app-kilit { overflow: hidden; }
.kut-spa { display: flex; flex-direction: column; min-height: inherit; }
.kut-spa-nav { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(148,163,184,0.2); margin-bottom: 0.75rem; }
.kut-spa-rota { display: inline-flex; align-items: center; gap: 0.35rem; padding: 0.35rem 0.75rem; border-radius: var(--kut-radius-sm); text-decoration: none; color: #64748b; font-size: 0.88rem; }
.kut-spa-rota:hover, .kut-spa-rota.kut-spa-aktif { background: rgba(99,102,241,0.1); color: var(--kut-renkler-birincil); }
.kut-spa-cikis { flex: 1; min-height: 0; }
.kut-spa-cikis.kut-spa-yukleniyor { opacity: 0.55; pointer-events: none; }
.kut-spa-hata { padding: 2rem; text-align: center; }
.kut-dogrula-form.kut-dogrula-gecersiz .kut-dogrula-hatali { border-color: #ef4444; outline-color: #ef4444; }
.kut-dogrula-hata { display: block; font-size: 0.78rem; color: #ef4444; margin-top: 0.25rem; }
.kut-dogrula-hatali { border-color: #ef4444 !important; }
.kut-grafik-gelismis .kut-grafik-govde { min-height: 180px; position: relative; }
.kut-grafik-canvas { display: block; width: 100%; max-width: 100%; }
.kut-atla-baglantisi { position: absolute; left: -9999px; top: 0; z-index: 100; padding: 0.5rem 1rem; background: var(--kut-renkler-birincil); color: #fff; text-decoration: none; border-radius: var(--kut-radius-sm); }
.kut-atla-baglantisi:focus { left: 0.5rem; top: 0.5rem; }
.ekran-okuyucu, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.kut-a11y-denetim-liste { list-style: none; padding: 0; margin: 0.75rem 0 0; }
.kut-a11y-denetim-liste li { padding: 0.35rem 0.5rem; border-radius: 4px; margin-bottom: 0.25rem; font-size: 0.85rem; }
.kut-a11y-denetim-liste li[data-seviye="hata"] { background: #fef2f2; color: #b91c1c; }
.kut-a11y-denetim-liste li[data-seviye="uyari"] { background: #fffbeb; color: #b45309; }

.kut-rbac-menu { display: flex; flex-wrap: wrap; gap: 0.35rem; padding: 0.5rem 0; }
.kut-rbac-menu-oge { padding: 0.35rem 0.75rem; border-radius: var(--kut-radius-sm); text-decoration: none; color: #64748b; font-size: 0.88rem; }
.kut-rbac-menu-oge:hover { background: rgba(99,102,241,0.1); color: var(--kut-renkler-birincil); }
.kut-rbac-rozet { font-size: 0.75rem; padding: 0.2rem 0.5rem; border-radius: 999px; background: rgba(99,102,241,0.12); color: var(--kut-renkler-birincil); }
.kut-denetim-gunlugu { padding: 1rem; }
.kut-denetim-baslik { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.75rem; }
.kut-denetim-tablo { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.kut-denetim-tablo th, .kut-denetim-tablo td { border: 1px solid rgba(148,163,184,0.25); padding: 0.4rem 0.5rem; text-align: left; }
.kut-denetim-tablo tbody tr:nth-child(even) { background: rgba(148,163,184,0.06); }
/* ═══ Kut yardımcı sınıflar — otomatik üretilmiş ═══ */

.blok { display: block; }
.satir-ici { display: inline; }
.satir-ici-blok { display: inline-block; }
.esnek { display: flex; }
.satir-esnek { display: inline-flex; }
.izgara { display: grid; }
.satir-izgara { display: inline-grid; }
.gizli { display: none !important; }
.icerik { display: contents; }
.tablo { display: table; }
.tablo-satir { display: table-row; }
.tablo-hucre { display: table-cell; }
.esnek-dikey { flex-direction: column; }
.esnek-ters { flex-direction: row-reverse; }
.esnek-dikey-ters { flex-direction: column-reverse; }
.esnek-sar { flex-wrap: wrap; }
.esnek-sarma-yok { flex-wrap: nowrap; }
.esnek-1 { flex: 1 1 0%; }
.esnek-otomatik { flex: 1 1 auto; }
.esnek-baslangic { flex: 0 1 auto; }
.esnek-yok { flex: none; }
.esnek-buyume { flex-grow: 1; }
.esnek-buyume-0 { flex-grow: 0; }
.esnek-kuculme { flex-shrink: 1; }
.esnek-kuculme-0 { flex-shrink: 0; }
.oge-bas { align-items: flex-start; }
.oge-orta { align-items: center; }
.oge-son { align-items: flex-end; }
.oge-germeli { align-items: stretch; }
.oge-taban { align-items: baseline; }
.yatay-bas { justify-content: flex-start; }
.yatay-orta { justify-content: center; }
.yatay-son { justify-content: flex-end; }
.yatay-arali { justify-content: space-between; }
.yatay-cevresinde { justify-content: space-around; }
.yatay-esit { justify-content: space-evenly; }
.kendini-orta { align-self: center; }
.kendini-bas { align-self: flex-start; }
.kendini-son { align-self: flex-end; }
.izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.izgara-sutun-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.izgara-sutun-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.izgara-sutun-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.izgara-sutun-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.izgara-sutun-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.izgara-sutun-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
.izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.izgara-satir-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.izgara-satir-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.izgara-satir-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.izgara-satir-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.izgara-satir-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.izgara-satir-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.izgara-satir-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.izgara-satir-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.izgara-satir-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.izgara-satir-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.izgara-satir-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.izgara-satir-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.izgara-doldur { grid-column: 1 / -1; }
.dolgu-0 { padding: 0; }
.yatay-dolgu-0 { padding-left: 0; padding-right: 0; }
.dikey-dolgu-0 { padding-top: 0; padding-bottom: 0; }
.ust-dolgu-0 { padding-top: 0; }
.alt-dolgu-0 { padding-bottom: 0; }
.sol-dolgu-0 { padding-left: 0; }
.sag-dolgu-0 { padding-right: 0; }
.dolgu-1 { padding: 0.25rem; }
.yatay-dolgu-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.dikey-dolgu-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.ust-dolgu-1 { padding-top: 0.25rem; }
.alt-dolgu-1 { padding-bottom: 0.25rem; }
.sol-dolgu-1 { padding-left: 0.25rem; }
.sag-dolgu-1 { padding-right: 0.25rem; }
.dolgu-2 { padding: 0.5rem; }
.yatay-dolgu-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.dikey-dolgu-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.ust-dolgu-2 { padding-top: 0.5rem; }
.alt-dolgu-2 { padding-bottom: 0.5rem; }
.sol-dolgu-2 { padding-left: 0.5rem; }
.sag-dolgu-2 { padding-right: 0.5rem; }
.dolgu-3 { padding: 0.75rem; }
.yatay-dolgu-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.dikey-dolgu-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.ust-dolgu-3 { padding-top: 0.75rem; }
.alt-dolgu-3 { padding-bottom: 0.75rem; }
.sol-dolgu-3 { padding-left: 0.75rem; }
.sag-dolgu-3 { padding-right: 0.75rem; }
.dolgu-4 { padding: 1rem; }
.yatay-dolgu-4 { padding-left: 1rem; padding-right: 1rem; }
.dikey-dolgu-4 { padding-top: 1rem; padding-bottom: 1rem; }
.ust-dolgu-4 { padding-top: 1rem; }
.alt-dolgu-4 { padding-bottom: 1rem; }
.sol-dolgu-4 { padding-left: 1rem; }
.sag-dolgu-4 { padding-right: 1rem; }
.dolgu-5 { padding: 1.25rem; }
.yatay-dolgu-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.dikey-dolgu-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.ust-dolgu-5 { padding-top: 1.25rem; }
.alt-dolgu-5 { padding-bottom: 1.25rem; }
.sol-dolgu-5 { padding-left: 1.25rem; }
.sag-dolgu-5 { padding-right: 1.25rem; }
.dolgu-6 { padding: 1.5rem; }
.yatay-dolgu-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.dikey-dolgu-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.ust-dolgu-6 { padding-top: 1.5rem; }
.alt-dolgu-6 { padding-bottom: 1.5rem; }
.sol-dolgu-6 { padding-left: 1.5rem; }
.sag-dolgu-6 { padding-right: 1.5rem; }
.dolgu-7 { padding: 1.75rem; }
.yatay-dolgu-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.dikey-dolgu-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.ust-dolgu-7 { padding-top: 1.75rem; }
.alt-dolgu-7 { padding-bottom: 1.75rem; }
.sol-dolgu-7 { padding-left: 1.75rem; }
.sag-dolgu-7 { padding-right: 1.75rem; }
.dolgu-8 { padding: 2rem; }
.yatay-dolgu-8 { padding-left: 2rem; padding-right: 2rem; }
.dikey-dolgu-8 { padding-top: 2rem; padding-bottom: 2rem; }
.ust-dolgu-8 { padding-top: 2rem; }
.alt-dolgu-8 { padding-bottom: 2rem; }
.sol-dolgu-8 { padding-left: 2rem; }
.sag-dolgu-8 { padding-right: 2rem; }
.dolgu-9 { padding: 2.25rem; }
.yatay-dolgu-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
.dikey-dolgu-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.ust-dolgu-9 { padding-top: 2.25rem; }
.alt-dolgu-9 { padding-bottom: 2.25rem; }
.sol-dolgu-9 { padding-left: 2.25rem; }
.sag-dolgu-9 { padding-right: 2.25rem; }
.dolgu-10 { padding: 2.5rem; }
.yatay-dolgu-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.dikey-dolgu-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.ust-dolgu-10 { padding-top: 2.5rem; }
.alt-dolgu-10 { padding-bottom: 2.5rem; }
.sol-dolgu-10 { padding-left: 2.5rem; }
.sag-dolgu-10 { padding-right: 2.5rem; }
.dolgu-11 { padding: 2.75rem; }
.yatay-dolgu-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
.dikey-dolgu-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
.ust-dolgu-11 { padding-top: 2.75rem; }
.alt-dolgu-11 { padding-bottom: 2.75rem; }
.sol-dolgu-11 { padding-left: 2.75rem; }
.sag-dolgu-11 { padding-right: 2.75rem; }
.dolgu-12 { padding: 3rem; }
.yatay-dolgu-12 { padding-left: 3rem; padding-right: 3rem; }
.dikey-dolgu-12 { padding-top: 3rem; padding-bottom: 3rem; }
.ust-dolgu-12 { padding-top: 3rem; }
.alt-dolgu-12 { padding-bottom: 3rem; }
.sol-dolgu-12 { padding-left: 3rem; }
.sag-dolgu-12 { padding-right: 3rem; }
.dolgu-14 { padding: 3.5rem; }
.yatay-dolgu-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
.dikey-dolgu-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.ust-dolgu-14 { padding-top: 3.5rem; }
.alt-dolgu-14 { padding-bottom: 3.5rem; }
.sol-dolgu-14 { padding-left: 3.5rem; }
.sag-dolgu-14 { padding-right: 3.5rem; }
.dolgu-16 { padding: 4rem; }
.yatay-dolgu-16 { padding-left: 4rem; padding-right: 4rem; }
.dikey-dolgu-16 { padding-top: 4rem; padding-bottom: 4rem; }
.ust-dolgu-16 { padding-top: 4rem; }
.alt-dolgu-16 { padding-bottom: 4rem; }
.sol-dolgu-16 { padding-left: 4rem; }
.sag-dolgu-16 { padding-right: 4rem; }
.dolgu-18 { padding: 4.5rem; }
.yatay-dolgu-18 { padding-left: 4.5rem; padding-right: 4.5rem; }
.dikey-dolgu-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.ust-dolgu-18 { padding-top: 4.5rem; }
.alt-dolgu-18 { padding-bottom: 4.5rem; }
.sol-dolgu-18 { padding-left: 4.5rem; }
.sag-dolgu-18 { padding-right: 4.5rem; }
.dolgu-20 { padding: 5rem; }
.yatay-dolgu-20 { padding-left: 5rem; padding-right: 5rem; }
.dikey-dolgu-20 { padding-top: 5rem; padding-bottom: 5rem; }
.ust-dolgu-20 { padding-top: 5rem; }
.alt-dolgu-20 { padding-bottom: 5rem; }
.sol-dolgu-20 { padding-left: 5rem; }
.sag-dolgu-20 { padding-right: 5rem; }
.dolgu-24 { padding: 6rem; }
.yatay-dolgu-24 { padding-left: 6rem; padding-right: 6rem; }
.dikey-dolgu-24 { padding-top: 6rem; padding-bottom: 6rem; }
.ust-dolgu-24 { padding-top: 6rem; }
.alt-dolgu-24 { padding-bottom: 6rem; }
.sol-dolgu-24 { padding-left: 6rem; }
.sag-dolgu-24 { padding-right: 6rem; }
.dolgu-28 { padding: 7rem; }
.yatay-dolgu-28 { padding-left: 7rem; padding-right: 7rem; }
.dikey-dolgu-28 { padding-top: 7rem; padding-bottom: 7rem; }
.ust-dolgu-28 { padding-top: 7rem; }
.alt-dolgu-28 { padding-bottom: 7rem; }
.sol-dolgu-28 { padding-left: 7rem; }
.sag-dolgu-28 { padding-right: 7rem; }
.dolgu-32 { padding: 8rem; }
.yatay-dolgu-32 { padding-left: 8rem; padding-right: 8rem; }
.dikey-dolgu-32 { padding-top: 8rem; padding-bottom: 8rem; }
.ust-dolgu-32 { padding-top: 8rem; }
.alt-dolgu-32 { padding-bottom: 8rem; }
.sol-dolgu-32 { padding-left: 8rem; }
.sag-dolgu-32 { padding-right: 8rem; }
.dolgu-36 { padding: 9rem; }
.yatay-dolgu-36 { padding-left: 9rem; padding-right: 9rem; }
.dikey-dolgu-36 { padding-top: 9rem; padding-bottom: 9rem; }
.ust-dolgu-36 { padding-top: 9rem; }
.alt-dolgu-36 { padding-bottom: 9rem; }
.sol-dolgu-36 { padding-left: 9rem; }
.sag-dolgu-36 { padding-right: 9rem; }
.dolgu-40 { padding: 10rem; }
.yatay-dolgu-40 { padding-left: 10rem; padding-right: 10rem; }
.dikey-dolgu-40 { padding-top: 10rem; padding-bottom: 10rem; }
.ust-dolgu-40 { padding-top: 10rem; }
.alt-dolgu-40 { padding-bottom: 10rem; }
.sol-dolgu-40 { padding-left: 10rem; }
.sag-dolgu-40 { padding-right: 10rem; }
.dolgu-44 { padding: 11rem; }
.yatay-dolgu-44 { padding-left: 11rem; padding-right: 11rem; }
.dikey-dolgu-44 { padding-top: 11rem; padding-bottom: 11rem; }
.ust-dolgu-44 { padding-top: 11rem; }
.alt-dolgu-44 { padding-bottom: 11rem; }
.sol-dolgu-44 { padding-left: 11rem; }
.sag-dolgu-44 { padding-right: 11rem; }
.dolgu-48 { padding: 12rem; }
.yatay-dolgu-48 { padding-left: 12rem; padding-right: 12rem; }
.dikey-dolgu-48 { padding-top: 12rem; padding-bottom: 12rem; }
.ust-dolgu-48 { padding-top: 12rem; }
.alt-dolgu-48 { padding-bottom: 12rem; }
.sol-dolgu-48 { padding-left: 12rem; }
.sag-dolgu-48 { padding-right: 12rem; }
.dolgu-52 { padding: 13rem; }
.yatay-dolgu-52 { padding-left: 13rem; padding-right: 13rem; }
.dikey-dolgu-52 { padding-top: 13rem; padding-bottom: 13rem; }
.ust-dolgu-52 { padding-top: 13rem; }
.alt-dolgu-52 { padding-bottom: 13rem; }
.sol-dolgu-52 { padding-left: 13rem; }
.sag-dolgu-52 { padding-right: 13rem; }
.dolgu-56 { padding: 14rem; }
.yatay-dolgu-56 { padding-left: 14rem; padding-right: 14rem; }
.dikey-dolgu-56 { padding-top: 14rem; padding-bottom: 14rem; }
.ust-dolgu-56 { padding-top: 14rem; }
.alt-dolgu-56 { padding-bottom: 14rem; }
.sol-dolgu-56 { padding-left: 14rem; }
.sag-dolgu-56 { padding-right: 14rem; }
.dolgu-60 { padding: 15rem; }
.yatay-dolgu-60 { padding-left: 15rem; padding-right: 15rem; }
.dikey-dolgu-60 { padding-top: 15rem; padding-bottom: 15rem; }
.ust-dolgu-60 { padding-top: 15rem; }
.alt-dolgu-60 { padding-bottom: 15rem; }
.sol-dolgu-60 { padding-left: 15rem; }
.sag-dolgu-60 { padding-right: 15rem; }
.dolgu-64 { padding: 16rem; }
.yatay-dolgu-64 { padding-left: 16rem; padding-right: 16rem; }
.dikey-dolgu-64 { padding-top: 16rem; padding-bottom: 16rem; }
.ust-dolgu-64 { padding-top: 16rem; }
.alt-dolgu-64 { padding-bottom: 16rem; }
.sol-dolgu-64 { padding-left: 16rem; }
.sag-dolgu-64 { padding-right: 16rem; }
.dolgu-72 { padding: 18rem; }
.yatay-dolgu-72 { padding-left: 18rem; padding-right: 18rem; }
.dikey-dolgu-72 { padding-top: 18rem; padding-bottom: 18rem; }
.ust-dolgu-72 { padding-top: 18rem; }
.alt-dolgu-72 { padding-bottom: 18rem; }
.sol-dolgu-72 { padding-left: 18rem; }
.sag-dolgu-72 { padding-right: 18rem; }
.dolgu-80 { padding: 20rem; }
.yatay-dolgu-80 { padding-left: 20rem; padding-right: 20rem; }
.dikey-dolgu-80 { padding-top: 20rem; padding-bottom: 20rem; }
.ust-dolgu-80 { padding-top: 20rem; }
.alt-dolgu-80 { padding-bottom: 20rem; }
.sol-dolgu-80 { padding-left: 20rem; }
.sag-dolgu-80 { padding-right: 20rem; }
.dolgu-96 { padding: 24rem; }
.yatay-dolgu-96 { padding-left: 24rem; padding-right: 24rem; }
.dikey-dolgu-96 { padding-top: 24rem; padding-bottom: 24rem; }
.ust-dolgu-96 { padding-top: 24rem; }
.alt-dolgu-96 { padding-bottom: 24rem; }
.sol-dolgu-96 { padding-left: 24rem; }
.sag-dolgu-96 { padding-right: 24rem; }
.dis-bosluk-0 { margin: 0; }
.yatay-bosluk-0 { margin-left: 0; margin-right: 0; }
.dikey-bosluk-0 { margin-top: 0; margin-bottom: 0; }
.ust-bosluk-0 { margin-top: 0; }
.alt-bosluk-0 { margin-bottom: 0; }
.sol-bosluk-0 { margin-left: 0; }
.sag-bosluk-0 { margin-right: 0; }
.aralik-0 { gap: 0; }
.dis-bosluk-1 { margin: 0.25rem; }
.yatay-bosluk-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.dikey-bosluk-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.ust-bosluk-1 { margin-top: 0.25rem; }
.alt-bosluk-1 { margin-bottom: 0.25rem; }
.sol-bosluk-1 { margin-left: 0.25rem; }
.sag-bosluk-1 { margin-right: 0.25rem; }
.aralik-1 { gap: 0.25rem; }
.dis-bosluk-2 { margin: 0.5rem; }
.yatay-bosluk-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.dikey-bosluk-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.ust-bosluk-2 { margin-top: 0.5rem; }
.alt-bosluk-2 { margin-bottom: 0.5rem; }
.sol-bosluk-2 { margin-left: 0.5rem; }
.sag-bosluk-2 { margin-right: 0.5rem; }
.aralik-2 { gap: 0.5rem; }
.dis-bosluk-3 { margin: 0.75rem; }
.yatay-bosluk-3 { margin-left: 0.75rem; margin-right: 0.75rem; }
.dikey-bosluk-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.ust-bosluk-3 { margin-top: 0.75rem; }
.alt-bosluk-3 { margin-bottom: 0.75rem; }
.sol-bosluk-3 { margin-left: 0.75rem; }
.sag-bosluk-3 { margin-right: 0.75rem; }
.aralik-3 { gap: 0.75rem; }
.dis-bosluk-4 { margin: 1rem; }
.yatay-bosluk-4 { margin-left: 1rem; margin-right: 1rem; }
.dikey-bosluk-4 { margin-top: 1rem; margin-bottom: 1rem; }
.ust-bosluk-4 { margin-top: 1rem; }
.alt-bosluk-4 { margin-bottom: 1rem; }
.sol-bosluk-4 { margin-left: 1rem; }
.sag-bosluk-4 { margin-right: 1rem; }
.aralik-4 { gap: 1rem; }
.dis-bosluk-5 { margin: 1.25rem; }
.yatay-bosluk-5 { margin-left: 1.25rem; margin-right: 1.25rem; }
.dikey-bosluk-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.ust-bosluk-5 { margin-top: 1.25rem; }
.alt-bosluk-5 { margin-bottom: 1.25rem; }
.sol-bosluk-5 { margin-left: 1.25rem; }
.sag-bosluk-5 { margin-right: 1.25rem; }
.aralik-5 { gap: 1.25rem; }
.dis-bosluk-6 { margin: 1.5rem; }
.yatay-bosluk-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
.dikey-bosluk-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.ust-bosluk-6 { margin-top: 1.5rem; }
.alt-bosluk-6 { margin-bottom: 1.5rem; }
.sol-bosluk-6 { margin-left: 1.5rem; }
.sag-bosluk-6 { margin-right: 1.5rem; }
.aralik-6 { gap: 1.5rem; }
.dis-bosluk-7 { margin: 1.75rem; }
.yatay-bosluk-7 { margin-left: 1.75rem; margin-right: 1.75rem; }
.dikey-bosluk-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.ust-bosluk-7 { margin-top: 1.75rem; }
.alt-bosluk-7 { margin-bottom: 1.75rem; }
.sol-bosluk-7 { margin-left: 1.75rem; }
.sag-bosluk-7 { margin-right: 1.75rem; }
.aralik-7 { gap: 1.75rem; }
.dis-bosluk-8 { margin: 2rem; }
.yatay-bosluk-8 { margin-left: 2rem; margin-right: 2rem; }
.dikey-bosluk-8 { margin-top: 2rem; margin-bottom: 2rem; }
.ust-bosluk-8 { margin-top: 2rem; }
.alt-bosluk-8 { margin-bottom: 2rem; }
.sol-bosluk-8 { margin-left: 2rem; }
.sag-bosluk-8 { margin-right: 2rem; }
.aralik-8 { gap: 2rem; }
.dis-bosluk-9 { margin: 2.25rem; }
.yatay-bosluk-9 { margin-left: 2.25rem; margin-right: 2.25rem; }
.dikey-bosluk-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
.ust-bosluk-9 { margin-top: 2.25rem; }
.alt-bosluk-9 { margin-bottom: 2.25rem; }
.sol-bosluk-9 { margin-left: 2.25rem; }
.sag-bosluk-9 { margin-right: 2.25rem; }
.aralik-9 { gap: 2.25rem; }
.dis-bosluk-10 { margin: 2.5rem; }
.yatay-bosluk-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
.dikey-bosluk-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.ust-bosluk-10 { margin-top: 2.5rem; }
.alt-bosluk-10 { margin-bottom: 2.5rem; }
.sol-bosluk-10 { margin-left: 2.5rem; }
.sag-bosluk-10 { margin-right: 2.5rem; }
.aralik-10 { gap: 2.5rem; }
.dis-bosluk-11 { margin: 2.75rem; }
.yatay-bosluk-11 { margin-left: 2.75rem; margin-right: 2.75rem; }
.dikey-bosluk-11 { margin-top: 2.75rem; margin-bottom: 2.75rem; }
.ust-bosluk-11 { margin-top: 2.75rem; }
.alt-bosluk-11 { margin-bottom: 2.75rem; }
.sol-bosluk-11 { margin-left: 2.75rem; }
.sag-bosluk-11 { margin-right: 2.75rem; }
.aralik-11 { gap: 2.75rem; }
.dis-bosluk-12 { margin: 3rem; }
.yatay-bosluk-12 { margin-left: 3rem; margin-right: 3rem; }
.dikey-bosluk-12 { margin-top: 3rem; margin-bottom: 3rem; }
.ust-bosluk-12 { margin-top: 3rem; }
.alt-bosluk-12 { margin-bottom: 3rem; }
.sol-bosluk-12 { margin-left: 3rem; }
.sag-bosluk-12 { margin-right: 3rem; }
.aralik-12 { gap: 3rem; }
.dis-bosluk-14 { margin: 3.5rem; }
.yatay-bosluk-14 { margin-left: 3.5rem; margin-right: 3.5rem; }
.dikey-bosluk-14 { margin-top: 3.5rem; margin-bottom: 3.5rem; }
.ust-bosluk-14 { margin-top: 3.5rem; }
.alt-bosluk-14 { margin-bottom: 3.5rem; }
.sol-bosluk-14 { margin-left: 3.5rem; }
.sag-bosluk-14 { margin-right: 3.5rem; }
.aralik-14 { gap: 3.5rem; }
.dis-bosluk-16 { margin: 4rem; }
.yatay-bosluk-16 { margin-left: 4rem; margin-right: 4rem; }
.dikey-bosluk-16 { margin-top: 4rem; margin-bottom: 4rem; }
.ust-bosluk-16 { margin-top: 4rem; }
.alt-bosluk-16 { margin-bottom: 4rem; }
.sol-bosluk-16 { margin-left: 4rem; }
.sag-bosluk-16 { margin-right: 4rem; }
.aralik-16 { gap: 4rem; }
.dis-bosluk-18 { margin: 4.5rem; }
.yatay-bosluk-18 { margin-left: 4.5rem; margin-right: 4.5rem; }
.dikey-bosluk-18 { margin-top: 4.5rem; margin-bottom: 4.5rem; }
.ust-bosluk-18 { margin-top: 4.5rem; }
.alt-bosluk-18 { margin-bottom: 4.5rem; }
.sol-bosluk-18 { margin-left: 4.5rem; }
.sag-bosluk-18 { margin-right: 4.5rem; }
.aralik-18 { gap: 4.5rem; }
.dis-bosluk-20 { margin: 5rem; }
.yatay-bosluk-20 { margin-left: 5rem; margin-right: 5rem; }
.dikey-bosluk-20 { margin-top: 5rem; margin-bottom: 5rem; }
.ust-bosluk-20 { margin-top: 5rem; }
.alt-bosluk-20 { margin-bottom: 5rem; }
.sol-bosluk-20 { margin-left: 5rem; }
.sag-bosluk-20 { margin-right: 5rem; }
.aralik-20 { gap: 5rem; }
.dis-bosluk-24 { margin: 6rem; }
.yatay-bosluk-24 { margin-left: 6rem; margin-right: 6rem; }
.dikey-bosluk-24 { margin-top: 6rem; margin-bottom: 6rem; }
.ust-bosluk-24 { margin-top: 6rem; }
.alt-bosluk-24 { margin-bottom: 6rem; }
.sol-bosluk-24 { margin-left: 6rem; }
.sag-bosluk-24 { margin-right: 6rem; }
.aralik-24 { gap: 6rem; }
.dis-bosluk-28 { margin: 7rem; }
.yatay-bosluk-28 { margin-left: 7rem; margin-right: 7rem; }
.dikey-bosluk-28 { margin-top: 7rem; margin-bottom: 7rem; }
.ust-bosluk-28 { margin-top: 7rem; }
.alt-bosluk-28 { margin-bottom: 7rem; }
.sol-bosluk-28 { margin-left: 7rem; }
.sag-bosluk-28 { margin-right: 7rem; }
.aralik-28 { gap: 7rem; }
.dis-bosluk-32 { margin: 8rem; }
.yatay-bosluk-32 { margin-left: 8rem; margin-right: 8rem; }
.dikey-bosluk-32 { margin-top: 8rem; margin-bottom: 8rem; }
.ust-bosluk-32 { margin-top: 8rem; }
.alt-bosluk-32 { margin-bottom: 8rem; }
.sol-bosluk-32 { margin-left: 8rem; }
.sag-bosluk-32 { margin-right: 8rem; }
.aralik-32 { gap: 8rem; }
.dis-bosluk-36 { margin: 9rem; }
.yatay-bosluk-36 { margin-left: 9rem; margin-right: 9rem; }
.dikey-bosluk-36 { margin-top: 9rem; margin-bottom: 9rem; }
.ust-bosluk-36 { margin-top: 9rem; }
.alt-bosluk-36 { margin-bottom: 9rem; }
.sol-bosluk-36 { margin-left: 9rem; }
.sag-bosluk-36 { margin-right: 9rem; }
.aralik-36 { gap: 9rem; }
.dis-bosluk-40 { margin: 10rem; }
.yatay-bosluk-40 { margin-left: 10rem; margin-right: 10rem; }
.dikey-bosluk-40 { margin-top: 10rem; margin-bottom: 10rem; }
.ust-bosluk-40 { margin-top: 10rem; }
.alt-bosluk-40 { margin-bottom: 10rem; }
.sol-bosluk-40 { margin-left: 10rem; }
.sag-bosluk-40 { margin-right: 10rem; }
.aralik-40 { gap: 10rem; }
.dis-bosluk-44 { margin: 11rem; }
.yatay-bosluk-44 { margin-left: 11rem; margin-right: 11rem; }
.dikey-bosluk-44 { margin-top: 11rem; margin-bottom: 11rem; }
.ust-bosluk-44 { margin-top: 11rem; }
.alt-bosluk-44 { margin-bottom: 11rem; }
.sol-bosluk-44 { margin-left: 11rem; }
.sag-bosluk-44 { margin-right: 11rem; }
.aralik-44 { gap: 11rem; }
.dis-bosluk-48 { margin: 12rem; }
.yatay-bosluk-48 { margin-left: 12rem; margin-right: 12rem; }
.dikey-bosluk-48 { margin-top: 12rem; margin-bottom: 12rem; }
.ust-bosluk-48 { margin-top: 12rem; }
.alt-bosluk-48 { margin-bottom: 12rem; }
.sol-bosluk-48 { margin-left: 12rem; }
.sag-bosluk-48 { margin-right: 12rem; }
.aralik-48 { gap: 12rem; }
.dis-bosluk-52 { margin: 13rem; }
.yatay-bosluk-52 { margin-left: 13rem; margin-right: 13rem; }
.dikey-bosluk-52 { margin-top: 13rem; margin-bottom: 13rem; }
.ust-bosluk-52 { margin-top: 13rem; }
.alt-bosluk-52 { margin-bottom: 13rem; }
.sol-bosluk-52 { margin-left: 13rem; }
.sag-bosluk-52 { margin-right: 13rem; }
.aralik-52 { gap: 13rem; }
.dis-bosluk-56 { margin: 14rem; }
.yatay-bosluk-56 { margin-left: 14rem; margin-right: 14rem; }
.dikey-bosluk-56 { margin-top: 14rem; margin-bottom: 14rem; }
.ust-bosluk-56 { margin-top: 14rem; }
.alt-bosluk-56 { margin-bottom: 14rem; }
.sol-bosluk-56 { margin-left: 14rem; }
.sag-bosluk-56 { margin-right: 14rem; }
.aralik-56 { gap: 14rem; }
.dis-bosluk-60 { margin: 15rem; }
.yatay-bosluk-60 { margin-left: 15rem; margin-right: 15rem; }
.dikey-bosluk-60 { margin-top: 15rem; margin-bottom: 15rem; }
.ust-bosluk-60 { margin-top: 15rem; }
.alt-bosluk-60 { margin-bottom: 15rem; }
.sol-bosluk-60 { margin-left: 15rem; }
.sag-bosluk-60 { margin-right: 15rem; }
.aralik-60 { gap: 15rem; }
.dis-bosluk-64 { margin: 16rem; }
.yatay-bosluk-64 { margin-left: 16rem; margin-right: 16rem; }
.dikey-bosluk-64 { margin-top: 16rem; margin-bottom: 16rem; }
.ust-bosluk-64 { margin-top: 16rem; }
.alt-bosluk-64 { margin-bottom: 16rem; }
.sol-bosluk-64 { margin-left: 16rem; }
.sag-bosluk-64 { margin-right: 16rem; }
.aralik-64 { gap: 16rem; }
.dis-bosluk-72 { margin: 18rem; }
.yatay-bosluk-72 { margin-left: 18rem; margin-right: 18rem; }
.dikey-bosluk-72 { margin-top: 18rem; margin-bottom: 18rem; }
.ust-bosluk-72 { margin-top: 18rem; }
.alt-bosluk-72 { margin-bottom: 18rem; }
.sol-bosluk-72 { margin-left: 18rem; }
.sag-bosluk-72 { margin-right: 18rem; }
.aralik-72 { gap: 18rem; }
.dis-bosluk-80 { margin: 20rem; }
.yatay-bosluk-80 { margin-left: 20rem; margin-right: 20rem; }
.dikey-bosluk-80 { margin-top: 20rem; margin-bottom: 20rem; }
.ust-bosluk-80 { margin-top: 20rem; }
.alt-bosluk-80 { margin-bottom: 20rem; }
.sol-bosluk-80 { margin-left: 20rem; }
.sag-bosluk-80 { margin-right: 20rem; }
.aralik-80 { gap: 20rem; }
.dis-bosluk-96 { margin: 24rem; }
.yatay-bosluk-96 { margin-left: 24rem; margin-right: 24rem; }
.dikey-bosluk-96 { margin-top: 24rem; margin-bottom: 24rem; }
.ust-bosluk-96 { margin-top: 24rem; }
.alt-bosluk-96 { margin-bottom: 24rem; }
.sol-bosluk-96 { margin-left: 24rem; }
.sag-bosluk-96 { margin-right: 24rem; }
.aralik-96 { gap: 24rem; }
.yatay-oto { margin-left: auto; margin-right: auto; }
.sol-oto { margin-left: auto; }
.sag-oto { margin-right: auto; }
.genislik-oto { width: auto; }
.tam-genislik { width: 100%; }
.ekran-genislik { width: 100vw; }
.min-genislik-0 { min-width: 0; }
.min-genislik-tam { min-width: 100%; }
.yukseklik-oto { height: auto; }
.tam-yukseklik { height: 100%; }
.ekran-yukseklik { height: 100vh; }
.min-yukseklik-0 { min-height: 0; }
.min-yukseklik-ekran { min-height: 100vh; }
.genislik-1-12 { width: 8.3333%; }
.genislik-2-12 { width: 16.6667%; }
.genislik-3-12 { width: 25.0000%; }
.genislik-4-12 { width: 33.3333%; }
.genislik-5-12 { width: 41.6667%; }
.genislik-6-12 { width: 50.0000%; }
.genislik-7-12 { width: 58.3333%; }
.genislik-8-12 { width: 66.6667%; }
.genislik-9-12 { width: 75.0000%; }
.genislik-10-12 { width: 83.3333%; }
.genislik-11-12 { width: 91.6667%; }
.genislik-12-12 { width: 100.0000%; }
.yukseklik-1-12 { height: 8.3333%; }
.yukseklik-2-12 { height: 16.6667%; }
.yukseklik-3-12 { height: 25.0000%; }
.yukseklik-4-12 { height: 33.3333%; }
.yukseklik-5-12 { height: 41.6667%; }
.yukseklik-6-12 { height: 50.0000%; }
.yukseklik-7-12 { height: 58.3333%; }
.yukseklik-8-12 { height: 66.6667%; }
.yukseklik-9-12 { height: 75.0000%; }
.yukseklik-10-12 { height: 83.3333%; }
.yukseklik-11-12 { height: 91.6667%; }
.yukseklik-12-12 { height: 100.0000%; }
.en-fazla-xs { max-width: 20rem; }
.en-fazla-sm { max-width: 24rem; }
.en-fazla-md { max-width: 28rem; }
.en-fazla-lg { max-width: 32rem; }
.en-fazla-xl { max-width: 36rem; }
.en-fazla-2xl { max-width: 42rem; }
.en-fazla-3xl { max-width: 48rem; }
.en-fazla-4xl { max-width: 56rem; }
.en-fazla-5xl { max-width: 64rem; }
.en-fazla-6xl { max-width: 72rem; }
.en-fazla-7xl { max-width: 80rem; }
.en-fazla-tam { max-width: 100%; }
.en-fazla-ekran { max-width: 100vw; }
.metin-xs { font-size: 0.75rem; }
.metin-buyuk-xs { font-size: 0.75rem; }
.metin-sm { font-size: 0.875rem; }
.metin-buyuk-sm { font-size: 0.875rem; }
.metin-temel { font-size: 1rem; }
.metin-buyuk-temel { font-size: 1rem; }
.metin-lg { font-size: 1.125rem; }
.metin-buyuk-lg { font-size: 1.125rem; }
.metin-xl { font-size: 1.25rem; }
.metin-buyuk-xl { font-size: 1.25rem; }
.metin-2xl { font-size: 1.5rem; }
.metin-buyuk-2xl { font-size: 1.5rem; }
.metin-3xl { font-size: 1.875rem; }
.metin-buyuk-3xl { font-size: 1.875rem; }
.metin-4xl { font-size: 2.25rem; }
.metin-buyuk-4xl { font-size: 2.25rem; }
.metin-5xl { font-size: 3rem; }
.metin-buyuk-5xl { font-size: 3rem; }
.metin-6xl { font-size: 3.75rem; }
.metin-buyuk-6xl { font-size: 3.75rem; }
.metin-7xl { font-size: 4.5rem; }
.metin-buyuk-7xl { font-size: 4.5rem; }
.metin-8xl { font-size: 6rem; }
.metin-buyuk-8xl { font-size: 6rem; }
.metin-9xl { font-size: 8rem; }
.metin-buyuk-9xl { font-size: 8rem; }
.metin-sol { text-align: left; }
.metin-orta { text-align: center; }
.metin-sag { text-align: right; }
.metin-iki-yana { text-align: justify; }
.metin-ust { vertical-align: top; }
.metin-orta-dikey { vertical-align: middle; }
.metin-alt { vertical-align: bottom; }
.yazi-ince { font-weight: 300; }
.yazi-normal { font-weight: 400; }
.yazi-orta { font-weight: 500; }
.yazi-kalin { font-weight: 600; }
.yazi-cok-kalin { font-weight: 700; }
.yazi-siyah { font-weight: 900; }
.yazi-italik { font-style: italic; }
.yazi-duz { font-style: normal; }
.metin-buyuk-harf { text-transform: uppercase; }
.metin-kucuk-harf { text-transform: lowercase; }
.metin-baslik-harf { text-transform: capitalize; }
.metin-normal { text-transform: none; }
.satir-sik { line-height: 1.25; }
.satir-normal { line-height: 1.5; }
.satir-genis { line-height: 1.75; }
.satir-none { line-height: 1; }
.metin-kes { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.metin-kes-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.metin-kes-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.metin-kirma { word-break: break-word; }
.metin-kirma-yok { white-space: nowrap; }
.metin-on-cekme { overflow-wrap: break-word; }
.metin-birincil { color: var(--kut-renkler-birincil); }
.arkaplan-birincil { background-color: var(--kut-renkler-birincil); }
.kenarlik-birincil { border-color: var(--kut-renkler-birincil); }
.metin-ikincil { color: var(--kut-renkler-ikincil); }
.arkaplan-ikincil { background-color: var(--kut-renkler-ikincil); }
.kenarlik-ikincil { border-color: var(--kut-renkler-ikincil); }
.metin-yazi { color: var(--kut-renkler-yazi); }
.arkaplan-yazi { background-color: var(--kut-renkler-yazi); }
.kenarlik-yazi { border-color: var(--kut-renkler-yazi); }
.metin-yuzey { color: var(--kut-renkler-yuzey); }
.arkaplan-yuzey { background-color: var(--kut-renkler-yuzey); }
.kenarlik-yuzey { border-color: var(--kut-renkler-yuzey); }
.metin-yuzey-2 { color: var(--kut-renkler-yuzey-2); }
.arkaplan-yuzey-2 { background-color: var(--kut-renkler-yuzey-2); }
.kenarlik-yuzey-2 { border-color: var(--kut-renkler-yuzey-2); }
.metin-arkaplan { color: var(--kut-renkler-arkaplan); }
.arkaplan-arkaplan { background-color: var(--kut-renkler-arkaplan); }
.kenarlik-arkaplan { border-color: var(--kut-renkler-arkaplan); }
.metin-gri-50 { color: #f8fafc; }
.arkaplan-gri-50 { background-color: #f8fafc; }
.metin-gri-100 { color: #f1f5f9; }
.arkaplan-gri-100 { background-color: #f1f5f9; }
.metin-gri-200 { color: #e2e8f0; }
.arkaplan-gri-200 { background-color: #e2e8f0; }
.metin-gri-300 { color: #cbd5e1; }
.arkaplan-gri-300 { background-color: #cbd5e1; }
.metin-gri-400 { color: #94a3b8; }
.arkaplan-gri-400 { background-color: #94a3b8; }
.metin-gri-500 { color: #64748b; }
.arkaplan-gri-500 { background-color: #64748b; }
.metin-gri-600 { color: #475569; }
.arkaplan-gri-600 { background-color: #475569; }
.metin-gri-700 { color: #334155; }
.arkaplan-gri-700 { background-color: #334155; }
.metin-gri-800 { color: #1e293b; }
.arkaplan-gri-800 { background-color: #1e293b; }
.metin-gri-900 { color: #0f172a; }
.arkaplan-gri-900 { background-color: #0f172a; }
.metin-gri-950 { color: #020617; }
.arkaplan-gri-950 { background-color: #020617; }
.metin-beyaz { color: #fff; }
.metin-siyah { color: #000; }
.metin-kucuk { font-size: 0.875rem; }
.metin-buyuk { font-size: 1.125rem; }
.metin-basari { color: #16a34a; }
.metin-hata { color: #dc2626; }
.metin-uyari { color: #d97706; }
.metin-bilgi { color: #2563eb; }
.arkaplan-beyaz { background-color: #fff; }
.arkaplan-siyah { background-color: #000; }
.arkaplan-seffaf { background-color: transparent; }
.kenarlik { border-width: 1px; border-style: solid; border-color: rgba(148,163,184,0.35); }
.kenarlik-0 { border-width: 0; }
.kenarlik-2 { border-width: 2px; border-style: solid; }
.kenarlik-4 { border-width: 4px; border-style: solid; }
.kenarlik-yok { border: none; }
.ust-kenarlik { border-top-width: 1px; border-top-style: solid; }
.alt-kenarlik { border-bottom-width: 1px; border-bottom-style: solid; }
.sol-kenarlik { border-left-width: 1px; border-left-style: solid; }
.sag-kenarlik { border-right-width: 1px; border-right-style: solid; }
.koseli-yok { border-radius: 0; }
.koseli-sm { border-radius: var(--kut-radius-sm, 0.25rem); }
.koseli { border-radius: var(--kut-radius-md, 0.375rem); }
.koseli-md { border-radius: var(--kut-radius-md, 0.375rem); }
.koseli-lg { border-radius: var(--kut-radius-lg, 0.5rem); }
.koseli-xl { border-radius: var(--kut-radius-xl, 0.75rem); }
.koseli-2xl { border-radius: 1rem; }
.koseli-3xl { border-radius: 1.5rem; }
.koseli-tam { border-radius: 9999px; }
.koseli-buyuk { border-radius: var(--kut-radius-lg); }
.golge-yok { box-shadow: none; }
.golge-hafif { box-shadow: var(--kut-shadow-sm, 0 1px 2px rgba(0,0,0,0.05)); }
.golge { box-shadow: var(--kut-shadow-sm); }
.golge-orta { box-shadow: var(--kut-shadow-md, 0 4px 6px rgba(0,0,0,0.07)); }
.golge-buyuk { box-shadow: var(--kut-shadow-lg, 0 10px 15px rgba(0,0,0,0.1)); }
.golge-cok-buyuk { box-shadow: 0 20px 25px rgba(0,0,0,0.12); }
.golge-ic { box-shadow: inset 0 2px 4px rgba(0,0,0,0.06); }
.goreceli { position: relative; }
.mutlak { position: absolute; }
.sabit { position: fixed; }
.yapisik { position: sticky; }
.statik { position: static; }
.ust-0 { top: 0; }
.alt-0 { bottom: 0; }
.sol-0 { left: 0; }
.sag-0 { right: 0; }
.ust-1 { top: 0.25rem; }
.alt-1 { bottom: 0.25rem; }
.sol-1 { left: 0.25rem; }
.sag-1 { right: 0.25rem; }
.ust-2 { top: 0.5rem; }
.alt-2 { bottom: 0.5rem; }
.sol-2 { left: 0.5rem; }
.sag-2 { right: 0.5rem; }
.ust-3 { top: 0.75rem; }
.alt-3 { bottom: 0.75rem; }
.sol-3 { left: 0.75rem; }
.sag-3 { right: 0.75rem; }
.ust-4 { top: 1rem; }
.alt-4 { bottom: 1rem; }
.sol-4 { left: 1rem; }
.sag-4 { right: 1rem; }
.ust-5 { top: 1.25rem; }
.alt-5 { bottom: 1.25rem; }
.sol-5 { left: 1.25rem; }
.sag-5 { right: 1.25rem; }
.ust-6 { top: 1.5rem; }
.alt-6 { bottom: 1.5rem; }
.sol-6 { left: 1.5rem; }
.sag-6 { right: 1.5rem; }
.ust-7 { top: 1.75rem; }
.alt-7 { bottom: 1.75rem; }
.sol-7 { left: 1.75rem; }
.sag-7 { right: 1.75rem; }
.ust-8 { top: 2rem; }
.alt-8 { bottom: 2rem; }
.sol-8 { left: 2rem; }
.sag-8 { right: 2rem; }
.ust-9 { top: 2.25rem; }
.alt-9 { bottom: 2.25rem; }
.sol-9 { left: 2.25rem; }
.sag-9 { right: 2.25rem; }
.ust-10 { top: 2.5rem; }
.alt-10 { bottom: 2.5rem; }
.sol-10 { left: 2.5rem; }
.sag-10 { right: 2.5rem; }
.ust-11 { top: 2.75rem; }
.alt-11 { bottom: 2.75rem; }
.sol-11 { left: 2.75rem; }
.sag-11 { right: 2.75rem; }
.ust-12 { top: 3rem; }
.alt-12 { bottom: 3rem; }
.sol-12 { left: 3rem; }
.sag-12 { right: 3rem; }
.ust-13 { top: 3.25rem; }
.alt-13 { bottom: 3.25rem; }
.sol-13 { left: 3.25rem; }
.sag-13 { right: 3.25rem; }
.ust-14 { top: 3.5rem; }
.alt-14 { bottom: 3.5rem; }
.sol-14 { left: 3.5rem; }
.sag-14 { right: 3.5rem; }
.ust-15 { top: 3.75rem; }
.alt-15 { bottom: 3.75rem; }
.sol-15 { left: 3.75rem; }
.sag-15 { right: 3.75rem; }
.ust-16 { top: 4rem; }
.alt-16 { bottom: 4rem; }
.sol-16 { left: 4rem; }
.sag-16 { right: 4rem; }
.ust-17 { top: 4.25rem; }
.alt-17 { bottom: 4.25rem; }
.sol-17 { left: 4.25rem; }
.sag-17 { right: 4.25rem; }
.ust-18 { top: 4.5rem; }
.alt-18 { bottom: 4.5rem; }
.sol-18 { left: 4.5rem; }
.sag-18 { right: 4.5rem; }
.ust-19 { top: 4.75rem; }
.alt-19 { bottom: 4.75rem; }
.sol-19 { left: 4.75rem; }
.sag-19 { right: 4.75rem; }
.ust-20 { top: 5rem; }
.alt-20 { bottom: 5rem; }
.sol-20 { left: 5rem; }
.sag-20 { right: 5rem; }
.ust-21 { top: 5.25rem; }
.alt-21 { bottom: 5.25rem; }
.sol-21 { left: 5.25rem; }
.sag-21 { right: 5.25rem; }
.ust-22 { top: 5.5rem; }
.alt-22 { bottom: 5.5rem; }
.sol-22 { left: 5.5rem; }
.sag-22 { right: 5.5rem; }
.ust-23 { top: 5.75rem; }
.alt-23 { bottom: 5.75rem; }
.sol-23 { left: 5.75rem; }
.sag-23 { right: 5.75rem; }
.ust-24 { top: 6rem; }
.alt-24 { bottom: 6rem; }
.sol-24 { left: 6rem; }
.sag-24 { right: 6rem; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
.z-10 { z-index: 10; }
.z-11 { z-index: 11; }
.z-12 { z-index: 12; }
.z-13 { z-index: 13; }
.z-14 { z-index: 14; }
.z-15 { z-index: 15; }
.z-16 { z-index: 16; }
.z-17 { z-index: 17; }
.z-18 { z-index: 18; }
.z-19 { z-index: 19; }
.z-20 { z-index: 20; }
.z-21 { z-index: 21; }
.z-22 { z-index: 22; }
.z-23 { z-index: 23; }
.z-24 { z-index: 24; }
.z-25 { z-index: 25; }
.z-26 { z-index: 26; }
.z-27 { z-index: 27; }
.z-28 { z-index: 28; }
.z-29 { z-index: 29; }
.z-30 { z-index: 30; }
.z-31 { z-index: 31; }
.z-32 { z-index: 32; }
.z-33 { z-index: 33; }
.z-34 { z-index: 34; }
.z-35 { z-index: 35; }
.z-36 { z-index: 36; }
.z-37 { z-index: 37; }
.z-38 { z-index: 38; }
.z-39 { z-index: 39; }
.z-40 { z-index: 40; }
.z-41 { z-index: 41; }
.z-42 { z-index: 42; }
.z-43 { z-index: 43; }
.z-44 { z-index: 44; }
.z-45 { z-index: 45; }
.z-46 { z-index: 46; }
.z-47 { z-index: 47; }
.z-48 { z-index: 48; }
.z-49 { z-index: 49; }
.z-50 { z-index: 50; }
.z-oto { z-index: auto; }
.tasma-oto { overflow: auto; }
.tasma-gizle { overflow: hidden; }
.tasma-gorunur { overflow: visible; }
.tasma-kaydir { overflow: scroll; }
.tasma-x-oto { overflow-x: auto; }
.tasma-y-oto { overflow-y: auto; }
.tasma-x-gizle { overflow-x: hidden; }
.tasma-y-gizle { overflow-y: hidden; }
.opak-0 { opacity: 0.00; }
.opak-5 { opacity: 0.05; }
.opak-10 { opacity: 0.10; }
.opak-15 { opacity: 0.15; }
.opak-20 { opacity: 0.20; }
.opak-25 { opacity: 0.25; }
.opak-30 { opacity: 0.30; }
.opak-35 { opacity: 0.35; }
.opak-40 { opacity: 0.40; }
.opak-45 { opacity: 0.45; }
.opak-50 { opacity: 0.50; }
.opak-55 { opacity: 0.55; }
.opak-60 { opacity: 0.60; }
.opak-65 { opacity: 0.65; }
.opak-70 { opacity: 0.70; }
.opak-75 { opacity: 0.75; }
.opak-80 { opacity: 0.80; }
.opak-85 { opacity: 0.85; }
.opak-90 { opacity: 0.90; }
.opak-95 { opacity: 0.95; }
.opak-100 { opacity: 1.00; }
.imlec-isaret { cursor: pointer; }
.imlec-yasak { cursor: not-allowed; }
.imlec-bekle { cursor: wait; }
.imlec-metin { cursor: text; }
.imlec-oto { cursor: auto; }
.imlec-tasima { cursor: move; }
.imlec-yeniden-boyut { cursor: col-resize; }
.secim-yok { user-select: none; }
.secim-metin { user-select: text; }
.secim-tum { user-select: all; }
.tiklanamaz { pointer-events: none; }
.tiklanabilir { pointer-events: auto; }
.gorunmez { visibility: hidden; }
.gorunur { visibility: visible; }
.saydam { opacity: 0; }
.opak { opacity: 1; }
.nesne-kapsa { object-fit: cover; }
.nesne-sigdir { object-fit: contain; }
.nesne-doldur { object-fit: fill; }
.nesne-none { object-fit: none; }
.ekran-dis { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.esnek-sira-1 { order: 1; }
.esnek-sira-eksi-1 { order: -1; }
.izgara-kapsa-1 { grid-column: span 1 / span 1; }
.izgara-satir-kapsa-1 { grid-row: span 1 / span 1; }
.esnek-sira-2 { order: 2; }
.esnek-sira-eksi-2 { order: -2; }
.izgara-kapsa-2 { grid-column: span 2 / span 2; }
.izgara-satir-kapsa-2 { grid-row: span 2 / span 2; }
.esnek-sira-3 { order: 3; }
.esnek-sira-eksi-3 { order: -3; }
.izgara-kapsa-3 { grid-column: span 3 / span 3; }
.izgara-satir-kapsa-3 { grid-row: span 3 / span 3; }
.esnek-sira-4 { order: 4; }
.esnek-sira-eksi-4 { order: -4; }
.izgara-kapsa-4 { grid-column: span 4 / span 4; }
.izgara-satir-kapsa-4 { grid-row: span 4 / span 4; }
.esnek-sira-5 { order: 5; }
.esnek-sira-eksi-5 { order: -5; }
.izgara-kapsa-5 { grid-column: span 5 / span 5; }
.izgara-satir-kapsa-5 { grid-row: span 5 / span 5; }
.esnek-sira-6 { order: 6; }
.esnek-sira-eksi-6 { order: -6; }
.izgara-kapsa-6 { grid-column: span 6 / span 6; }
.izgara-satir-kapsa-6 { grid-row: span 6 / span 6; }
.esnek-sira-7 { order: 7; }
.esnek-sira-eksi-7 { order: -7; }
.izgara-kapsa-7 { grid-column: span 7 / span 7; }
.izgara-satir-kapsa-7 { grid-row: span 7 / span 7; }
.esnek-sira-8 { order: 8; }
.esnek-sira-eksi-8 { order: -8; }
.izgara-kapsa-8 { grid-column: span 8 / span 8; }
.izgara-satir-kapsa-8 { grid-row: span 8 / span 8; }
.esnek-sira-9 { order: 9; }
.esnek-sira-eksi-9 { order: -9; }
.izgara-kapsa-9 { grid-column: span 9 / span 9; }
.izgara-satir-kapsa-9 { grid-row: span 9 / span 9; }
.esnek-sira-10 { order: 10; }
.esnek-sira-eksi-10 { order: -10; }
.izgara-kapsa-10 { grid-column: span 10 / span 10; }
.izgara-satir-kapsa-10 { grid-row: span 10 / span 10; }
.esnek-sira-11 { order: 11; }
.esnek-sira-eksi-11 { order: -11; }
.izgara-kapsa-11 { grid-column: span 11 / span 11; }
.izgara-satir-kapsa-11 { grid-row: span 11 / span 11; }
.esnek-sira-12 { order: 12; }
.esnek-sira-eksi-12 { order: -12; }
.izgara-kapsa-12 { grid-column: span 12 / span 12; }
.izgara-satir-kapsa-12 { grid-row: span 12 / span 12; }
.genislik-1-2 { width: 50%; }
.genislik-1-3 { width: 33.3333%; }
.genislik-2-3 { width: 66.6667%; }
.genislik-1-4 { width: 25%; }
.genislik-3-4 { width: 75%; }
.genislik-1-5 { width: 20%; }
.genislik-2-5 { width: 40%; }
.genislik-3-5 { width: 60%; }
.genislik-4-5 { width: 80%; }
.oran-kare { aspect-ratio: 1 / 1; }
.oran-video { aspect-ratio: 16 / 9; }
.oran-sinema { aspect-ratio: 21 / 9; }
.oran-portre { aspect-ratio: 3 / 4; }
.oran-foto { aspect-ratio: 4 / 3; }
.oran-oto { aspect-ratio: auto; }
.bulanik-yok { filter: blur(0); }
.bulanik-sm { filter: blur(4px); }
.bulanik { filter: blur(8px); }
.bulanik-lg { filter: blur(16px); }
.bulanik-xl { filter: blur(24px); }
.arkaplan-bulanik { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.olcek-50 { transform: scale(0.5); }
.olcek-75 { transform: scale(0.75); }
.olcek-90 { transform: scale(0.9); }
.olcek-95 { transform: scale(0.95); }
.olcek-100 { transform: scale(1); }
.olcek-105 { transform: scale(1.05); }
.olcek-110 { transform: scale(1.1); }
.olcek-125 { transform: scale(1.25); }
.olcek-150 { transform: scale(1.5); }
.tasi-x-1 { transform: translateX(0.25rem); }
.tasi-y-1 { transform: translateY(0.25rem); }
.tasi-x-2 { transform: translateX(0.5rem); }
.tasi-y-2 { transform: translateY(0.5rem); }
.tasi-x-4 { transform: translateX(1rem); }
.tasi-y-4 { transform: translateY(1rem); }
.tasi-x-8 { transform: translateX(2rem); }
.tasi-y-8 { transform: translateY(2rem); }
.tasi-x-16 { transform: translateX(4rem); }
.tasi-y-16 { transform: translateY(4rem); }
.harf-aralik-sik { letter-spacing: -0.025em; }
.harf-aralik-normal { letter-spacing: 0; }
.harf-aralik-genis { letter-spacing: 0.025em; }
.harf-aralik-cok-genis { letter-spacing: 0.1em; }
@media (min-width: 640px) { .sm-gizli { display: none !important; } }
@media (min-width: 640px) { .sm-blok { display: block; } }
@media (min-width: 640px) { .sm-esnek { display: flex; } }
@media (min-width: 640px) { .sm-esnek-dikey { flex-direction: column; } }
@media (min-width: 640px) { .sm-tam-genislik { width: 100%; } }
@media (min-width: 640px) { .sm-yatay-orta { justify-content: center; } }
@media (min-width: 640px) { .sm-yatay-arali { justify-content: space-between; } }
@media (min-width: 640px) { .sm-oge-orta { align-items: center; } }
@media (min-width: 640px) { .sm-metin-orta { text-align: center; } }
@media (min-width: 640px) { .sm-metin-sol { text-align: left; } }
@media (min-width: 640px) { .sm-izgara { display: grid; } }
@media (min-width: 640px) { .sm-izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
@media (min-width: 640px) { .sm-dolgu-0 { padding: 0; } }
@media (min-width: 640px) { .sm-dis-bosluk-0 { margin: 0; } }
@media (min-width: 640px) { .sm-aralik-0 { gap: 0; } }
@media (min-width: 640px) { .sm-dolgu-2 { padding: 0.5rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-2 { margin: 0.5rem; } }
@media (min-width: 640px) { .sm-aralik-2 { gap: 0.5rem; } }
@media (min-width: 640px) { .sm-dolgu-4 { padding: 1rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-4 { margin: 1rem; } }
@media (min-width: 640px) { .sm-aralik-4 { gap: 1rem; } }
@media (min-width: 640px) { .sm-dolgu-6 { padding: 1.5rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-6 { margin: 1.5rem; } }
@media (min-width: 640px) { .sm-aralik-6 { gap: 1.5rem; } }
@media (min-width: 640px) { .sm-dolgu-8 { padding: 2rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-8 { margin: 2rem; } }
@media (min-width: 640px) { .sm-aralik-8 { gap: 2rem; } }
@media (min-width: 640px) { .sm-dolgu-12 { padding: 3rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-12 { margin: 3rem; } }
@media (min-width: 640px) { .sm-aralik-12 { gap: 3rem; } }
@media (min-width: 640px) { .sm-dolgu-16 { padding: 4rem; } }
@media (min-width: 640px) { .sm-dis-bosluk-16 { margin: 4rem; } }
@media (min-width: 640px) { .sm-aralik-16 { gap: 4rem; } }
@media (min-width: 768px) { .md-gizli { display: none !important; } }
@media (min-width: 768px) { .md-blok { display: block; } }
@media (min-width: 768px) { .md-esnek { display: flex; } }
@media (min-width: 768px) { .md-esnek-dikey { flex-direction: column; } }
@media (min-width: 768px) { .md-tam-genislik { width: 100%; } }
@media (min-width: 768px) { .md-yatay-orta { justify-content: center; } }
@media (min-width: 768px) { .md-yatay-arali { justify-content: space-between; } }
@media (min-width: 768px) { .md-oge-orta { align-items: center; } }
@media (min-width: 768px) { .md-metin-orta { text-align: center; } }
@media (min-width: 768px) { .md-metin-sol { text-align: left; } }
@media (min-width: 768px) { .md-izgara { display: grid; } }
@media (min-width: 768px) { .md-izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md-dolgu-0 { padding: 0; } }
@media (min-width: 768px) { .md-dis-bosluk-0 { margin: 0; } }
@media (min-width: 768px) { .md-aralik-0 { gap: 0; } }
@media (min-width: 768px) { .md-dolgu-2 { padding: 0.5rem; } }
@media (min-width: 768px) { .md-dis-bosluk-2 { margin: 0.5rem; } }
@media (min-width: 768px) { .md-aralik-2 { gap: 0.5rem; } }
@media (min-width: 768px) { .md-dolgu-4 { padding: 1rem; } }
@media (min-width: 768px) { .md-dis-bosluk-4 { margin: 1rem; } }
@media (min-width: 768px) { .md-aralik-4 { gap: 1rem; } }
@media (min-width: 768px) { .md-dolgu-6 { padding: 1.5rem; } }
@media (min-width: 768px) { .md-dis-bosluk-6 { margin: 1.5rem; } }
@media (min-width: 768px) { .md-aralik-6 { gap: 1.5rem; } }
@media (min-width: 768px) { .md-dolgu-8 { padding: 2rem; } }
@media (min-width: 768px) { .md-dis-bosluk-8 { margin: 2rem; } }
@media (min-width: 768px) { .md-aralik-8 { gap: 2rem; } }
@media (min-width: 768px) { .md-dolgu-12 { padding: 3rem; } }
@media (min-width: 768px) { .md-dis-bosluk-12 { margin: 3rem; } }
@media (min-width: 768px) { .md-aralik-12 { gap: 3rem; } }
@media (min-width: 768px) { .md-dolgu-16 { padding: 4rem; } }
@media (min-width: 768px) { .md-dis-bosluk-16 { margin: 4rem; } }
@media (min-width: 768px) { .md-aralik-16 { gap: 4rem; } }
@media (min-width: 1024px) { .lg-gizli { display: none !important; } }
@media (min-width: 1024px) { .lg-blok { display: block; } }
@media (min-width: 1024px) { .lg-esnek { display: flex; } }
@media (min-width: 1024px) { .lg-esnek-dikey { flex-direction: column; } }
@media (min-width: 1024px) { .lg-tam-genislik { width: 100%; } }
@media (min-width: 1024px) { .lg-yatay-orta { justify-content: center; } }
@media (min-width: 1024px) { .lg-yatay-arali { justify-content: space-between; } }
@media (min-width: 1024px) { .lg-oge-orta { align-items: center; } }
@media (min-width: 1024px) { .lg-metin-orta { text-align: center; } }
@media (min-width: 1024px) { .lg-metin-sol { text-align: left; } }
@media (min-width: 1024px) { .lg-izgara { display: grid; } }
@media (min-width: 1024px) { .lg-izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg-dolgu-0 { padding: 0; } }
@media (min-width: 1024px) { .lg-dis-bosluk-0 { margin: 0; } }
@media (min-width: 1024px) { .lg-aralik-0 { gap: 0; } }
@media (min-width: 1024px) { .lg-dolgu-2 { padding: 0.5rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-2 { margin: 0.5rem; } }
@media (min-width: 1024px) { .lg-aralik-2 { gap: 0.5rem; } }
@media (min-width: 1024px) { .lg-dolgu-4 { padding: 1rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-4 { margin: 1rem; } }
@media (min-width: 1024px) { .lg-aralik-4 { gap: 1rem; } }
@media (min-width: 1024px) { .lg-dolgu-6 { padding: 1.5rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-6 { margin: 1.5rem; } }
@media (min-width: 1024px) { .lg-aralik-6 { gap: 1.5rem; } }
@media (min-width: 1024px) { .lg-dolgu-8 { padding: 2rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-8 { margin: 2rem; } }
@media (min-width: 1024px) { .lg-aralik-8 { gap: 2rem; } }
@media (min-width: 1024px) { .lg-dolgu-12 { padding: 3rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-12 { margin: 3rem; } }
@media (min-width: 1024px) { .lg-aralik-12 { gap: 3rem; } }
@media (min-width: 1024px) { .lg-dolgu-16 { padding: 4rem; } }
@media (min-width: 1024px) { .lg-dis-bosluk-16 { margin: 4rem; } }
@media (min-width: 1024px) { .lg-aralik-16 { gap: 4rem; } }
@media (min-width: 1280px) { .xl-gizli { display: none !important; } }
@media (min-width: 1280px) { .xl-blok { display: block; } }
@media (min-width: 1280px) { .xl-esnek { display: flex; } }
@media (min-width: 1280px) { .xl-esnek-dikey { flex-direction: column; } }
@media (min-width: 1280px) { .xl-tam-genislik { width: 100%; } }
@media (min-width: 1280px) { .xl-yatay-orta { justify-content: center; } }
@media (min-width: 1280px) { .xl-yatay-arali { justify-content: space-between; } }
@media (min-width: 1280px) { .xl-oge-orta { align-items: center; } }
@media (min-width: 1280px) { .xl-metin-orta { text-align: center; } }
@media (min-width: 1280px) { .xl-metin-sol { text-align: left; } }
@media (min-width: 1280px) { .xl-izgara { display: grid; } }
@media (min-width: 1280px) { .xl-izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .xl-dolgu-0 { padding: 0; } }
@media (min-width: 1280px) { .xl-dis-bosluk-0 { margin: 0; } }
@media (min-width: 1280px) { .xl-aralik-0 { gap: 0; } }
@media (min-width: 1280px) { .xl-dolgu-2 { padding: 0.5rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-2 { margin: 0.5rem; } }
@media (min-width: 1280px) { .xl-aralik-2 { gap: 0.5rem; } }
@media (min-width: 1280px) { .xl-dolgu-4 { padding: 1rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-4 { margin: 1rem; } }
@media (min-width: 1280px) { .xl-aralik-4 { gap: 1rem; } }
@media (min-width: 1280px) { .xl-dolgu-6 { padding: 1.5rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-6 { margin: 1.5rem; } }
@media (min-width: 1280px) { .xl-aralik-6 { gap: 1.5rem; } }
@media (min-width: 1280px) { .xl-dolgu-8 { padding: 2rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-8 { margin: 2rem; } }
@media (min-width: 1280px) { .xl-aralik-8 { gap: 2rem; } }
@media (min-width: 1280px) { .xl-dolgu-12 { padding: 3rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-12 { margin: 3rem; } }
@media (min-width: 1280px) { .xl-aralik-12 { gap: 3rem; } }
@media (min-width: 1280px) { .xl-dolgu-16 { padding: 4rem; } }
@media (min-width: 1280px) { .xl-dis-bosluk-16 { margin: 4rem; } }
@media (min-width: 1280px) { .xl-aralik-16 { gap: 4rem; } }
@media (min-width: 1536px) { .2xl-gizli { display: none !important; } }
@media (min-width: 1536px) { .2xl-blok { display: block; } }
@media (min-width: 1536px) { .2xl-esnek { display: flex; } }
@media (min-width: 1536px) { .2xl-esnek-dikey { flex-direction: column; } }
@media (min-width: 1536px) { .2xl-tam-genislik { width: 100%; } }
@media (min-width: 1536px) { .2xl-yatay-orta { justify-content: center; } }
@media (min-width: 1536px) { .2xl-yatay-arali { justify-content: space-between; } }
@media (min-width: 1536px) { .2xl-oge-orta { align-items: center; } }
@media (min-width: 1536px) { .2xl-metin-orta { text-align: center; } }
@media (min-width: 1536px) { .2xl-metin-sol { text-align: left; } }
@media (min-width: 1536px) { .2xl-izgara { display: grid; } }
@media (min-width: 1536px) { .2xl-izgara-sutun-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-izgara-sutun-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-izgara-sutun-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-izgara-sutun-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-izgara-sutun-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-izgara-sutun-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } }
@media (min-width: 1536px) { .2xl-dolgu-0 { padding: 0; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-0 { margin: 0; } }
@media (min-width: 1536px) { .2xl-aralik-0 { gap: 0; } }
@media (min-width: 1536px) { .2xl-dolgu-2 { padding: 0.5rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-2 { margin: 0.5rem; } }
@media (min-width: 1536px) { .2xl-aralik-2 { gap: 0.5rem; } }
@media (min-width: 1536px) { .2xl-dolgu-4 { padding: 1rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-4 { margin: 1rem; } }
@media (min-width: 1536px) { .2xl-aralik-4 { gap: 1rem; } }
@media (min-width: 1536px) { .2xl-dolgu-6 { padding: 1.5rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-6 { margin: 1.5rem; } }
@media (min-width: 1536px) { .2xl-aralik-6 { gap: 1.5rem; } }
@media (min-width: 1536px) { .2xl-dolgu-8 { padding: 2rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-8 { margin: 2rem; } }
@media (min-width: 1536px) { .2xl-aralik-8 { gap: 2rem; } }
@media (min-width: 1536px) { .2xl-dolgu-12 { padding: 3rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-12 { margin: 3rem; } }
@media (min-width: 1536px) { .2xl-aralik-12 { gap: 3rem; } }
@media (min-width: 1536px) { .2xl-dolgu-16 { padding: 4rem; } }
@media (min-width: 1536px) { .2xl-dis-bosluk-16 { margin: 4rem; } }
@media (min-width: 1536px) { .2xl-aralik-16 { gap: 4rem; } }
@media (max-width: 767px) { .md-gizle-mobil { display: none !important; } }
@media (min-width: 768px) { .md-gizle-masaustu { display: none !important; } }
@media (max-width: 1023px) { .lg-gizle-mobil { display: none !important; } }
@media (min-width: 1024px) { .lg-gizle-masaustu { display: none !important; } }
@media (max-width: 1023px) { .mobil-gizle { display: none !important; } }
@media (min-width: 1024px) { .masaustu-gizle { display: none !important; } }
@media (max-width: 767px) { .tablet-gizle { display: none !important; } }
@media (min-width: 768px) { .sadece-mobil { display: none !important; } }
@media (max-width: 767px) { .sadece-masaustu { display: none !important; } }
.guvenli-alan-ust { padding-top: env(safe-area-inset-top, 0px); }
.guvenli-alan-alt { padding-bottom: env(safe-area-inset-bottom, 0px); }
.guvenli-alan-yatay { padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
.guvenli-dolgu { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
.guvenli-dolgu-alt { padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px)); }
.guvenli-dolgu-ust { padding-top: calc(0.5rem + env(safe-area-inset-top, 0px)); }
.guvenli-dolgu-yatay { padding-left: calc(0.75rem + env(safe-area-inset-left, 0px)); padding-right: calc(0.75rem + env(safe-area-inset-right, 0px)); }
.kabuk-yukseklik { min-height: 100dvh; min-height: 100vh; }
.tam-yukseklik { height: 100%; min-height: 100%; }
.ekran-yukseklik { height: 100dvh; height: 100vh; }
.dokunmatik-hedef { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
.dokunmatik-hedef-buyuk { min-height: 48px; min-width: 48px; display: inline-flex; align-items: center; justify-content: center; }
.kaydirma-kilit { overflow: hidden; overscroll-behavior: none; }
.kaydir-yok { overflow: hidden; }
.dokunma-yok { touch-action: none; user-select: none; }
.dokunma-kaydir { touch-action: pan-y; -webkit-overflow-scrolling: touch; }
.mobil-kabuk { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)); }
.mobil-ust-bar { padding-top: env(safe-area-inset-top, 0px); }
.app-cubuk-golge { box-shadow: 0 -1px 0 rgba(15,23,42,0.08), 0 -4px 16px rgba(15,23,42,0.06); }
.app-cubuk-ust-golge { box-shadow: 0 1px 0 rgba(15,23,42,0.08), 0 4px 16px rgba(15,23,42,0.04); }
.platform-web { --kut-platform: web; }
.platform-mobil { --kut-platform: mobil; }
.platform-tablet { --kut-platform: tablet; }
.notch-uyum { padding-top: max(0.75rem, env(safe-area-inset-top, 0px)); }
.home-indicator-bosluk { padding-bottom: max(0.5rem, env(safe-area-inset-bottom, 0px)); }
.tam-genislik-kabuk { width: 100%; max-width: none; margin: 0; }
.sabit-alt { position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; }
.sabit-ust { position: fixed; top: 0; left: 0; right: 0; z-index: 50; }
.blur-arkaplan { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.app-yuzey { background: rgba(255,255,255,0.92); border: 1px solid rgba(148,163,184,0.25); }
.hover-golge-orta:hover { box-shadow: var(--kut-shadow-md); }
.hover-golge-buyuk:hover { box-shadow: var(--kut-shadow-lg); }
.hover-arkaplan-gri-100:hover { background-color: #f1f5f9; }
.hover-metin-birincil:hover { color: var(--kut-renkler-birincil); }
.hover-opak-80:hover { opacity: 0.8; }
.focus-halka:focus { outline: 2px solid var(--kut-renkler-birincil-soft, rgba(99,102,241,0.4)); outline-offset: 2px; }
.focus-halka-yok:focus { outline: none; }
.gecis { transition: all 0.2s ease; }
.gecis-renk { transition: color 0.2s, background-color 0.2s, border-color 0.2s; }
.gecis-donus { transition: transform 0.2s ease; }
.don-90 { transform: rotate(90deg); }
.don-180 { transform: rotate(180deg); }
.olcekle-105:hover { transform: scale(1.05); }
.olcekle-110:hover { transform: scale(1.1); }

.kut-navbar { box-shadow: 0 4px 24px rgba(0,0,0,0.45); }

.kut-navbar .kut-logo, .kut-navbar .kut-gezinti-logo { color: #38bdf8; font-weight: 800; font-size: 1.2rem; }

.kut-navbar .kut-gezinti-baglantisi { color: #cbd5e1; }

.kut-navbar .kut-gezinti-baglantisi:hover { color: #f8fafc; background: rgba(56,189,248,0.12); }

.kut-navbar .kut-menu-dugme { border: 1px solid rgba(56,189,248,0.25); background: rgba(15,23,42,0.8); }

.kut-navbar .kut-menu-cizgi { background: #e2e8f0; }

.kut-navbar .kut-btn-gezinti-eylem { background: linear-gradient(135deg,#38bdf8,#818cf8); color: #041018; border: none; box-shadow: 0 4px 20px rgba(56,189,248,0.35); }

.kut-kart { border-radius: 16px; }

.kut-btn { border-radius: 10px; }

.kut-form-girdi { border-radius: 12px; }
html[data-kut-tema="koyu"] {
  --kut-renkler-sinir: #334155;
  --kut-renkler-ikincil: #818cf8;
  --kut-renkler-birincil: #38bdf8;
  --kut-renkler-arkaplan: #030712;
  --kut-renkler-yazi: #f8fafc;
  --kut-renkler-yuzey: #111827;
}
html[data-kut-tema="acik"] {
  --kut-renkler-yazi: #020617;
  --kut-renkler-birincil: #1d4ed8;
  --kut-renkler-yuzey: #ffffff;
  --kut-renkler-sinir: #cbd5e1;
  --kut-renkler-ikincil: #4f46e5;
  --kut-renkler-arkaplan: #f1f5f9;
}
html[data-kut-tema="acik"] body {
  background-color: var(--kut-renkler-arkaplan, #f3f7ff);
  color: var(--kut-renkler-yazi, #0f172a);
}
html[data-kut-tema="koyu"] body {
  background-color: var(--kut-renkler-arkaplan, #06080f);
  color: var(--kut-renkler-yazi, #f1f5f9);
}
html[data-kut-tema="acik"] .kut-kart,
html[data-kut-tema="acik"] .kut-kapak,
html[data-kut-tema="acik"] .kut-veri-tablosu,
html[data-kut-tema="acik"] .kut-baslik {
  color: var(--kut-renkler-yazi, #0f172a);
}
html[data-kut-tema="acik"] .kut-kart-aciklama,
html[data-kut-tema="acik"] .kut-kapak-aciklama,
html[data-kut-tema="acik"] .kut-metin {
  color: var(--kut-renkler-yazi, #334155);
}
html[data-kut-tema="acik"] { color-scheme: light; }
html[data-kut-tema="koyu"] { color-scheme: dark; }

/* özel CSS */
:root { --birincil: #38bdf8; --birincil-koyu: #0ea5e9; --vurgu: #818cf8; --vurgu-pembe: #f472b6; --arkaplan: #06080f; --yuzey: rgba(15, 20, 35, 0.72); --yuzey-acik: rgba(25, 32, 55, 0.85); --yazi: #f1f5f9; --yazi-soluk: #94a3b8; --yazi-soluk-2: #64748b; --sinir: rgba(148, 163, 184, 0.12); --sinir-acik: rgba(148, 163, 184, 0.22); --basari: #34d399; --hata: #f87171; --golge: 0 24px 80px rgba(0, 0, 0, 0.45); --yaricap: 16px; --yaricap-kucuk: 10px; --font: "Plus Jakarta Sans", system-ui, sans-serif; --mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace; --gecis: 0.35s cubic-bezier(0.4, 0, 0.2, 1); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font); background: var(--arkaplan); color: var(--yazi); line-height: 1.65; min-height: 100vh; overflow-x: hidden; } a { color: inherit; text-decoration: none; } .kapsayici { max-width: 1140px; margin: 0 auto; padding: 0 1.5rem; } .arkaplan-dekor { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; } .blob { position: absolute; border-radius: 50%; filter: blur(90px); opacity: 0.45; animation: blob-yuz 18s ease-in-out infinite; } .blob-1 { width: 520px; height: 520px; background: radial-gradient(circle, #0ea5e9 0%, transparent 70%); top: -120px; left: -80px; } .blob-2 { width: 480px; height: 480px; background: radial-gradient(circle, #6366f1 0%, transparent 70%); top: 30%; right: -100px; animation-delay: -6s; } .blob-3 { width: 400px; height: 400px; background: radial-gradient(circle, #ec4899 0%, transparent 70%); bottom: 10%; left: 20%; animation-delay: -12s; } .grid-desen { position: absolute; inset: 0; background-image: linear-gradient(rgba(148,163,184,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,0.04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent); } @keyframes blob-yuz { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(30px, -40px) scale(1.05); } 66% { transform: translate(-20px, 30px) scale(0.95); } } .ust { position: fixed; top: 0; left: 0; right: 0; z-index: 200; transition: background var(--gecis), border-color var(--gecis), backdrop-filter var(--gecis); border-bottom: 1px solid transparent; } .ust.kaydirildi { background: rgba(6, 8, 15, 0.82); backdrop-filter: blur(16px); border-color: var(--sinir); } .ust-ic { display: flex; align-items: center; justify-content: space-between; height: 72px; } .logo { display: flex; align-items: center; gap: 0.6rem; font-size: 1.2rem; font-weight: 800; letter-spacing: -0.02em; } .logo-simge { display: flex; align-items: center; justify-content: center; color: var(--birincil); } .logo-simge img, .logo-simge svg { display: block; width: 28px; height: 28px; } .nav { display: flex; align-items: center; gap: 0.25rem; } .nav a { padding: 0.5rem 0.85rem; border-radius: 999px; font-size: 0.9rem; font-weight: 500; color: var(--yazi-soluk); transition: color var(--gecis), background var(--gecis); } .nav a:hover { color: var(--yazi); background: rgba(255,255,255,0.06); } .menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 0.5rem; } .menu-toggle span { display: block; width: 22px; height: 2px; background: var(--yazi); border-radius: 2px; transition: var(--gecis); } .kahraman { padding: 8rem 0 5rem; min-height: 92vh; display: flex; align-items: center; } .kahraman-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .etiket { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.85rem 0.35rem 0.55rem; border-radius: 999px; background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.25); font-size: 0.8rem; font-weight: 600; color: var(--birincil); margin-bottom: 1.25rem; } .etiket-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--basari); animation: nabiz 2s ease infinite; } @keyframes nabiz { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.85); } } .kahraman h1 { font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.12; letter-spacing: -0.03em; margin-bottom: 1.25rem; } .gradyan-metin { background: linear-gradient(135deg, var(--birincil) 0%, var(--vurgu) 50%, var(--vurgu-pembe) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .alt-baslik { font-size: 1.1rem; color: var(--yazi-soluk); max-width: 480px; margin-bottom: 2rem; } .kahraman-dugmeler { display: flex; flex-wrap: wrap; gap: 0.85rem; margin-bottom: 2.5rem; } .btn-birincil, .btn-cam, .btn-hayalet, .btn-ikincil { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.65rem 1.25rem; border-radius: 999px; font-weight: 600; font-size: 0.9rem; cursor: pointer; border: none; font-family: inherit; transition: transform 0.2s, box-shadow 0.2s, background 0.2s; } .btn-birincil { background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)); color: white; box-shadow: 0 8px 32px rgba(14, 165, 233, 0.35); } .btn-birincil:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14, 165, 233, 0.45); } .btn-buyuk { padding: 0.85rem 1.6rem; font-size: 0.95rem; } .btn-tam { width: 100%; justify-content: center; padding: 0.85rem; } .btn-cam { background: rgba(255,255,255,0.06); border: 1px solid var(--sinir-acik); color: var(--yazi); } .btn-cam:hover { background: rgba(255,255,255,0.1); } .btn-hayalet { background: transparent; color: var(--yazi-soluk); border: 1px solid var(--sinir); } .btn-hayalet:hover { color: var(--yazi); border-color: var(--sinir-acik); } .istatistik { display: flex; gap: 1.5rem; flex-wrap: wrap; } .istatistik-kart { padding: 1rem 1.25rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); min-width: 120px; } .istatistik-kart strong { display: block; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.02em; background: linear-gradient(135deg, var(--yazi), var(--birincil)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .istatistik-kart span { font-size: 0.78rem; color: var(--yazi-soluk); font-weight: 500; } .terminal-kapsul { border-radius: var(--yaricap); background: var(--yuzey-acik); border: 1px solid var(--sinir-acik); box-shadow: var(--golge); overflow: hidden; animation: terminal-yuz 6s ease-in-out infinite; } @keyframes terminal-yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .terminal-baslik { display: flex; align-items: center; gap: 0.45rem; padding: 0.85rem 1rem; background: rgba(0,0,0,0.35); border-bottom: 1px solid var(--sinir); } .nokta { width: 11px; height: 11px; border-radius: 50%; } .kirmizi { background: #ff5f57; } .sari { background: #febc2e; } .yesil { background: #28c840; } .terminal-baslik-metin { margin-left: 0.5rem; font-size: 0.75rem; color: var(--yazi-soluk-2); font-family: var(--mono); } .terminal-govde { padding: 1.25rem; font-family: var(--mono); font-size: 0.82rem; min-height: 220px; } .terminal-satir { color: var(--birincil); margin-bottom: 0.75rem; } .prompt { color: var(--vurgu-pembe); margin-right: 0.35rem; } .imlec { display: inline-block; width: 8px; height: 1.1em; background: var(--birincil); vertical-align: text-bottom; animation: imlec-yanip 1s step-end infinite; } @keyframes imlec-yanip { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .terminal-cikti { color: var(--yazi-soluk); line-height: 1.8; } .terminal-cikti .basari { color: var(--basari); } .terminal-cikti .soluk { color: var(--yazi-soluk-2); } .bolum { padding: 5rem 0; } .bolum-etiket { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--birincil); margin-bottom: 0.75rem; } .bolum-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; margin-bottom: 2.5rem; } .bolum-ust { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2rem; } .bolum-ust .bolum-baslik { margin-bottom: 0; } .ozellik-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; } .ozellik-kart { padding: 1.75rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis); } .ozellik-kart:hover { transform: translateY(-4px); border-color: rgba(56, 189, 248, 0.3); box-shadow: 0 20px 60px rgba(0,0,0,0.3); } .ozellik-simge { font-size: 1.75rem; margin-bottom: 1rem; } .ozellik-kart h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.5rem; } .ozellik-kart p { font-size: 0.9rem; color: var(--yazi-soluk); } .ozellik-kart code { font-family: var(--mono); font-size: 0.82em; color: var(--birincil); background: rgba(56,189,248,0.1); padding: 0.1em 0.35em; border-radius: 4px; } .paket-bolumu { background: linear-gradient(180deg, transparent, rgba(99,102,241,0.04) 50%, transparent); } .arama-kapsul { display: flex; align-items: center; gap: 0.65rem; padding: 0.65rem 1.1rem; border-radius: 999px; background: var(--yuzey); border: 1px solid var(--sinir-acik); min-width: 280px; transition: border-color var(--gecis), box-shadow var(--gecis); } .arama-kapsul:focus-within { border-color: rgba(56,189,248,0.5); box-shadow: 0 0 0 3px rgba(56,189,248,0.12); } .arama-kapsul svg { color: var(--yazi-soluk-2); flex-shrink: 0; } .arama-kapsul input { flex: 1; background: none; border: none; outline: none; color: var(--yazi); font-family: inherit; font-size: 0.95rem; } .arama-kapsul input::placeholder { color: var(--yazi-soluk-2); } .paket-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.25rem; } .paket-kart { padding: 1.5rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); backdrop-filter: blur(12px); transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis); animation: kart-giris 0.5s ease backwards; } .paket-kart:hover { transform: translateY(-4px) scale(1.01); border-color: rgba(129, 140, 248, 0.35); box-shadow: 0 16px 48px rgba(0,0,0,0.35); } @keyframes kart-giris { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .paket-kart h3 { font-family: var(--mono); font-size: 0.95rem; font-weight: 500; color: var(--birincil); margin-bottom: 0.5rem; } .paket-kart p { font-size: 0.88rem; color: var(--yazi-soluk); margin-bottom: 1rem; line-height: 1.5; } .paket-meta { display: flex; justify-content: space-between; align-items: center; font-size: 0.78rem; color: var(--yazi-soluk-2); } .paket-rozet { padding: 0.2rem 0.55rem; border-radius: 999px; background: rgba(52, 211, 153, 0.12); color: var(--basari); font-weight: 600; } .paket-bos { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem; border-radius: var(--yaricap); border: 1px dashed var(--sinir-acik); color: var(--yazi-soluk); } .paket-bos strong { display: block; font-size: 1.1rem; color: var(--yazi); margin-bottom: 0.5rem; } .yukleniyor-kart { grid-column: 1 / -1; padding: 2rem; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--sinir); } .yukleniyor-cubuk { height: 14px; border-radius: 6px; background: linear-gradient(90deg, var(--sinir) 25%, var(--sinir-acik) 50%, var(--sinir) 75%); background-size: 200% 100%; animation: iskelet 1.5s ease infinite; margin-bottom: 0.75rem; width: 60%; } .yukleniyor-cubuk.kisa { width: 40%; } .yukleniyor-cubuk.orta { width: 80%; margin-bottom: 0; } @keyframes iskelet { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } .anim-nefes { animation: nefes 2s ease-in-out infinite; } @keyframes nefes { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } .nasil-bolumu { background: var(--yuzey); border-top: 1px solid var(--sinir); border-bottom: 1px solid var(--sinir); } .zaman-cizgisi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } @media (max-width: 720px) { .zaman-cizgisi { grid-template-columns: 1fr; } } .adim-kart { padding: 1.75rem; border-radius: var(--yaricap); background: rgba(6,8,15,0.6); border: 1px solid var(--sinir); position: relative; overflow: hidden; transition: border-color var(--gecis); } .adim-kart::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--birincil), var(--vurgu)); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .adim-kart:hover::before { transform: scaleX(1); } .adim-kart:hover { border-color: var(--sinir-acik); } .adim-no { font-size: 2.5rem; font-weight: 800; letter-spacing: -0.04em; background: linear-gradient(135deg, var(--birincil), var(--vurgu)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; opacity: 0.35; line-height: 1; margin-bottom: 0.75rem; } .adim-kart h3 { font-size: 1rem; font-weight: 700; margin-bottom: 1rem; } .adim-kart pre { background: rgba(0,0,0,0.35); border-radius: var(--yaricap-kucuk); padding: 1rem 1.1rem; overflow-x: visible; border: 1px solid var(--sinir); } .adim-kart code { font-family: var(--mono); font-size: 0.78rem; color: var(--yazi-soluk); line-height: 1.75; white-space: pre-wrap; word-break: break-word; } .cta-bolum { padding: 5rem 0; } .cta-ic { text-align: center; padding: 4rem 2rem; border-radius: 24px; background: linear-gradient(135deg, rgba(14,165,233,0.15), rgba(99,102,241,0.15)); border: 1px solid rgba(56,189,248,0.2); position: relative; overflow: hidden; } .cta-ic::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 30% 50%, rgba(56,189,248,0.12), transparent 60%); pointer-events: none; } .cta-ic h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; margin-bottom: 0.75rem; position: relative; } .cta-ic p { color: var(--yazi-soluk); margin-bottom: 1.75rem; position: relative; } .altbilgi { padding: 3rem 0 0; border-top: 1px solid var(--sinir); } .altbilgi-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; padding-bottom: 2rem; } .altbilgi-grid p, .altbilgi-grid a { display: block; font-size: 0.88rem; color: var(--yazi-soluk); margin-top: 0.35rem; } .altbilgi-grid a:hover { color: var(--birincil); } .altbilgi-grid h4 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--yazi-soluk-2); margin-bottom: 0.5rem; } .logo-alt { font-size: 1.1rem; color: var(--yazi); } .registry-url { font-family: var(--mono); font-size: 0.78rem; color: var(--birincil); background: rgba(56,189,248,0.08); padding: 0.35rem 0.65rem; border-radius: 6px; display: inline-block; margin-top: 0.5rem; } .telif { padding: 1.25rem 0; border-top: 1px solid var(--sinir); text-align: center; font-size: 0.8rem; color: var(--yazi-soluk-2); } dialog { position: fixed; inset: 0; width: min(420px, 92vw); height: fit-content; max-height: calc(100vh - 2rem); margin: auto; padding: 0; border: none; border-radius: 20px; background: var(--yuzey-acik); border: 1px solid var(--sinir-acik); box-shadow: var(--golge); color: var(--yazi); overflow: auto; } dialog:not([open]) { display: none; } dialog[open] { display: block; } dialog::backdrop { background: rgba(6, 8, 15, 0.75); backdrop-filter: blur(6px); animation: fade-in 0.3s ease; } dialog[open] #giris-form { animation: modal-giris 0.35s ease; } @keyframes modal-giris { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } #giris-form { padding: 2rem; position: relative; } .modal-kapat { position: absolute; top: 1rem; right: 1rem; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--sinir); background: rgba(255,255,255,0.04); color: var(--yazi-soluk); font-size: 1.25rem; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: background var(--gecis); } .modal-kapat:hover { background: rgba(255,255,255,0.08); } .modal-baslik-alan { text-align: center; margin-bottom: 1.75rem; } .modal-simge { font-size: 2rem; margin-bottom: 0.75rem; } .modal-baslik-alan h2 { font-size: 1.35rem; font-weight: 800; margin-bottom: 0.25rem; } .modal-baslik-alan p, .modal-alt-link { font-size: 0.88rem; color: var(--yazi-soluk); } .form-etiket { display: block; margin-bottom: 1rem; } .form-etiket span { display: block; font-size: 0.82rem; font-weight: 600; color: var(--yazi-soluk); margin-bottom: 0.4rem; } .form-etiket input { width: 100%; padding: 0.75rem 1rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: rgba(0,0,0,0.25); color: var(--yazi); font-family: inherit; font-size: 0.95rem; transition: border-color var(--gecis), box-shadow var(--gecis); } .form-etiket input:focus { outline: none; border-color: rgba(56,189,248,0.5); box-shadow: 0 0 0 3px rgba(56,189,248,0.12); } .form-etiket input::placeholder { color: var(--yazi-soluk-2); } .hata { color: var(--hata); font-size: 0.85rem; margin-bottom: 0.75rem; padding: 0.5rem 0.75rem; background: rgba(248,113,113,0.1); border-radius: 8px; } .modal-alt-link { text-align: center; margin-top: 1rem; } .link { background: none; border: none; color: var(--birincil); cursor: pointer; font-family: inherit; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; } .oturum-kullanici { font-size: 0.85rem; color: var(--yazi-soluk); padding: 0.35rem 0.75rem; background: rgba(255,255,255,0.05); border-radius: 999px; margin-right: 0.25rem; } .anim-giris { opacity: 0; transform: translateY(24px); animation: giris 0.8s ease forwards; } .gecikme-2 { animation-delay: 0.2s; } @keyframes giris { to { opacity: 1; transform: translateY(0); } } .anim-kaydir { opacity: 0; transform: translateY(32px); transition: opacity 0.7s ease, transform 0.7s ease; } .anim-kaydir.gorunur { opacity: 1; transform: translateY(0); } @media (max-width: 900px) { .kahraman-grid { grid-template-columns: 1fr; } .terminal-kapsul { max-width: 520px; margin: 0 auto; } .altbilgi-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .nav { display: none; position: absolute; top: 72px; left: 0; right: 0; flex-direction: column; padding: 1rem; background: rgba(6,8,15,0.95); backdrop-filter: blur(16px); border-bottom: 1px solid var(--sinir); } .nav.acik { display: flex; } .menu-toggle { display: flex; } .kahraman { padding-top: 6rem; min-height: auto; } .istatistik { gap: 0.75rem; } .istatistik-kart { flex: 1; min-width: 90px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }html { scroll-behavior: smooth; } body { margin: 0 !important; overflow-x: hidden; } header.kut-navbar, .kut-navbar { position: fixed !important; top: 0; left: 0; right: 0; z-index: 200 !important; margin: 0 !important; border-radius: 0 !important; background: var(--sandik-navbar-bg, rgba(3, 7, 18, 0.94)) !important; border-bottom: 1px solid var(--sandik-navbar-sinir, rgba(148, 163, 184, 0.22)) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } .kut-navbar-tam-genislik { width: 100% !important; max-width: 100% !important; } .kut-gezinti-ic { max-width: 1140px !important; margin: 0 auto !important; padding: 0 1.5rem !important; height: 72px !important; justify-content: space-between !important; } .kut-logo { font-size: 1.2rem !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--birincil) !important; } .kut-gezinti-baglantilari { gap: 0.25rem !important; } .kut-gezinti-baglantisi { padding: 0.5rem 0.85rem !important; border-radius: 999px !important; font-size: 0.9rem !important; font-weight: 500 !important; color: var(--yazi-soluk) !important; background: transparent !important; } .kut-gezinti-baglantisi:hover { color: var(--yazi) !important; background: rgba(255,255,255,0.06) !important; } .kut-btn-gezinti-eylem { background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; border-radius: 999px !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; font-weight: 600 !important; } .kut-btn-gezinti-eylem:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14,165,233,0.45) !important; } .kut-sayfa-govde { padding-top: 0; } .kahraman-metin .kut-kapak { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; text-align: left !important; } .kahraman-metin .kut-kapak::before { display: none !important; } .kahraman-metin .kut-kapak h1 { font-size: clamp(2.2rem, 5vw, 3.5rem) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.03em !important; margin-bottom: 1.25rem !important; color: var(--yazi) !important; background: none !important; -webkit-text-fill-color: unset !important; } .kahraman-metin .kut-kapak h1::after { content: "tek merkezde"; display: block; background: linear-gradient(135deg, var(--birincil) 0%, var(--vurgu) 50%, var(--vurgu-pembe) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .kahraman-metin .kut-kapak-aciklama { font-size: 1.1rem !important; color: var(--yazi-soluk) !important; max-width: 480px !important; margin: 0 0 2rem !important; text-align: left !important; opacity: 1 !important; } .kahraman-metin .kut-kapak-dugmeler { display: flex !important; flex-wrap: wrap !important; gap: 0.85rem !important; justify-content: flex-start !important; margin-bottom: 2.5rem !important; } .kahraman-metin .kut-btn-birincil { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 0.95rem !important; background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; } .kahraman-metin .kut-btn-birincil:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(14,165,233,0.45) !important; } .kahraman-metin .kut-btn-ikincil { display: inline-flex !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 0.95rem !important; background: rgba(255,255,255,0.06) !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; box-shadow: none !important; } .kahraman-metin .kut-btn-ikincil:hover { background: rgba(255,255,255,0.1) !important; } .etiket.kut-etiket { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.35rem 0.85rem 0.35rem 0.55rem !important; border-radius: 999px !important; background: rgba(56,189,248,0.1) !important; border: 1px solid rgba(56,189,248,0.25) !important; font-size: 0.8rem !important; font-weight: 600 !important; color: var(--birincil) !important; margin-bottom: 1.25rem !important; } .etiket.kut-etiket::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--basari); animation: nabiz 2s ease infinite; flex-shrink: 0; } .istatistik.kut-istatistik-grid { display: flex !important; gap: 1.5rem !important; flex-wrap: wrap !important; margin: 0 !important; } .istatistik .kut-istatistik-kart { padding: 1rem 1.25rem !important; border-radius: var(--yaricap) !important; background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; backdrop-filter: blur(12px) !important; min-width: 120px !important; box-shadow: none !important; } .istatistik .kut-istatistik-kart:hover { transform: none; } .istatistik .kut-istatistik-simge { display: none !important; } .istatistik .kut-istatistik-degisim { display: none !important; } .istatistik .kut-istatistik-deger { order: -1 !important; display: block !important; font-size: 1.75rem !important; font-weight: 800 !important; letter-spacing: -0.02em !important; background: linear-gradient(135deg, var(--yazi), var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; margin: 0 0 0.15rem !important; } .istatistik .kut-istatistik-etiket { font-size: 0.78rem !important; color: var(--yazi-soluk) !important; font-weight: 500 !important; margin: 0 !important; } .bolum .kut-ozellik-grid-baslik { margin-bottom: 0; } .bolum .kut-ozellik-grid-baslik h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .bolum-etiket.kut-etiket { display: block !important; font-size: 0.78rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: var(--birincil) !important; margin-bottom: 0.75rem !important; padding: 0 !important; background: none !important; border: none !important; border-radius: 0 !important; } .bolum-etiket.kut-etiket::before { display: none !important; } .bolum-baslik.kut-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .kut-ozellik-grid.ozellik-grid { margin: 0 !important; } .kut-ozellik-grid-liste { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 1.25rem !important; } .ozellik-grid .kut-ozellik-kart { padding: 1.75rem !important; border-radius: var(--yaricap) !important; background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; backdrop-filter: blur(12px) !important; transition: transform var(--gecis), border-color var(--gecis), box-shadow var(--gecis) !important; } .ozellik-grid .kut-ozellik-kart:hover { transform: translateY(-4px) !important; border-color: rgba(56,189,248,0.3) !important; box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important; } .ozellik-grid .kut-ozellik-simge { font-size: 1.75rem !important; margin-bottom: 1rem !important; } .ozellik-grid .kut-kart-baslik { font-size: 1.05rem !important; font-weight: 700 !important; margin-bottom: 0.5rem !important; color: var(--yazi) !important; } .ozellik-grid .kut-kart-aciklama { font-size: 0.9rem !important; color: var(--yazi-soluk) !important; line-height: 1.55 !important; } .adim-baslik.kut-etiket { display: block !important; font-size: 1rem !important; font-weight: 700 !important; margin-bottom: 1rem !important; color: var(--yazi) !important; padding: 0 !important; background: none !important; border: none !important; } .adim-baslik.kut-etiket::before { display: none !important; } .adim-kart .kut-kod-blogu { margin: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } .adim-kart .kut-kod-dil, .adim-kart .kut-kod-kopyala { display: none !important; } .adim-kart pre { background: rgba(0,0,0,0.35) !important; border-radius: var(--yaricap-kucuk) !important; padding: 1rem 1.1rem !important; border: 1px solid var(--sinir) !important; margin: 0 !important; } .adim-kart .kut-kod-icerik { font-family: var(--mono) !important; font-size: 0.78rem !important; color: var(--yazi-soluk) !important; line-height: 1.75 !important; white-space: pre-wrap !important; } .adim-no.kut-etiket { display: block !important; font-size: 2.5rem !important; font-weight: 800 !important; letter-spacing: -0.04em !important; background: linear-gradient(135deg, var(--birincil), var(--vurgu)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; opacity: 0.35 !important; line-height: 1 !important; margin-bottom: 0.75rem !important; padding: 0 !important; border: none !important; } .adim-no.kut-etiket::before { display: none !important; } .bolum > .kut-baslik, .bolum .kut-baslik { font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important; font-weight: 800 !important; letter-spacing: -0.03em !important; line-height: 1.15 !important; margin-bottom: 2.5rem !important; color: var(--yazi) !important; } .ozellik-grid .kut-ozellik-grid-baslik { display: none !important; } .cta-ic .kut-baslik { font-size: clamp(1.5rem, 3vw, 2rem) !important; font-weight: 800 !important; margin-bottom: 0.75rem !important; text-align: center !important; color: var(--yazi) !important; } .cta-ic .kut-metin { color: var(--yazi-soluk) !important; margin-bottom: 1.75rem !important; text-align: center !important; } .cta-dugme-alani.kut-kapak { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; box-shadow: none !important; text-align: center !important; } .cta-dugme-alani.kut-kapak h1, .cta-dugme-alani.kut-kapak .kut-kapak-aciklama { display: none !important; } .cta-dugme-alani .kut-kapak-dugmeler { justify-content: center !important; margin: 0 !important; } .cta-bolum .kut-btn-birincil { display: inline-flex !important; padding: 0.85rem 1.6rem !important; border-radius: 999px !important; font-weight: 600 !important; background: linear-gradient(135deg, var(--birincil-koyu), var(--vurgu)) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 32px rgba(14,165,233,0.35) !important; } .kut-altbilgi { padding: 0 !important; border-top: none !important; background: transparent !important; text-align: left !important; margin-top: 0 !important; } .kut-altbilgi-telif { font-size: 0.8rem !important; color: var(--yazi-soluk-2) !important; text-align: left !important; padding: 0 !important; border-top: none !important; } .terminal-cikti .kut-etiket { display: block !important; padding: 0 !important; background: none !important; border: none !important; font-family: var(--mono) !important; font-size: inherit !important; color: var(--yazi-soluk) !important; margin-bottom: 0.25rem !important; } .terminal-cikti .kut-etiket::before { display: none !important; } .terminal-cikti .basari { color: var(--basari) !important; } .terminal-cikti .soluk { color: var(--yazi-soluk-2) !important; } .terminal-satir { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; } .terminal-satir .kut-etiket, .terminal-satir .imlec { display: inline !important; margin-bottom: 0 !important; } .prompt.kut-etiket { color: var(--vurgu-pembe) !important; margin-right: 0.35rem !important; padding: 0 !important; background: none !important; border: none !important; } .prompt.kut-etiket::before { display: none !important; } .terminal-komut.kut-etiket { color: var(--birincil) !important; padding: 0 !important; background: none !important; border: none !important; } .terminal-komut.kut-etiket::before { display: none !important; } .terminal-baslik-metin.kut-etiket { margin-left: 0.5rem !important; font-size: 0.75rem !important; color: var(--yazi-soluk-2) !important; font-family: var(--mono) !important; padding: 0 !important; background: none !important; border: none !important; } .terminal-baslik-metin.kut-etiket::before { display: none !important; } .paket-bos-kart.kut-kart { grid-column: 1 / -1; text-align: center; padding: 4rem 2rem !important; border-radius: var(--yaricap) !important; border: 1px dashed var(--sinir-acik) !important; background: var(--yuzey) !important; color: var(--yazi-soluk) !important; } .paket-bos-kart .kut-kart-baslik { font-size: 1.1rem !important; color: var(--yazi) !important; margin-bottom: 0.5rem !important; } .paket-bos-kart .kut-kart-aciklama { color: var(--yazi-soluk) !important; } @media (max-width: 900px) { .kahraman-grid { grid-template-columns: 1fr !important; } .terminal-kapsul { max-width: 520px; margin: 0 auto; } } @media (max-width: 640px) { .kahraman { padding-top: 6rem; min-height: auto; } .istatistik.kut-istatistik-grid { gap: 0.75rem !important; } .istatistik .kut-istatistik-kart { flex: 1; min-width: 90px !important; } }html[data-kut-tema="koyu"], html:not([data-kut-tema]) { color-scheme: dark; --birincil: #38bdf8; --birincil-koyu: #0ea5e9; --vurgu: #818cf8; --vurgu-pembe: #f472b6; --arkaplan: #030712; --yuzey: rgba(17, 24, 39, 0.96); --yuzey-acik: rgba(30, 41, 59, 0.98); --yazi: #f8fafc; --yazi-soluk: #cbd5e1; --yazi-soluk-2: #94a3b8; --sinir: rgba(148, 163, 184, 0.28); --sinir-acik: rgba(148, 163, 184, 0.4); --golge: 0 24px 80px rgba(0, 0, 0, 0.45); --sandik-navbar-bg: rgba(3, 7, 18, 0.94); --sandik-navbar-sinir: rgba(148, 163, 184, 0.22); --kapak-blob-1: radial-gradient(circle, #0ea5e9 0%, transparent 70%); --kapak-blob-2: radial-gradient(circle, #6366f1 0%, transparent 70%); --kapak-blob-3: radial-gradient(circle, #ec4899 0%, transparent 70%); --kapak-blob-opacity: 0.48; --kapak-blob-blur: 90px; --kapak-blob-sure: 18s; --kapak-grid-cizgi: rgba(148, 163, 184, 0.05); --kapak-grid-mask: radial-gradient(ellipse 80% 60% at 50% 0%, black, transparent); } html[data-kut-tema="acik"] { color-scheme: light; --birincil: #2563eb; --birincil-koyu: #1d4ed8; --vurgu: #6366f1; --vurgu-pembe: #d946ef; --arkaplan: #f1f5f9; --yuzey: #ffffff; --yuzey-acik: #ffffff; --yazi: #020617; --yazi-soluk: #334155; --yazi-soluk-2: #64748b; --sinir: rgba(15, 23, 42, 0.14); --sinir-acik: rgba(15, 23, 42, 0.28); --golge: 0 18px 42px rgba(30, 41, 59, 0.12); --sandik-navbar-bg: rgba(255, 255, 255, 0.94); --sandik-navbar-sinir: rgba(15, 23, 42, 0.1); --kapak-blob-1: radial-gradient(circle, rgba(37, 99, 235, 0.45) 0%, transparent 72%); --kapak-blob-2: radial-gradient(circle, rgba(99, 102, 241, 0.38) 0%, transparent 72%); --kapak-blob-3: radial-gradient(circle, rgba(217, 70, 239, 0.28) 0%, transparent 72%); --kapak-blob-opacity: 0.55; --kapak-blob-blur: 72px; --kapak-blob-sure: 26s; --kapak-grid-cizgi: rgba(15, 23, 42, 0.08); --kapak-grid-mask: radial-gradient(ellipse 85% 65% at 50% 0%, rgba(15, 23, 42, 0.14), transparent); } html[data-kut-tema="koyu"] body, html:not([data-kut-tema]) body { background: var(--arkaplan) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] body { background: radial-gradient(circle at 8% 2%, rgba(37, 99, 235, 0.1), transparent 28%), radial-gradient(circle at 92% 96%, rgba(99, 102, 241, 0.1), transparent 32%), var(--arkaplan) !important; color: var(--yazi) !important; } .arkaplan-dekor .blob { opacity: var(--kapak-blob-opacity) !important; filter: blur(var(--kapak-blob-blur)) !important; animation: blob-yuz var(--kapak-blob-sure) ease-in-out infinite !important; } .arkaplan-dekor .blob-1 { background: var(--kapak-blob-1) !important; } .arkaplan-dekor .blob-2 { background: var(--kapak-blob-2) !important; } .arkaplan-dekor .blob-3 { background: var(--kapak-blob-3) !important; } .arkaplan-dekor .grid-desen { background-image: linear-gradient(var(--kapak-grid-cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--kapak-grid-cizgi) 1px, transparent 1px) !important; mask-image: var(--kapak-grid-mask) !important; -webkit-mask-image: var(--kapak-grid-mask) !important; } html[data-kut-tema="acik"] .arkaplan-dekor .blob { animation-name: blob-yuz-acik !important; } @keyframes blob-yuz-acik { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(18px, -24px) scale(1.03); } 66% { transform: translate(-14px, 18px) scale(0.98); } } header.kut-navbar, header.kut-navbar.kut-navbar-saydam, header.kut-navbar.kut-navbar-tam-genislik, header.kut-navbar.kut-navbar-sabit, header[data-kut-gezinti-cubugu].kut-navbar, .kut-navbar.kut-navbar-saydam, .kut-navbar.kut-navbar-tam-genislik { background: var(--sandik-navbar-bg) !important; border-bottom: 1px solid var(--sandik-navbar-sinir) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-logo, html:not([data-kut-tema]) .kut-logo { color: var(--birincil) !important; } html[data-kut-tema="acik"] .kut-logo { color: #1e3a8a !important; } html[data-kut-tema="koyu"] .kut-gezinti-baglantisi, html:not([data-kut-tema]) .kut-gezinti-baglantisi { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .kut-gezinti-baglantisi:hover, html:not([data-kut-tema]) .kut-gezinti-baglantisi:hover { color: var(--yazi) !important; background: rgba(56, 189, 248, 0.12) !important; } html[data-kut-tema="acik"] .kut-gezinti-baglantisi { color: #475569 !important; } html[data-kut-tema="acik"] .kut-gezinti-baglantisi:hover { color: #020617 !important; background: rgba(37, 99, 235, 0.1) !important; } html[data-kut-tema="koyu"] .kut-tema-dugme, html:not([data-kut-tema]) .kut-tema-dugme { border-color: var(--sinir-acik) !important; background: rgba(255, 255, 255, 0.06) !important; color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-tema-dugme:hover, html:not([data-kut-tema]) .kut-tema-dugme:hover { background: rgba(255, 255, 255, 0.12) !important; } html[data-kut-tema="acik"] .kut-tema-dugme { border-color: rgba(15, 23, 42, 0.16) !important; background: rgba(255, 255, 255, 0.9) !important; color: #0f172a !important; } html[data-kut-tema="acik"] .kut-tema-dugme:hover { background: rgba(37, 99, 235, 0.12) !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-kapak h1, html:not([data-kut-tema]) .kahraman-metin .kut-kapak h1, html[data-kut-tema="acik"] .kahraman-metin .kut-kapak h1 { color: var(--yazi) !important; -webkit-text-fill-color: unset !important; background: none !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-kapak-aciklama, html:not([data-kut-tema]) .kahraman-metin .kut-kapak-aciklama, html[data-kut-tema="acik"] .kahraman-metin .kut-kapak-aciklama { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .kahraman-metin .kut-btn-ikincil, html:not([data-kut-tema]) .kahraman-metin .kut-btn-ikincil { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] .kahraman-metin .kut-btn-ikincil { background: #ffffff !important; border: 1px solid var(--sinir-acik) !important; color: var(--yazi) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important; } html[data-kut-tema="koyu"] .kut-kart, html[data-kut-tema="koyu"] .kut-ozellik-kart, html[data-kut-tema="koyu"] .kut-istatistik-kart, html:not([data-kut-tema]) .kut-kart, html:not([data-kut-tema]) .kut-ozellik-kart, html:not([data-kut-tema]) .kut-istatistik-kart, html[data-kut-tema="koyu"] .istatistik-kart, html[data-kut-tema="koyu"] .ozellik-kart, html[data-kut-tema="koyu"] .adim-kart, html:not([data-kut-tema]) .istatistik-kart, html:not([data-kut-tema]) .ozellik-kart, html:not([data-kut-tema]) .adim-kart { background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; color: var(--yazi) !important; } html[data-kut-tema="acik"] .kut-kart, html[data-kut-tema="acik"] .kut-ozellik-kart, html[data-kut-tema="acik"] .kut-istatistik-kart, html[data-kut-tema="acik"] .istatistik-kart, html[data-kut-tema="acik"] .ozellik-kart, html[data-kut-tema="acik"] .adim-kart, html[data-kut-tema="acik"] .paket-bos-kart.kut-kart { background: var(--yuzey) !important; border: 1px solid var(--sinir) !important; box-shadow: var(--golge) !important; } html[data-kut-tema="koyu"] .kut-kart-baslik, html[data-kut-tema="koyu"] .kut-baslik, html:not([data-kut-tema]) .kut-kart-baslik, html:not([data-kut-tema]) .kut-baslik, html[data-kut-tema="koyu"] .bolum .kut-baslik, html:not([data-kut-tema]) .bolum .kut-baslik, html[data-kut-tema="acik"] .kut-kart-baslik, html[data-kut-tema="acik"] .kut-baslik, html[data-kut-tema="acik"] .bolum .kut-baslik, html[data-kut-tema="acik"] .cta-ic .kut-baslik { color: var(--yazi) !important; } html[data-kut-tema="koyu"] .kut-kart-aciklama, html[data-kut-tema="koyu"] .kut-metin, html:not([data-kut-tema]) .kut-kart-aciklama, html:not([data-kut-tema]) .kut-metin, html[data-kut-tema="acik"] .kut-kart-aciklama, html[data-kut-tema="acik"] .kut-metin, html[data-kut-tema="acik"] .cta-ic .kut-metin { color: var(--yazi-soluk) !important; } html[data-kut-tema="koyu"] .istatistik .kut-istatistik-deger { background: linear-gradient(135deg, var(--yazi), var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } html[data-kut-tema="acik"] .istatistik .kut-istatistik-deger { background: linear-gradient(135deg, #0f172a, var(--birincil)) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } html[data-kut-tema="acik"] .nasil-bolumu { background: rgba(226, 236, 255, 0.5) !important; border-top-color: var(--sinir) !important; border-bottom-color: var(--sinir) !important; } html[data-kut-tema="koyu"] .nasil-bolumu, html:not([data-kut-tema]) .nasil-bolumu { background: var(--yuzey) !important; } html[data-kut-tema="acik"] .cta-ic { background: linear-gradient(140deg, rgba(37, 99, 235, 0.12), rgba(99, 102, 241, 0.1)) !important; border-color: rgba(37, 99, 235, 0.22) !important; } html[data-kut-tema="acik"] .kut-altbilgi, html[data-kut-tema="acik"] .kut-altbilgi-telif { border-top: none !important; color: var(--yazi-soluk-2) !important; } html[data-kut-tema="acik"] .terminal-kapsul { background: #0b1220 !important; border-color: rgba(30, 41, 59, 0.35) !important; box-shadow: 0 24px 56px rgba(15, 23, 42, 0.28) !important; } .ekip-bolumu { padding-bottom: 4rem; } .ekip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1.5rem; } .ekip-kart { background: var(--yuzey); border: 1px solid var(--sinir); border-radius: var(--yaricap-lg, 1rem); padding: 1.5rem; text-align: center; box-shadow: var(--golge); transition: transform 0.2s ease, box-shadow 0.2s ease; } .ekip-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk, 0 12px 40px rgba(0, 0, 0, 0.15)); } .ekip-kart-resim { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; margin: 0 auto 1rem; border: 2px solid var(--sinir); background: var(--yuzey-2, var(--yuzey)); } .ekip-kart-isim { font-size: 1.125rem; font-weight: 700; color: var(--yazi); margin: 0 0 0.25rem; } .ekip-kart-rol { font-size: 0.875rem; color: var(--birincil); font-weight: 600; margin: 0 0 0.5rem; } .ekip-kart-iletisim { font-size: 0.8125rem; color: var(--yazi-soluk); margin: 0; word-break: break-word; } .ekip-yukleniyor, .ekip-bos { grid-column: 1 / -1; text-align: center; color: var(--yazi-soluk); padding: 2rem; } .sandik-modal { position: fixed; inset: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 1.25rem; } .sandik-modal.gizli, .sandik-modal.kut-gizli { display: none !important; } .sandik-modal-arka { position: absolute; inset: 0; background: rgba(2, 6, 14, 0.78); backdrop-filter: blur(8px); cursor: pointer; } .sandik-modal-kutu { position: relative; z-index: 1; width: 100%; max-width: 400px; max-height: calc(100vh - 2.5rem); overflow-y: auto; } .sandik-modal-kart { position: relative; margin: 0; padding: 1.5rem 1.5rem 1.25rem; border-radius: var(--yaricap); border: 1px solid var(--sinir-acik); background: var(--yuzey-acik); box-shadow: var(--golge); } .sandik-modal-kart .kut-kart-baslik { margin: 0 2.25rem 0.35rem 0; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; } .sandik-modal-aciklama, .sandik-modal-kart > .kut-metin { margin: 0 0 1.25rem; font-size: 0.9rem; color: var(--yazi-soluk); line-height: 1.5; } .sandik-modal-kart > #sandik-kapat-giris, .sandik-modal-kart > #sandik-kapat-kayit { position: absolute; top: 0.85rem; right: 0.85rem; width: 2rem; height: 2rem; min-width: 0; min-height: 0; padding: 0; border: 1px solid var(--sinir); border-radius: 8px; background: transparent; color: var(--yazi-soluk); font-size: 1.2rem; line-height: 1; box-shadow: none; } .sandik-modal-kart > #sandik-kapat-giris:hover, .sandik-modal-kart > #sandik-kapat-kayit:hover { color: var(--yazi); border-color: var(--sinir-acik); background: rgba(148, 163, 184, 0.08); } .sandik-modal-form { display: flex; flex-direction: column; gap: 0.85rem; } .sandik-modal-form .kut-form-alan { display: flex; flex-direction: column; gap: 0.35rem; margin: 0; border: none; padding: 0; background: none; } .sandik-modal-form .kut-form-etiket { font-size: 0.8125rem; font-weight: 600; color: var(--yazi-soluk); } .sandik-modal-form .kut-form-girdi { width: 100%; padding: 0.65rem 0.85rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: rgba(6, 8, 15, 0.55); color: var(--yazi); font-size: 0.9375rem; transition: border-color var(--gecis), box-shadow var(--gecis); } .sandik-modal-form .kut-form-girdi:focus { outline: none; border-color: var(--birincil); box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2); } .sandik-modal-hata { display: none; } .sandik-modal-form > #sandik-giris-gonder, .sandik-modal-form > #sandik-kayit-gonder { width: 100%; margin-top: 0.25rem; padding: 0.7rem 1rem; border: none; border-radius: var(--yaricap-kucuk); background: linear-gradient(135deg, var(--birincil), var(--birincil-koyu)); color: #041018; font-weight: 700; font-size: 0.9375rem; box-shadow: 0 4px 20px rgba(56, 189, 248, 0.25); } .sandik-modal-form > #sandik-giris-gonder:hover, .sandik-modal-form > #sandik-kayit-gonder:hover { filter: brightness(1.06); } .sandik-modal-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.35rem; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid var(--sinir); font-size: 0.875rem; color: var(--yazi-soluk); } .sandik-modal-alt > #sandik-ac-kayit, .sandik-modal-alt > #sandik-ac-giris { padding: 0; min-height: 0; border: none; background: none; box-shadow: none; color: var(--birincil); font-weight: 600; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } .sandik-modal-alt > #sandik-ac-kayit:hover, .sandik-modal-alt > #sandik-ac-giris:hover { color: var(--vurgu); } body.sandik-modal-acik { overflow: hidden; } .sandik-modal-yonlendir { display: none; } .sandik-nav-oturum { position: relative; margin-left: 0.35rem; } .sandik-nav-oturum-tetik { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.55rem 0.35rem 0.35rem; border: 1px solid var(--sinir-acik); border-radius: 999px; background: rgba(15, 20, 35, 0.65); color: var(--yazi); font: inherit; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: border-color var(--gecis), background var(--gecis); } .sandik-nav-oturum-tetik:hover { border-color: var(--birincil); background: rgba(25, 32, 55, 0.9); } .sandik-nav-avatar { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 999px; background: linear-gradient(135deg, var(--birincil), var(--vurgu)); color: #041018; font-size: 0.8125rem; font-weight: 800; } .sandik-nav-isim { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sandik-nav-ok { font-size: 0.7rem; color: var(--yazi-soluk); } .sandik-nav-menu { position: absolute; top: calc(100% + 0.45rem); right: 0; min-width: 220px; padding: 0.35rem; border-radius: var(--yaricap-kucuk); border: 1px solid var(--sinir-acik); background: var(--yuzey-acik); box-shadow: var(--golge); z-index: 1300; } .sandik-nav-menu.gizli { display: none !important; } .sandik-nav-menu-kimlik { display: flex; flex-direction: column; gap: 0.15rem; padding: 0.55rem 0.65rem 0.65rem; border-bottom: 1px solid var(--sinir); margin-bottom: 0.25rem; } .sandik-nav-menu-isim { font-weight: 700; font-size: 0.9rem; } .sandik-nav-menu-eposta { font-size: 0.75rem; color: var(--yazi-soluk); word-break: break-all; } .sandik-nav-menu-rol { font-size: 0.6875rem; color: var(--yazi-soluk-2); text-transform: uppercase; letter-spacing: 0.04em; } .sandik-nav-menu-oge { display: block; width: 100%; text-align: left; padding: 0.55rem 0.65rem; border: none; border-radius: 6px; background: transparent; color: var(--yazi); font: inherit; font-size: 0.875rem; text-decoration: none; cursor: pointer; transition: background var(--gecis); } .sandik-nav-menu-oge:hover { background: rgba(56, 189, 248, 0.12); color: var(--birincil); } .sandik-nav-cikis { color: var(--hata); margin-top: 0.15rem; border-top: 1px solid var(--sinir); border-radius: 0 0 6px 6px; } .sandik-nav-cikis:hover { background: rgba(248, 113, 113, 0.12); color: var(--hata); } @media (max-width: 768px) { .sandik-nav-isim { display: none; } .sandik-nav-oturum-tetik { padding: 0.35rem; } } .giris-bolumu, .kayit-bolumu { padding: 3rem 0 5rem; } .giris-kapsayici { max-width: 420px; margin: 0 auto; } .giris-form .kut-form-grubu { margin-bottom: 1rem; } .giris-hata { color: #f87171; font-size: 0.875rem; margin: 0.5rem 0 1rem; } .btn-tam { width: 100%; } .giris-alt-metin { margin-top: 1rem; font-size: 0.875rem; color: var(--yazi-soluk); } .panel-oturum-kart { margin-bottom: 1.5rem; } .panel-oturum-metin { margin-bottom: 0.75rem; }