/* ══════════════════════════════════════════════════════════
   SERTİFİKALARIM (crt-*)
   ══════════════════════════════════════════════════════════ */

.crt-hero { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; margin-bottom:20px; }
.crt-hero-left { display:flex; align-items:center; gap:14px; }
.crt-hero-icon { width:48px; height:48px; border-radius:12px; background:linear-gradient(135deg,#fef3c7,#fde68a); display:flex; align-items:center; justify-content:center; color:#d97706; font-size:1.4rem; }
.crt-hero-title { margin:0; font-size:1.1rem; font-weight:700; color:#1e293b; }
.crt-hero-sub { font-size:.8rem; color:#64748b; margin:.2rem 0 0; }
.crt-hero-stat { text-align:center; }
.crt-hero-count { display:block; font-size:1.6rem; font-weight:800; color:#6366f1; }
.crt-hero-label { font-size:.7rem; color:#94a3b8; font-weight:600; }

/* Roadmap */
.crt-roadmap { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:20px 24px; margin-bottom:20px; }
.crt-roadmap-title { font-size:.85rem; font-weight:700; color:#1e293b; display:flex; align-items:center; gap:6px; margin-bottom:28px; }
.crt-roadmap-title i { color:#6366f1; }
.crt-roadmap-track { position:relative; padding-bottom:30px; }
.crt-track-bar { height:8px; background:#f1f5f9; border-radius:4px; position:relative; }
.crt-track-fill { height:100%; background:linear-gradient(90deg,#6366f1,#8b5cf6,#c084fc); border-radius:4px; transition:width 1s ease; }
.crt-milestones { position:absolute; top:-8px; left:0; right:0; }
.crt-milestone { position:absolute; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; }
.crt-ms-dot { width:24px; height:24px; border-radius:50%; background:#e2e8f0; border:3px solid #fff; display:flex; align-items:center; justify-content:center; font-size:.55rem; font-weight:800; color:#94a3b8; box-shadow:0 2px 4px rgba(0,0,0,.1); transition:all .3s; }
.crt-ms-earned .crt-ms-dot { background:#22c55e; color:#fff; font-size:.7rem; }
.crt-ms-close .crt-ms-dot { background:#fbbf24; color:#fff; }
.crt-ms-label { font-size:.6rem; font-weight:700; color:#94a3b8; margin-top:4px; }
.crt-ms-earned .crt-ms-label { color:#22c55e; }

/* Section */
.crt-section { margin-bottom:20px; }
.crt-section-title { font-size:.9rem; font-weight:700; color:#1e293b; display:flex; align-items:center; gap:6px; margin-bottom:14px; }
.crt-section-title i { color:#f59e0b; font-size:1.1rem; }

/* Certificate Cards */
.crt-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:16px; }
.crt-card { background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:24px 20px; text-align:center; position:relative; overflow:hidden; transition:all .3s; }
.crt-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.08); }

.crt-card-ribbon { position:absolute; top:12px; right:-32px; background:#cd7f32; color:#fff; font-size:.6rem; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:4px 40px; transform:rotate(45deg); }
.crt-card-bronze .crt-card-ribbon { background:linear-gradient(90deg,#cd7f32,#e8a952); }
.crt-card-silver .crt-card-ribbon { background:linear-gradient(90deg,#9ca3af,#d1d5db); color:#374151; }
.crt-card-gold .crt-card-ribbon { background:linear-gradient(90deg,#c9a84c,#f5d98a); color:#78350f; }
.crt-card-platinum .crt-card-ribbon { background:linear-gradient(90deg,#6366f1,#a5b4fc); }

.crt-card-bronze { border-color:rgba(205,127,50,.2); }
.crt-card-silver { border-color:rgba(156,163,175,.3); }
.crt-card-gold { border-color:rgba(201,168,76,.3); }
.crt-card-platinum { border-color:rgba(99,102,241,.2); }

.crt-card-icon { width:56px; height:56px; border-radius:14px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.crt-card-bronze .crt-card-icon { background:linear-gradient(135deg,#fef3c7,#fde68a); color:#d97706; }
.crt-card-silver .crt-card-icon { background:linear-gradient(135deg,#f1f5f9,#e2e8f0); color:#64748b; }
.crt-card-gold .crt-card-icon { background:linear-gradient(135deg,#fef9c3,#fef08a); color:#ca8a04; }
.crt-card-platinum .crt-card-icon { background:linear-gradient(135deg,#eef2ff,#e0e7ff); color:#6366f1; }

.crt-card-title { font-size:.95rem; font-weight:700; color:#1e293b; margin-bottom:6px; }
.crt-card-desc { font-size:.78rem; color:#64748b; margin-bottom:12px; line-height:1.4; }
.crt-card-meta { display:flex; justify-content:center; gap:12px; margin-bottom:14px; }
.crt-card-no { font-size:.68rem; color:#94a3b8; font-weight:600; background:#f8fafc; padding:2px 8px; border-radius:6px; }
.crt-card-date { font-size:.68rem; color:#94a3b8; display:flex; align-items:center; gap:3px; }
.crt-card-btn { display:inline-flex; align-items:center; gap:5px; padding:8px 16px; background:#6366f1; color:#fff; border-radius:8px; font-size:.78rem; font-weight:600; text-decoration:none; transition:all .2s; }
.crt-card-btn:hover { background:#4f46e5; color:#fff; transform:translateY(-1px); }

/* Goals */
.crt-goals { display:flex; flex-direction:column; gap:10px; }
.crt-goal { display:flex; align-items:center; gap:14px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:14px 18px; transition:border-color .2s; }
.crt-goal:hover { border-color:#e2e8f0; }
.crt-goal-icon { width:44px; height:44px; min-width:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.crt-goal-bronze { background:#fef3c7; color:#d97706; }
.crt-goal-silver { background:#f1f5f9; color:#64748b; }
.crt-goal-gold { background:#fef9c3; color:#ca8a04; }
.crt-goal-platinum { background:#eef2ff; color:#6366f1; }
.crt-goal-info { flex:1; min-width:0; }
.crt-goal-title { display:block; font-size:.85rem; font-weight:700; color:#1e293b; }
.crt-goal-desc { display:block; font-size:.72rem; color:#94a3b8; margin-bottom:6px; }
.crt-goal-bar { height:6px; background:#f1f5f9; border-radius:3px; overflow:hidden; margin-bottom:3px; }
.crt-goal-bar-fill { height:100%; border-radius:3px; transition:width 1s; }
.crt-bar-bronze { background:linear-gradient(90deg,#cd7f32,#e8a952); }
.crt-bar-silver { background:linear-gradient(90deg,#9ca3af,#d1d5db); }
.crt-bar-gold { background:linear-gradient(90deg,#c9a84c,#f5d98a); }
.crt-bar-platinum { background:linear-gradient(90deg,#6366f1,#a5b4fc); }
.crt-goal-pct { font-size:.65rem; color:#94a3b8; font-weight:600; }

/* Dark Mode */
body.dark .crt-hero,
body.dark .crt-roadmap,
body.dark .crt-card,
body.dark .crt-goal { background:#1e293b; border-color:#334155; }
body.dark .crt-hero-title,
body.dark .crt-roadmap-title,
body.dark .crt-section-title,
body.dark .crt-card-title,
body.dark .crt-goal-title { color:#f1f5f9; }
body.dark .crt-hero-sub,
body.dark .crt-card-desc { color:#94a3b8; }
body.dark .crt-track-bar { background:#334155; }
body.dark .crt-ms-dot { background:#334155; border-color:#1e293b; }
body.dark .crt-goal-bar { background:#334155; }
body.dark .crt-card-no { background:#0f172a; }

/* Responsive */
@media (max-width:768px) {
    .crt-hero { flex-direction:column; gap:14px; text-align:center; }
    .crt-hero-left { flex-direction:column; }
    .crt-grid { grid-template-columns:1fr; }
    .crt-milestones { display:none; }
}
/* ── End Sertifikalarım ── */