/* =========================================
   KOMUT ROTASI - PROGRAMLAMA EGITIMI KAYNAKLAR
   F6-14-S032: kaynaklar.html icindeki <style> blogundan tasindi
   ========================================= */
* { box-sizing:border-box; }
body {
  margin:0;
  color:var(--text1,#f8fafc);
  font-family:'Inter',sans-serif;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 14% 6%, rgba(var(--primary-rgb),.14), transparent 24rem),
    radial-gradient(circle at 88% 4%, rgba(22,163,74,.12), transparent 22rem),
    linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
  background-size:32px 32px,32px 32px,auto,auto,auto;
}
a { color:inherit; text-decoration:none; }

.back-btn:hover { border-color:rgba(var(--primary-rgb),.35); color:var(--primary); }
.page-shell { width:min(1440px,calc(100vw - 48px)); margin:0 auto; padding:24px 0 72px; }

.theme-fab { position:fixed; bottom:24px; right:24px; z-index:500; }
.theme-fab-btn { width:48px; height:48px; border-radius:50%; background:var(--bg3); border:1px solid var(--border2); color:var(--text2); font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all .2s; box-shadow:0 4px 16px rgba(0,0,0,.3); }
.theme-fab-btn:hover { color:var(--primary); border-color:var(--primary); }
.theme-tray { position:absolute; bottom:58px; right:0; background:var(--bg3); border:1px solid var(--border2); border-radius:14px; padding:12px; width:220px; display:none; flex-direction:column; gap:4px; box-shadow:0 8px 32px rgba(0,0,0,.4); }
.theme-tray.open { display:flex; }
.tray-label { font-size:.6rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--text3); padding:2px 6px 8px; }
.tray-opt { display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:9px; cursor:pointer; transition:background .15s; }
.tray-opt:hover { background:var(--bg4); }
.tray-opt.act { background:rgba(var(--primary-rgb),.1); }
.tray-swatches { display:flex; gap:3px; flex-shrink:0; }
.tray-swatch { width:10px; height:10px; border-radius:50%; }
.tray-name { font-size:.75rem; font-weight:700; color:var(--text1); }
.tray-sub { font-size:.62rem; color:var(--text3); }

.hero, .toolkit, .resource-section {
  border:1px solid var(--border);
  border-radius:26px;
  background:color-mix(in srgb,var(--card) 88%,transparent);
  box-shadow:0 24px 54px rgba(0,0,0,.16);
}
.hero {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:center;
  padding:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 14%, rgba(var(--primary-rgb),.2), transparent 26%),
    radial-gradient(circle at 10% 100%, rgba(8,145,178,.12), transparent 28%),
    color-mix(in srgb,var(--card) 88%,transparent);
}
.eyebrow { display:inline-flex; align-items:center; gap:8px; width:fit-content; padding:7px 11px; border-radius:999px; border:1px solid rgba(var(--primary-rgb),.22); background:rgba(var(--primary-rgb),.1); color:var(--accent); font:800 .68rem/1 'JetBrains Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:14px 0 10px; color:var(--text1); font:900 clamp(2.4rem,5vw,4.3rem)/.96 'Sora',sans-serif; letter-spacing:-.07em; }
.hero p { margin:0; max-width:68ch; color:var(--text2); line-height:1.65; font-size:.98rem; }
.hero-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.stat-card { padding:15px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.04); }
.stat-card i { color:var(--primary); margin-bottom:10px; }
.stat-card strong { display:block; margin-bottom:6px; color:var(--text1); font:900 .95rem/1.2 'Sora',sans-serif; }
.stat-card span { color:var(--text2); line-height:1.45; font-size:.82rem; }

.filter-bar { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.filter-btn { border:1px solid var(--border); border-radius:999px; background:rgba(255,255,255,.04); color:var(--text2); padding:9px 12px; font:900 .72rem/1 'JetBrains Mono',monospace; letter-spacing:.06em; text-transform:uppercase; cursor:pointer; }
.filter-btn.active { color:var(--bg1); border-color:rgba(var(--primary-rgb),.4); background:var(--primary); }

.toolkit { margin-top:18px; padding:18px; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.section-head h2 { margin:0; color:var(--text1); font:900 1.45rem/1.12 'Sora',sans-serif; letter-spacing:-.03em; }
.section-head p { margin:7px 0 0; color:var(--text2); line-height:1.55; }
.pack-toggle { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(var(--primary-rgb),.32); border-radius:12px; padding:11px 14px; background:rgba(var(--primary-rgb),.1); color:var(--primary); font:900 .82rem/1 'Sora',sans-serif; cursor:pointer; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.tool-grid.is-closed { display:none; }
.tool-card, .resource-card, .guide-card {
  min-width:0;
  border:1px solid var(--border);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  overflow:hidden;
}
.tool-card { padding:16px; }
.tool-card i, .resource-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:var(--primary); background:rgba(var(--primary-rgb),.1); border:1px solid rgba(var(--primary-rgb),.22); margin-bottom:12px; }
.tool-card strong, .resource-card strong, .guide-card strong { display:block; margin-bottom:7px; color:var(--text1); font:800 1rem/1.2 'Sora',sans-serif; letter-spacing:-.03em; }
.tool-card p, .resource-card p, .guide-card p { margin:0; color:var(--text2); line-height:1.5; font-size:.84rem; }
.tool-card small { display:inline-flex; margin-top:10px; padding:6px 8px; border-radius:999px; border:1px solid rgba(var(--primary-rgb),.22); color:var(--accent); background:rgba(var(--primary-rgb),.08); font:800 .62rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }

.resource-section, .accordion-section { margin-top:18px; padding:18px; }
.resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.resource-card { padding:18px; display:flex; flex-direction:column; min-height:240px; }
.resource-tags { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 0; }
.resource-tags span { padding:6px 8px; border:1px solid var(--border); border-radius:999px; color:var(--text3); font:800 .62rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.resource-link { display:inline-flex; width:max-content; max-width:100%; align-items:center; gap:8px; margin-top:auto; padding:10px 12px; border-radius:10px; background:rgba(var(--primary-rgb),.1); color:var(--primary); border:1px solid rgba(var(--primary-rgb),.24); font:900 .78rem/1 'Sora',sans-serif; }

.guide-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin-top:18px; }
.guide-card { padding:16px; min-height:160px; }
.guide-card i { color:var(--primary); margin-bottom:10px; }
.accordion-list { display:grid; gap:12px; }
.resource-accordion { border:1px solid var(--border); border-radius:22px; background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)); overflow:hidden; }
.accordion-head { width:100%; border:0; background:transparent; color:inherit; padding:16px; display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; text-align:left; }
.accordion-title { display:flex; align-items:center; gap:12px; min-width:0; }
.accordion-title i { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:14px; color:var(--primary); background:rgba(var(--primary-rgb),.1); border:1px solid rgba(var(--primary-rgb),.22); }
.accordion-title strong { display:block; color:var(--text1); font:900 1rem/1.2 'Sora',sans-serif; }
.accordion-title span { display:block; margin-top:4px; color:var(--text2); font-size:.84rem; line-height:1.4; }
.accordion-meta { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.accordion-meta span { padding:7px 9px; border-radius:999px; border:1px solid rgba(var(--primary-rgb),.22); color:var(--accent); background:rgba(var(--primary-rgb),.08); font:800 .62rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.accordion-meta i { color:var(--text3); transition:transform .2s ease; }
.resource-accordion.open .accordion-meta i { transform:rotate(90deg); color:var(--primary); }
.accordion-body { display:none; padding:0 16px 16px; }
.resource-accordion.open .accordion-body { display:block; }
.accordion-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mini-resource { min-width:0; padding:14px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.035); }
.mini-resource strong { display:block; margin-bottom:6px; color:var(--text1); font:800 .92rem/1.2 'Sora',sans-serif; }
.mini-resource p { margin:0; color:var(--text2); font-size:.82rem; line-height:1.45; }
.mini-resource small { display:inline-flex; margin-top:10px; padding:6px 8px; border-radius:999px; color:var(--accent); background:rgba(var(--primary-rgb),.08); border:1px solid rgba(var(--primary-rgb),.22); font:800 .6rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }

[data-theme="corporate"][data-module="pe"] .hero,
[data-theme="corporate"][data-module="pe"] .toolkit,
[data-theme="corporate"][data-module="pe"] .resource-section,
[data-theme="corporate"][data-module="pe"] .accordion-section,
[data-theme="corporate"][data-module="pe"] .resource-accordion,
[data-theme="corporate"][data-module="pe"] .mini-resource,
[data-theme="corporate"][data-module="pe"] .stat-card,
[data-theme="corporate"][data-module="pe"] .tool-card,
[data-theme="corporate"][data-module="pe"] .resource-card,
[data-theme="corporate"][data-module="pe"] .guide-card { background:rgba(255,255,255,.78); box-shadow:0 12px 30px rgba(15,23,42,.08); }

[data-theme="corporate"][data-module="pe"] h1,
[data-theme="corporate"][data-module="pe"] .section-head h2,
[data-theme="corporate"][data-module="pe"] strong { color:#0f172a; }

[data-theme="corporate"][data-module="pe"] p,
[data-theme="corporate"][data-module="pe"] span { color:#334155; }

@media (max-width:1120px) {
  .hero { grid-template-columns:1fr; }
  .tool-grid, .resource-grid, .guide-grid, .accordion-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {

  .page-shell { width:min(100vw - 20px,1440px); padding-top:18px; }
  .hero { padding:20px; }
  .hero-stats, .tool-grid, .resource-grid, .guide-grid, .accordion-grid { grid-template-columns:1fr; }
  .section-head { display:block; }
  .pack-toggle { margin-top:12px; }
}