:root { --course-ink:#211b32; --course-muted:#6e6879; --course-violet:#6d4aff; --course-lilac:#eeeaff; --course-peach:#fff3ed; }
        .course-page { overflow:hidden; }
        .course-hero { padding: 118px 24px 76px; background:linear-gradient(115deg,#f9f7ff 0%,#eee9ff 57%,#fff7f1 100%); position:relative; }
        .course-hero::before { content:""; position:absolute; width:520px; height:520px; border:80px solid rgba(109,74,255,.09); border-radius:50%; right:-190px; top:-220px; }
        .course-shell { max-width:1160px; margin:0 auto; position:relative; }
        .breadcrumb { color:#777183; font-size:13px; margin-bottom:30px; }.breadcrumb a { text-decoration:none; }.breadcrumb a:hover { color:var(--course-violet); }
        .hero-layout { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:72px; }
        .course-kicker { display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; color:#6441e5; background:#fff; border:1px solid rgba(109,74,255,.12); font-size:12px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; box-shadow:0 6px 18px rgba(61,38,122,.06); }
        .course-kicker i { width:7px; height:7px; border-radius:50%; background:#ff8a65; display:block; }
        .course-hero h1 { max-width:620px; margin:18px 0; color:var(--course-ink); font-size:clamp(42px,5vw,68px); line-height:1.02; letter-spacing:-.065em; }.course-hero h1 span { color:var(--course-violet); }
        .hero-copy { max-width:560px; color:var(--course-muted); font-size:18px; line-height:1.7; margin-bottom:24px; }
        .course-meta { display:flex; flex-wrap:wrap; gap:9px; }.course-meta .pill { background:rgba(255,255,255,.72); border-color:rgba(72,43,145,.11); color:#4d4658; padding:8px 13px; }
        .course-art { position:relative; max-width:465px; justify-self:end; }.course-art img { width:100%; border-radius:34px; box-shadow:0 26px 65px rgba(64,38,134,.23); }.course-art::after { content:"Yakında\A başlıyor"; white-space:pre; position:absolute; left:-30px; bottom:28px; padding:15px 20px; border-radius:16px; background:#211b32; color:#fff; font-size:14px; font-weight:700; line-height:1.35; box-shadow:0 14px 32px rgba(33,27,50,.23); }
        .quick-facts { max-width:1160px; margin:-1px auto 0; padding:0 24px; position:relative; }.quick-facts-inner { background:#fff; display:grid; grid-template-columns:repeat(3,1fr); border-radius:20px; box-shadow:0 14px 45px rgba(38,25,79,.1); overflow:hidden; }.fact { padding:22px 28px; border-right:1px solid #eeeaf6; display:flex; gap:13px; align-items:center; }.fact:last-child { border:0; }.fact-icon { flex:0 0 36px; height:36px; display:grid; place-items:center; border-radius:11px; background:#f1edff; font-size:18px; }.fact b { display:block; font-size:14px; color:var(--course-ink); }.fact span { display:block; color:var(--course-muted); font-size:12px; }
        .course-section { padding:92px 24px; }.course-section.tint { background:#faf9fd; }.section-wrap { max-width:1160px; margin:0 auto; }.section-label { color:var(--course-violet); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:10px; }.section-heading { font-size:clamp(29px,3.3vw,45px); letter-spacing:-.045em; line-height:1.08; color:var(--course-ink); margin:0; }.section-lead { color:var(--course-muted); font-size:16px; line-height:1.7; max-width:500px; margin:16px 0 0; }
        .audience-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:100px; align-items:center; }.audience-list { list-style:none; padding:0; margin:0; display:grid; gap:11px; }.audience-list li { background:#fff; border:1px solid #edeaf4; padding:17px 20px; border-radius:14px; display:flex; gap:13px; align-items:center; font-size:15px; font-weight:600; color:#423b4d; box-shadow:0 5px 16px rgba(42,28,82,.035); }.audience-list li::before { content:"✓"; display:grid; place-items:center; width:23px; height:23px; flex:0 0 23px; border-radius:50%; color:#fff; background:var(--course-violet); font-size:13px; }
        .benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-top:40px; }.benefit { background:#fff; border:1px solid #edeaf4; padding:26px 21px; border-radius:18px; min-height:206px; transition:transform .2s,box-shadow .2s; }.benefit:hover { transform:translateY(-5px); box-shadow:0 18px 30px rgba(53,36,103,.09); }.benefit-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--course-lilac); color:var(--course-violet); font-size:19px; font-weight:800; }.benefit h3 { margin:20px 0 7px; color:var(--course-ink); font-size:17px; letter-spacing:-.02em; }.benefit p { margin:0; color:var(--course-muted); font-size:14px; line-height:1.55; }
        .course-roadmap { margin-top:42px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.roadmap-step { position:relative; padding:28px 24px 24px; border-radius:18px; background:linear-gradient(145deg,#fff,#faf8ff); border:1px solid #ebe7f6; }.step-no { color:#a699da; font-weight:800; font-size:13px; letter-spacing:.08em; }.roadmap-step h3 { color:var(--course-ink); font-size:20px; margin:12px 0 8px; }.roadmap-step p { color:var(--course-muted); font-size:14px; line-height:1.6; margin:0; }
        .equipment { display:flex; gap:10px; flex-wrap:wrap; margin-top:26px; }.equipment span { padding:10px 15px; border-radius:11px; background:#fff; border:1px solid #e7e1f3; color:#4c4559; font-size:14px; font-weight:600; }.equipment span::before { margin-right:7px; }.equipment span:nth-child(1)::before { content:"▱"; }.equipment span:nth-child(2)::before { content:"▯"; }.equipment span:nth-child(3)::before { content:"✦"; }
        .trainer-card { margin-top:42px; display:grid; grid-template-columns:340px 1fr; gap:48px; align-items:start; background:#fff; border:1px solid #edeaf4; border-radius:24px; padding:36px; box-shadow:0 14px 45px rgba(38,25,79,.07); }
        .trainer-photo { position:relative; }
        .trainer-photo img { width:100%; height:auto; display:block; border-radius:18px; background:var(--course-lilac); }
        .trainer-badge { position:absolute; left:14px; bottom:14px; padding:8px 13px; border-radius:999px; background:rgba(255,255,255,.94); color:#4d4658; font-size:13px; font-weight:700; box-shadow:0 8px 20px rgba(33,27,50,.14); }
        .trainer-info h3 { margin:6px 0 4px; color:var(--course-ink); font-size:clamp(24px,2.6vw,32px); letter-spacing:-.03em; }
        .trainer-title { margin:0 0 16px; color:var(--course-violet); font-size:15px; font-weight:700; }
        .trainer-bio { margin:0; color:var(--course-muted); font-size:15px; line-height:1.75; }
        .trainer-stats { display:flex; gap:28px; margin-top:24px; }
        .trainer-stat b { display:block; color:var(--course-ink); font-size:26px; letter-spacing:-.03em; }
        .trainer-stat span { color:var(--course-muted); font-size:13px; }
        .trainer-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
        .trainer-tags span { padding:7px 12px; border-radius:999px; background:var(--course-lilac); color:#5a3fd6; font-size:13px; font-weight:600; }
        .trainer-courses { margin-top:22px; padding-top:18px; border-top:1px solid #eeeaf6; display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; }
        .trainer-courses-label { color:var(--course-muted); font-weight:600; }
        .trainer-courses a { color:var(--course-violet); font-weight:600; text-decoration:none; }
        .trainer-courses a:hover { text-decoration:underline; }
        .cta-panel { max-width:1160px; margin:0 auto; padding:50px 58px; border-radius:28px; background:linear-gradient(120deg,#2b2142,#563ba8); color:#fff; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; position:relative; overflow:hidden; }.cta-panel::after { content:""; position:absolute; right:-50px; top:-100px; width:300px; height:300px; border:45px solid rgba(255,255,255,.08); border-radius:50%; }.cta-panel h2 { font-size:clamp(28px,3vw,42px); letter-spacing:-.045em; line-height:1.1; margin:0; position:relative; z-index:1; }.cta-panel p { color:#dcd4ff; max-width:610px; margin:12px 0 0; position:relative; z-index:1; }.cta-actions { display:flex; gap:12px; flex-wrap:wrap; position:relative; z-index:1; }.cta-panel .btn-primary { background:#fff; color:#4b32ab; box-shadow:none; }.btn-notify { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.52); }.btn-notify.done { background:#e8fff4; border-color:#b4f2ce; color:#167147; pointer-events:none; }
        @media(max-width:800px) { .course-hero { padding:96px 20px 55px; }.hero-layout,.audience-layout { grid-template-columns:1fr; gap:35px; }.course-art { max-width:390px; justify-self:start; }.quick-facts { padding:0 20px; }.quick-facts-inner { grid-template-columns:1fr; }.fact { border-right:0; border-bottom:1px solid #eeeaf6; }.fact:last-child { border-bottom:0; }.course-section { padding:64px 20px; }.benefits,.course-roadmap { grid-template-columns:1fr 1fr; }.cta-panel { margin:0 20px; padding:38px 27px; grid-template-columns:1fr; }.course-art::after { left:14px; bottom:16px; }.trainer-card { grid-template-columns:1fr; gap:26px; padding:24px; }.trainer-photo { max-width:300px; } }
        @media(max-width:520px) { .benefits,.course-roadmap { grid-template-columns:1fr; }.course-hero h1 { font-size:42px; }.hero-copy { font-size:16px; } }