/* Seda Ataman · Eğitim & Atölye — tasarım sistemi
   Tek stil dosyası. Bölümler: belirteçler, temel, tipografi, düğmeler, formlar,
   site iskeleti, ana sayfa, katalog, eğitim ayrıntısı, kimlik, içerik sayfaları,
   paneller, sınıf, ödeme, yönetim, yardımcılar, duyarlı düzen. */

@font-face{font-family:'DM Sans';src:url('fonts/DM-Sans.woff2') format('woff2'),url('fonts/DM-Sans.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('fonts/DM-Serif-Display.woff2') format('woff2'),url('fonts/DM-Serif-Display.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('fonts/DM-Serif-Display-Italic.woff2') format('woff2'),url('fonts/DM-Serif-Display-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

/* ───────── Belirteçler ───────── */
:root{
  --paper:#fbf9fe;--paper-deep:#eee5f7;--surface:#ffffff;--surface-2:#f5effb;
  --ink:#271333;--text:#4b3c57;--muted:#6d5b79;--faint:#9886a3;
  --forest:#71279a;--forest-deep:#35134e;--forest-soft:#f0e1fb;--moss:#7c348e;
  --clay:#9135ad;--clay-deep:#76258f;--clay-soft:#f8e6fb;
  --coral:#b66ad3;--turquoise:#8345af;--turquoise-soft:#eee4fa;--sunflower:#d8a7ef;
  --line:rgba(58,25,77,.1);--line-strong:rgba(58,25,77,.22);
  --success:#116742;--success-bg:#dcf8e8;--warning:#815108;--warning-bg:#fff1c9;
  --danger:#a22e3c;--danger-bg:#ffe4e8;--info:#17618a;--info-bg:#e0f2ff;
  --sage-art:#e5c9f7;--peach-art:#f2d6f6;--lavender-art:#dfd1f8;
  --radius-s:10px;--radius:16px;--radius-l:24px;--radius-xl:36px;
  --shadow-s:0 1px 2px rgba(58,25,77,.05),0 2px 10px -4px rgba(58,25,77,.06);
  --shadow:0 1px 2px rgba(58,25,77,.04),0 14px 34px -16px rgba(58,25,77,.2);
  --shadow-l:0 2px 6px rgba(53,19,78,.06),0 36px 80px -32px rgba(53,19,78,.38);
  --serif:'DM Serif Display',Georgia,'Times New Roman',serif;
  --sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --container:1240px;--gutter:clamp(20px,4vw,40px);--header:96px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ───────── Temel ───────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.6 var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
::selection{background:var(--clay-soft);color:var(--ink)}
:focus-visible{outline:2px solid var(--clay);outline-offset:3px;border-radius:6px}
hr{border:0;border-top:1px solid var(--line);margin:32px 0}
code,.code{font-family:var(--mono);font-size:.9em;background:var(--paper-deep);padding:2px 7px;border-radius:6px;color:var(--ink)}
main{display:block;min-height:50vh}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container.narrow,.narrow{max-width:860px}
.icon{width:18px;height:18px;flex-shrink:0}
.skip-link{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;transition:top .2s}
.skip-link:focus{top:12px}

/* ───────── Tipografi ───────── */
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.018em;line-height:1.08;margin:0 0 .45em;text-wrap:balance}
h1{font-size:clamp(42px,5.4vw,76px);letter-spacing:-.028em;line-height:1.02}
h2{font-size:clamp(30px,3.4vw,46px)}
h3{font-size:clamp(21px,2vw,26px)}
h1 em,h2 em,h3 em{font-style:italic;color:var(--clay-deep)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 11.5px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--moss)}
.eyebrow.muted{color:var(--muted);letter-spacing:.06em;text-transform:none;font-size:13px;font-weight:500}
.eyebrow-category{text-transform:uppercase}
.tiny-line{display:inline-block;width:32px;height:1px;background:currentColor}
.muted{color:var(--muted)}
.small-text,.small{font-size:13.5px;line-height:1.6}
.pre-line{white-space:pre-line}
.required{color:var(--clay)}
.prose{max-width:720px}
.prose h2{font-size:clamp(30px,3vw,40px);margin:64px 0 18px}
.prose>:first-child{margin-top:0}
.prose h3{font:650 18px/1.4 var(--sans);letter-spacing:-.01em;margin:34px 0 12px}
.prose p{font-size:17px;line-height:1.78}
.prose ul:not(.check-list){padding-left:20px}

/* ───────── Düğmeler ve bağlantılar ───────── */
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;border:1px solid var(--forest);background:var(--forest);color:#fff;font:600 15px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px -12px rgba(53,19,78,.7);transition:background .2s,transform .2s var(--ease),box-shadow .2s,border-color .2s,color .2s;position:relative}
.button:hover{background:var(--forest-deep);border-color:var(--forest-deep);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 28px -14px rgba(53,19,78,.75)}
.button:active{transform:translateY(0)}
.button .icon{width:17px;height:17px;transition:transform .25s var(--ease)}
.button:hover .icon{transform:translateX(2px)}
.button.small{min-height:40px;padding:0 18px;font-size:14px;gap:8px}
.button.small .icon{width:15px;height:15px}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line-strong);box-shadow:none}
.button.secondary:hover{background:var(--surface);border-color:var(--ink)}
.button.light{background:var(--paper);border-color:var(--paper);color:var(--forest-deep);box-shadow:0 14px 30px -16px rgba(0,0,0,.45)}
.button.light:hover{background:#fff;border-color:#fff}
.button.full{width:100%}
.button:disabled,.button[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.button.is-loading{color:transparent!important}
.button.is-loading>*{visibility:hidden}
.button.is-loading::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}
.button.secondary.is-loading::after{border-color:var(--line-strong);border-top-color:var(--ink)}
@keyframes spin{to{transform:rotate(360deg)}}
.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--forest);background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:2px;transition:background-size .3s var(--ease),color .2s}
.text-link:hover{background-size:100% 1px;color:var(--forest-deep)}
.text-link .icon{width:16px;height:16px;transition:transform .25s var(--ease)}
.text-link:hover .icon{transform:translateX(3px)}
.quiet-link{color:var(--forest);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;font-weight:500}
.quiet-link:hover{text-decoration-color:currentColor}
.text-button{background:none;border:0;padding:0;font-weight:600;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.text-button:hover{color:var(--ink)}
.text-button.text-link{text-decoration:none;color:var(--forest)}
.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);transition:background .2s,border-color .2s;flex-shrink:0;font-size:20px;line-height:1}
.icon-button:hover{background:var(--surface);border-color:var(--line-strong)}
.circle-link{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink);transition:all .25s var(--ease)}
.circle-link:hover{background:var(--forest);border-color:var(--forest);color:#fff;transform:rotate(-45deg)}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--muted);margin-bottom:28px}
.back-link:hover{color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:var(--forest-soft);color:var(--forest);font:600 12.5px/1.2 var(--sans);letter-spacing:.01em}

/* Durum rozetleri */
.status{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:5px 12px 5px 10px;border-radius:999px;background:var(--paper-deep);color:var(--text);font:600 12.5px/1.3 var(--sans)}
.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.85}
.status.approved{background:var(--success-bg);color:var(--success)}
.status.review,.status.awaiting_payment{background:var(--warning-bg);color:var(--warning)}
.status.cancelled,.status.rejected,.status.reversed{background:var(--danger-bg);color:var(--danger)}
.status.refunded,.status.partial_refund{background:var(--info-bg);color:var(--info)}

/* ───────── Formlar ───────── */
.field{display:grid;gap:8px;min-width:0}
.field>span{font:600 13.5px/1.4 var(--sans);color:var(--ink)}
.field>span small{font-weight:400;color:var(--muted);margin-left:4px}
.field small,.field [data-upload-error]{font-size:12.5px;color:var(--muted);line-height:1.5}
.field [data-upload-error]{color:var(--danger);font-weight:500}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:50px;padding:12px 16px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-size:15.5px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
input::placeholder,textarea::placeholder{color:#7f8981}
input:hover,select:hover,textarea:hover{border-color:rgba(58,25,77,.32)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 4px rgba(113,39,154,.14)}
input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted)}
textarea{min-height:120px;resize:vertical;line-height:1.6}
select{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313201a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;cursor:pointer}
input[type=file]{width:100%;padding:10px;border:1px dashed var(--line-strong);border-radius:12px;background:var(--surface-2);font-size:14px;color:var(--muted)}
input[type=file]::file-selector-button{margin-right:14px;padding:9px 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 13px var(--sans);cursor:pointer}
input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--forest);flex-shrink:0;cursor:pointer}
.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.55;color:var(--text);cursor:pointer}
.checkbox-label a{color:var(--forest);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.checkbox-label small{display:inline-block;color:var(--muted);font-size:12px}
.consent-group{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px 20px;margin:0;display:grid;gap:14px;background:var(--surface-2)}
.consent-group legend{padding:0 8px;font:650 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;align-items:start}
.stack-form,.panel-form form,.surface form,.purchase-card form,.order-review form,.payment-layout form,.lesson-actions form{display:grid;gap:18px}
:is(.stack-form,.panel-form form,.surface form,.order-review form,.payment-layout form)>.button:not(.full){justify-self:start}
.inline-form{display:flex!important;flex-wrap:wrap;align-items:flex-end;gap:12px!important;margin-top:14px}
.inline-form .field{flex:1 1 240px}
.form-footer{margin-top:20px}
.form-error-summary{padding:14px 18px;border-radius:12px;background:var(--danger-bg);border-left:3px solid var(--danger);color:var(--danger);font-size:14px}
.form-error-summary strong{display:block;margin-bottom:2px}
.form-error-summary p{margin:0}
.honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.forgot-link{justify-self:end;font-size:13.5px;font-weight:600;color:var(--forest);margin-top:-6px}
.forgot-link:hover{text-decoration:underline}
details>summary{cursor:pointer;list-style:none}
details>summary::-webkit-details-marker{display:none}

/* ───────── Site iskeleti ───────── */
.dev-notice{background:var(--forest-deep);color:rgba(240,236,228,.78);font-size:12.5px}
.dev-notice>.container{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.dev-notice>.container>span{display:inline-flex;align-items:center;gap:10px;letter-spacing:.02em}
.dev-notice i{width:7px;height:7px;border-radius:50%;background:#e0b38b;box-shadow:0 0 0 3px rgba(224,179,139,.2)}
.dev-notice a{display:inline-flex;align-items:center;gap:6px;color:#f3ece2;font-weight:600}
.dev-notice a:hover{color:#fff}
.dev-notice .icon{width:14px;height:14px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header)}
.brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}
.brand-lockup{width:212px;height:auto}
.brand-mark{width:50px;height:50px;border-radius:14px;object-fit:contain}
.brand-copy{font:400 24px/1 var(--serif);color:var(--ink);letter-spacing:-.01em}
.brand-copy small{display:block;margin-top:6px;font:600 9.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav>a:not(.button){position:relative;padding:10px 16px;border-radius:999px;font-size:15px;font-weight:500;color:var(--text);transition:color .2s,background .2s}
.main-nav>a:not(.button):hover{color:var(--ink);background:rgba(58,25,77,.05)}
.main-nav>a[aria-current=page]{color:var(--ink)}
.main-nav>a[aria-current=page]::after{content:'';position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--clay)}
.main-nav .nav-login{margin-left:14px;padding-left:22px!important}
.main-nav .nav-login::before{content:'';position:absolute;left:0;top:50%;height:20px;margin-top:-10px;border-left:1px solid var(--line-strong)}
.main-nav .button{margin-left:8px}
.main-nav .button .icon{width:16px;height:16px}
.logout-form{margin-left:4px}
.menu-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);place-items:center}
.menu-toggle .icon{width:20px;height:20px}
.flash-list{display:grid;gap:10px;margin-top:20px}
.flash{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);font-size:14.5px;color:var(--ink)}
.flash>.icon{width:20px;height:20px;color:var(--clay)}
.flash.success>.icon{color:var(--success)}
.flash.success{border-left:3px solid var(--success)}
.flash.error{border-left:3px solid var(--danger)}
.flash.error>.icon{color:var(--danger)}
.flash>span{flex:1}
.flash button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1}
.flash button:hover{background:var(--paper);color:var(--ink)}
.toast{position:fixed;left:50%;bottom:28px;z-index:60;transform:translateX(-50%);padding:12px 22px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-l);animation:rise .3s var(--ease)}
@keyframes rise{from{opacity:0;transform:translate(-50%,10px)}}

.site-footer{background:var(--forest-deep);color:rgba(232,236,228,.68);padding:96px 0 32px;font-size:15px;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;right:-180px;top:-220px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.012)}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;position:relative}
.footer-top h2{font:650 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f5f0e8;margin:6px 0 22px}
.footer-top>div>a:not(.footer-brand){display:block;width:max-content;max-width:100%;padding:6px 0;transition:color .2s,transform .2s}
.footer-top>div>a:not(.footer-brand):hover{color:#fff;transform:translateX(3px)}
.footer-top p{max-width:320px;margin-top:22px;line-height:1.7}
.footer-brand .brand-lockup{width:236px}
.footer-brand .brand-copy{color:#f5f0e8}
.footer-brand .brand-copy small{color:rgba(232,236,228,.6)}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:72px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;position:relative}
.footer-bottom>span{margin-right:auto}
.footer-bottom a:hover{color:#fff}
.footer-credit{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.footer-credit>span{color:rgba(232,236,228,.5)}
.footer-credit strong{font-weight:600;letter-spacing:.025em;color:#f0ece4}
.footer-credit svg{opacity:.75;transition:transform .2s}
.footer-credit:hover strong{color:#edc9ff}
.footer-credit:hover svg{transform:translate(1px,-1px)}

/* ───────── Bölüm başlıkları ───────── */
.section{padding-block:clamp(80px,10vw,136px)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:14px}
.section-heading h2{font-size:clamp(36px,4.6vw,62px);margin:14px 0 0;max-width:760px}
.section-intro{max-width:560px;font-size:17.5px;color:var(--muted);margin-bottom:52px}
.page-heading{padding-block:clamp(56px,7vw,96px) clamp(36px,4vw,56px)}
.page-heading h1{font-size:clamp(48px,6.6vw,96px);margin:18px 0 20px;max-width:960px}
.page-heading p{max-width:580px;font-size:18.5px;color:var(--muted)}
.demo-caption{margin:36px auto 0;text-align:center;font-size:13px;color:var(--muted);max-width:620px}

/* ───────── Ana sayfa ───────── */
.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(40px,6vw,100px);align-items:center;padding-block:clamp(40px,6vw,80px) clamp(64px,8vw,112px)}
.hero-copy h1{font-size:clamp(44px,5.6vw,84px);line-height:1;letter-spacing:-.035em;margin:24px 0 26px}
.hero-copy h1 em{color:var(--moss)}
.hero-copy>p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;max-width:520px;color:var(--text)}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:40px 0 52px}
.hero-actions .button{min-height:56px;padding:0 30px;font-size:15.5px}
.hero-actions .text-link{color:var(--ink)}
.hero-learning-note{display:flex;align-items:center;gap:18px;padding-top:28px;border-top:1px solid var(--line);max-width:520px}
.hero-note-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);color:var(--forest);flex-shrink:0}
.hero-note-icon .icon{width:18px;height:18px;margin-left:2px}
.hero-learning-note strong{display:block;font-size:15px;color:var(--ink);font-weight:650}
.hero-learning-note span:not(.hero-note-icon){display:block;font-size:14px;color:var(--muted)}
.hero-editorial{position:relative;padding:0 0 0 clamp(0px,3vw,40px)}
.hero-editorial::before{content:'';position:absolute;right:-6%;top:12%;width:78%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(145,53,173,.35);z-index:-1}
.editorial-index,.editorial-tag{display:flex;justify-content:space-between;gap:16px;font:600 11px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.editorial-index{margin-bottom:16px}
.editorial-tag{margin-top:16px}
.editorial-tag span{display:inline-flex;align-items:center;gap:8px}
.editorial-tag .icon{width:14px;height:14px;color:var(--moss)}
.hero-photo{position:relative;border-radius:320px 320px 28px 28px;overflow:hidden;aspect-ratio:4/5;background:var(--paper-deep);box-shadow:var(--shadow-l)}
.hero-photo picture{display:block;height:100%}
.hero-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.hero-photo:hover img{transform:scale(1.05)}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(53,19,78,.35));pointer-events:none}
.photo-caption{position:absolute;left:28px;bottom:24px;z-index:1;font:600 11px/1 var(--sans);letter-spacing:.2em;color:rgba(255,255,255,.88)}
.editorial-card{position:absolute;left:-56px;bottom:108px;z-index:2;display:flex;align-items:center;gap:16px;width:min(360px,88%);padding:18px 18px 18px 18px;border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-l);transition:transform .3s var(--ease)}
.editorial-card:hover{transform:translateY(-3px)}
.editorial-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--forest);color:#f2e4d6;flex-shrink:0}
.editorial-card>span:nth-child(2){flex:1;min-width:0}
.editorial-card small{display:block;font:600 10.5px/1.3 var(--sans);letter-spacing:.14em;color:var(--muted);margin-bottom:5px}
.editorial-card strong{display:block;font:400 20px/1.2 var(--serif);color:var(--ink)}
.editorial-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);color:var(--ink);flex-shrink:0}
.editorial-arrow .icon{width:15px;height:15px}
.benefit-strip{border-block:1px solid var(--line);background:var(--surface-2)}
.benefit-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}
.benefit-strip span{display:flex;align-items:center;gap:14px;padding:26px 24px;font-size:15px;font-weight:550;color:var(--ink)}
.benefit-strip span+span{border-left:1px solid var(--line)}
.benefit-strip span:first-child{padding-left:0}
.benefit-strip .icon{width:40px;height:40px;padding:10px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}

.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.course-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.course-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:var(--sage-art);overflow:hidden}
.sage{background-color:var(--sage-art)}.peach{background-color:var(--peach-art)}.lavender{background-color:var(--lavender-art)}
.course-art img{width:62%;transition:transform .6s var(--ease)}
.course-card:hover .course-art img{transform:scale(1.05) rotate(-1deg)}
:is(.course-art,.detail-art,.enrolled-art,.admin-course-art,.summary-art) img[src*="/gorsel/"]{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
.art-label{position:absolute;left:18px;top:18px;z-index:1;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.88);font:650 10.5px/1.2 var(--sans);letter-spacing:.14em;color:var(--ink)}
.art-number{position:absolute;right:20px;bottom:8px;font:400 64px/1 var(--serif);color:rgba(58,25,77,.1)}
.course-card-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}
.course-card-body h3{font-size:30px;margin:10px 0 12px}
.course-card-body h3 a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 92%;background-repeat:no-repeat;transition:background-size .35s var(--ease)}
.course-card:hover h3 a{background-size:100% 1px}
.course-card-body>p{font-size:15px;color:var(--muted);line-height:1.65}
.course-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 24px;font-size:13.5px;color:var(--text)}
.course-meta span{display:inline-flex;align-items:center;gap:7px}
.course-meta .icon{width:15px;height:15px;color:var(--moss)}
.course-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.price-label{display:block;font:650 10.5px/1 var(--sans);letter-spacing:.14em;color:var(--muted);margin-bottom:7px}
.course-card-bottom strong{font:650 25px/1 var(--sans);letter-spacing:-.025em;color:var(--ink)}

.approach-section{margin-inline:clamp(12px,2vw,24px);border-radius:var(--radius-xl);background:radial-gradient(100% 120% at 100% 0%,#8345af 0%,#71279a 48%,var(--forest-deep) 100%);color:rgba(232,236,228,.74);position:relative;overflow:hidden}
.approach-section::after{content:'';position:absolute;left:-120px;bottom:-200px;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.07)}
.approach-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);padding-block:clamp(80px,9vw,128px);position:relative;z-index:1}
.approach-grid .eyebrow{color:#edc9ff}
.approach-grid h2{color:#f7f2ea;font-size:clamp(40px,4.6vw,64px);margin:18px 0 24px}
.approach-grid>div>p{font-size:17.5px;max-width:440px;margin-bottom:34px}
.approach-grid .text-link{color:#f2e4d6}
.approach-signature{margin-top:56px;font:italic 400 28px/1.2 var(--serif);color:#edc9ff}
.steps-list{list-style:none;counter-reset:step}
.steps-list li{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:34px 0;border-top:1px solid rgba(255,255,255,.12)}
.steps-list li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.steps-list li>span{font:italic 400 46px/1 var(--serif);color:#edc9ff}
.steps-list h3{color:#f7f2ea;font-size:28px;margin:4px 0 10px}
.steps-list p{font-size:16px;max-width:480px}

.instructor-intro{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,7vw,110px);align-items:center}
.intro-art{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--forest-soft),var(--clay-soft));overflow:hidden}
.intro-art::before{content:'';position:absolute;inset:26px;border-radius:calc(var(--radius-xl) - 12px);border:1px solid rgba(58,25,77,.1)}
.intro-monogram{font:italic 400 clamp(150px,18vw,250px)/1 var(--serif);color:var(--forest);letter-spacing:-.06em}
.intro-monogram span{color:var(--clay)}
.intro-art>span{position:absolute;bottom:44px;font:600 11px/1 var(--sans);letter-spacing:.22em;color:var(--muted)}
.portrait-photo{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}
.intro-art .portrait-photo{position:absolute;inset:0}
.instructor-intro h2{font-size:clamp(42px,5vw,68px);margin:18px 0 26px}
.instructor-intro p{font-size:17.5px;line-height:1.75;max-width:560px}
.instructor-intro .text-link{margin-top:16px}

.faq-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,110px);padding-block:0 clamp(80px,10vw,136px)}
.faq-section h2{font-size:clamp(38px,4.4vw,58px);margin:18px 0 18px}
.faq-intro{color:var(--muted);font-size:17px;max-width:360px;margin-bottom:28px}
.faq-list{border-top:1px solid var(--line-strong)}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font:400 clamp(20px,1.9vw,25px)/1.3 var(--serif);color:var(--ink);transition:color .2s}
.faq-list summary:hover{color:var(--forest)}
.faq-list summary span,.purchase-coupon summary span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-strong);font:300 20px/1 var(--sans);flex-shrink:0;transition:transform .3s var(--ease),background .3s,color .3s}
.faq-list details[open] summary span,.purchase-coupon[open] summary span{transform:rotate(45deg);background:var(--forest);border-color:var(--forest);color:#fff}
.faq-list details p{padding:0 64px 28px 0;font-size:16.5px;line-height:1.75;color:var(--text);max-width:680px}

.closing-section{margin:0 clamp(12px,2vw,24px) clamp(12px,2vw,24px);border-radius:var(--radius-xl);background:linear-gradient(115deg,#55206e 0%,#9135ad 58%,#9135ad 100%);color:#fff;position:relative;overflow:hidden}
.closing-section .container{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:clamp(72px,8vw,112px);position:relative;z-index:1}
.closing-section .eyebrow{color:rgba(255,255,255,.78)}
.closing-section h2{color:#fff;font-size:clamp(40px,5vw,72px);margin:18px 0 0;max-width:780px}
.closing-section h2 em{color:#f0c9ff}
.closing-section .button.light{min-height:58px;padding:0 32px;flex-shrink:0}
.closing-orbit{position:absolute;right:-120px;top:50%;width:520px;height:520px;margin-top:-260px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.03);pointer-events:none}
.home-closing-gap{height:0}

/* ───────── Katalog ───────── */
.catalog-section{padding-bottom:clamp(80px,10vw,136px)}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:36px;padding:8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}
.filter-tab{padding:10px 18px;border-radius:999px;border:0;background:transparent;font-size:14.5px;font-weight:550;color:var(--text);transition:background .2s,color .2s}
.filter-tab:hover{background:var(--paper)}
.filter-tab.active{background:var(--ink);color:#fff}
.search-field{display:flex;align-items:center;gap:10px;min-width:260px;padding:0 6px 0 16px;border-radius:999px;background:var(--paper);color:var(--muted)}
.search-field input{border:0!important;background:transparent!important;box-shadow:none!important;min-height:44px!important;padding:0 10px 0 0!important}
.search-field .icon{width:17px;height:17px}
.empty-state{text-align:center;padding:64px 24px}
.empty-state>.icon,.large-icon{display:grid;place-items:center;margin:0 auto 20px;width:60px;height:60px;padding:16px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}
.large-icon .icon{width:28px;height:28px}
.empty-state h1,.empty-state h2{font-size:clamp(28px,3vw,38px);margin-bottom:10px}
.empty-state p{max-width:440px;margin:0 auto 24px;color:var(--muted)}
.empty-state p:last-child{margin-bottom:0}
.error-page{padding-block:clamp(80px,12vw,160px)}
.error-page .large-icon{width:84px;height:84px}

/* ───────── Eğitim ayrıntısı ───────── */
.preview-banner{display:flex;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;border-radius:var(--radius);background:var(--clay-soft);border:1px solid rgba(140,86,52,.2);color:var(--clay-deep)}
.preview-banner>div{flex:1;display:grid;gap:2px}
.preview-banner strong{color:var(--ink)}
.preview-banner span{font-size:14px}
.breadcrumb{display:flex;align-items:center;gap:10px;padding-top:32px;font-size:13.5px;color:var(--muted)}
.breadcrumb a:hover{color:var(--ink)}
.breadcrumb .icon{width:13px;height:13px}
.breadcrumb span{color:var(--ink);font-weight:500}
.course-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:clamp(40px,5vw,72px);align-items:start;padding-block:32px clamp(80px,10vw,136px)}
.detail-title{font-size:clamp(48px,6vw,88px);margin:18px 0 20px}
.detail-summary{font-size:clamp(17px,1.5vw,20px);max-width:640px;color:var(--text)}
.detail-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;margin:40px 0 0}
.detail-art img{width:min(44%,380px)}
.detail-art>span{position:absolute;bottom:22px;font:600 11px/1 var(--sans);letter-spacing:.22em;color:rgba(58,25,77,.5)}
.detail-tabs{position:sticky;top:var(--header);z-index:5;display:flex;gap:30px;margin:28px 0 8px;padding:0 2px;border-bottom:1px solid var(--line);background:rgba(247,251,250,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}
.detail-tabs a{padding:18px 0 16px;font-size:15px;font-weight:550;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .2s,border-color .2s}
.detail-tabs a:hover{color:var(--ink);border-color:var(--ink)}
.course-detail-grid .prose{padding-top:24px;scroll-margin-top:calc(var(--header) + 60px)}
.check-list{list-style:none;display:grid;gap:2px;margin:8px 0 12px}
.check-list li{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.check-list .icon{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--success-bg);color:var(--success);margin-top:1px}
.curriculum-list{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);overflow:hidden;margin-bottom:28px}
.curriculum-list>div{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:18px 24px}
.curriculum-list>div+div{border-top:1px solid var(--line)}
.curriculum-list>p{padding:18px 24px}
.curriculum-number{font:italic 400 24px/1 var(--serif);color:var(--clay)}
.curriculum-list strong{display:block;color:var(--ink);font-size:16px;font-weight:600}
.curriculum-list small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.curriculum-list>div>.icon{color:var(--faint)}
.purchase-card{position:sticky;top:calc(var(--header) + 24px);padding:32px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.purchase-card h2{font-size:34px;margin:20px 0 6px}
.purchase-price{display:block;font:650 46px/1 var(--sans);letter-spacing:-.035em;color:var(--ink);margin:18px 0 6px}
.purchase-benefits{list-style:none;display:grid;gap:12px;margin:24px 0;padding:22px 0;border-block:1px solid var(--line)}
.purchase-benefits li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink)}
.purchase-benefits .icon{width:32px;height:32px;padding:7px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}
.cohort-info{display:grid;gap:8px}
.cohort-info div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:13px}
.cohort-info strong{color:var(--ink);font-weight:600}
.cohort-info span{color:var(--muted);text-align:right}
.purchase-coupon{border:1px solid var(--line);border-radius:14px;padding:0 16px}
.purchase-coupon summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;font-weight:600;color:var(--ink)}
.purchase-coupon summary span{width:28px;height:28px;font-size:17px}
.purchase-coupon>div{display:grid;gap:10px;padding-bottom:16px}
.purchase-coupon .text-button{justify-self:start;color:var(--forest);text-decoration:none}
.purchase-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;font-size:13px;color:var(--muted);text-align:center}
.purchase-note .icon{width:14px;height:14px}
.payment-demo{margin-top:14px;padding:10px 14px;border-radius:12px;border:1px dashed rgba(140,86,52,.45);background:var(--clay-soft);color:var(--clay-deep);font-size:13px;font-weight:550;text-align:center}
.existing-access{display:grid;gap:10px;padding:22px;border-radius:var(--radius);background:var(--success-bg);color:var(--success);margin-bottom:6px}
.existing-access>.icon{width:34px;height:34px;padding:8px;border-radius:50%;background:#fff}
.existing-access strong{color:var(--ink);font-size:16px}
.existing-access p{color:var(--text);font-size:14px}
.mobile-course-bar{display:none}

/* ───────── Kimlik sayfaları ───────── */
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:clamp(32px,5vw,72px);align-items:stretch;padding-block:clamp(32px,5vw,64px) clamp(64px,8vw,112px)}
.auth-story{position:relative;display:flex;flex-direction:column;padding:clamp(36px,5vw,60px);border-radius:var(--radius-xl);background:linear-gradient(155deg,#f0e1fb 0%,#eee4fa 52%,#f8e9fc 100%);overflow:hidden;min-height:620px}
.auth-story::before{content:'';position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(58,25,77,.08)}
.auth-story h1{font-size:clamp(46px,5.2vw,78px);margin:22px 0 22px}
.auth-story>p{font-size:18px;max-width:420px}
.auth-story img{width:min(340px,80%);margin:auto auto 24px;mix-blend-mode:multiply}
.auth-story-bottom{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--muted)}
.auth-story-bottom .icon{color:var(--moss)}
.auth-card{align-self:center;padding:clamp(32px,4vw,52px);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.auth-card h2{font-size:clamp(36px,3.4vw,46px);margin-bottom:8px}
.auth-card>p.muted{margin-bottom:30px;font-size:15.5px}
.auth-card .button.full{min-height:54px;margin-top:6px}
.auth-switch{margin:26px 0 0;text-align:center;font-size:14.5px;color:var(--muted)}
.auth-switch a{color:var(--forest);font-weight:650}
.auth-switch a:hover{text-decoration:underline}
.demo-accounts{margin-top:24px;padding:14px 18px;border-radius:14px;border:1px dashed var(--line-strong);background:var(--surface-2);font-size:13.5px}
.demo-accounts summary{font-weight:600;color:var(--ink)}
.demo-accounts p{margin-top:10px;line-height:1.8}

/* ───────── İçerik sayfaları ───────── */
.surface{padding:28px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,110px);align-items:start;padding-bottom:clamp(80px,10vw,136px)}
.about-portrait{position:sticky;top:calc(var(--header) + 28px);display:grid;place-items:center;aspect-ratio:4/5;border-radius:var(--radius-xl);background:linear-gradient(165deg,var(--forest-soft),var(--clay-soft));overflow:hidden}
.about-portrait .portrait-photo{position:absolute;inset:0}
.portrait-monogram{position:absolute;top:36px;left:40px;font:italic 400 110px/1 var(--serif);color:var(--forest);letter-spacing:-.05em}
.about-portrait img:not(.portrait-photo){width:62%;mix-blend-mode:multiply;margin-top:60px}
.about-portrait>span:last-child{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:13px;color:var(--muted)}
.about-grid .prose h2{font-size:clamp(38px,4vw,54px);margin:16px 0 22px}
.about-grid .prose .button{margin:12px 0 22px}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start;padding-bottom:clamp(80px,10vw,136px)}
.contact-grid>div:first-child h2{font-size:clamp(34px,3.6vw,48px)}
.contact-grid>div:first-child>p{font-size:17px;color:var(--muted);max-width:460px}
.contact-items{display:grid;gap:12px;margin:34px 0}
.contact-items>a,.contact-items>div{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-weight:550;color:var(--ink);transition:border-color .2s,transform .2s}
.contact-items>a:hover{border-color:var(--forest);transform:translateX(3px)}
.contact-items .icon{width:42px;height:42px;padding:11px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}
.contact-items small{display:block;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.contact-items>p{color:var(--muted);font-size:14.5px}
.contact-flower img{width:220px;mix-blend-mode:multiply;opacity:.9}
.contact-form{padding:clamp(28px,4vw,44px);border-radius:var(--radius-xl)}
.contact-form .button{min-height:54px}
.legal-page{padding-block:clamp(56px,7vw,96px)}
.legal-page h1{font-size:clamp(40px,5vw,64px);margin:16px 0 0}
.subnav{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0 30px}
.subnav a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:550;color:var(--text);transition:all .2s}
.subnav a:hover{border-color:var(--line-strong);color:var(--ink)}
.subnav a.active{background:var(--ink);border-color:var(--ink);color:#fff}
.legal-copy{margin:24px 0 32px;padding:clamp(28px,4vw,48px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);font-size:16px;line-height:1.85}
.certificate-check{text-align:center;padding:clamp(32px,5vw,56px);display:grid;gap:12px;justify-items:center;margin-top:28px}
.certificate-check h2{margin:8px 0 0}
.certificate-check code{font-size:15px;padding:10px 18px;letter-spacing:.06em}
.mail-item{margin-top:18px}
.mail-item h2{font-size:26px;margin:8px 0 0}
.mail-body{margin-top:14px;padding:18px;border-radius:12px;background:var(--surface-2);font-size:14.5px;line-height:1.75}

/* ───────── Paneller ───────── */
.panel-body{background:#f6f1fa}
.panel-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start;padding-block:32px clamp(64px,8vw,104px)}
.panel-sidebar{position:sticky;top:calc(var(--header) + 24px);max-height:calc(100vh - var(--header) - 48px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.sidebar-heading{display:flex;align-items:center;gap:10px;padding:6px 12px 16px;margin-bottom:6px;border-bottom:1px solid var(--line);font:650 10.5px/1.4 var(--sans);letter-spacing:.16em;color:var(--muted)}
.workspace-dot{width:8px;height:8px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 4px var(--clay-soft);flex-shrink:0}
.panel-sidebar nav{display:flex;flex-direction:column;gap:2px}
.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-size:14.5px;font-weight:550;color:var(--text);transition:background .2s,color .2s;white-space:nowrap}
.sidebar-link .icon{width:18px;height:18px;color:var(--faint);transition:color .2s}
.sidebar-link:hover{background:var(--paper);color:var(--ink)}
.sidebar-link:hover .icon{color:var(--forest)}
.sidebar-link.active{background:var(--forest);color:#fff;box-shadow:0 8px 18px -10px rgba(53,19,78,.8)}
.sidebar-link.active .icon{color:#edc9ff}
.sidebar-note{margin:14px 0 8px;padding:20px;border-radius:var(--radius);background:linear-gradient(150deg,var(--forest-soft),var(--clay-soft))}
.sidebar-note .icon{width:20px;height:20px;color:var(--moss);margin-bottom:10px}
.sidebar-note p{font:italic 400 19px/1.3 var(--serif);color:var(--ink)}
.panel-sidebar>.sidebar-link:last-child{color:var(--muted);font-size:14px}
@media (min-width:961px) and (max-height:880px){.sidebar-note{display:none}.sidebar-link{padding-block:9px}}
.panel-content{min-width:0}
.panel-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.panel-top h1{font-size:clamp(38px,4vw,56px);margin:12px 0 8px}
.panel-top p{color:var(--muted);font-size:15.5px;max-width:560px}
.panel-top>.text-link,.panel-top>.button{flex-shrink:0}
.panel-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:52px 0 18px}
.panel-section-title h2{font-size:clamp(26px,2.4vw,32px);margin:0}
.panel-info{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 20px;border-radius:var(--radius);background:var(--info-bg);border:1px solid rgba(46,86,112,.14);color:#294b61;font-size:14.5px;line-height:1.6}
.panel-info>.icon{width:20px;height:20px;margin-top:1px}
.panel-info p{margin:0;flex:1}
.panel-info form{margin-left:auto}
.panel-content>.panel-info:first-child{margin-top:0}
.checkout-return{position:relative;display:flex;align-items:center;gap:16px;margin-bottom:22px;padding:22px 64px 22px 24px;border-radius:var(--radius-l);background:var(--clay-soft);border:1px solid rgba(140,86,52,.18)}
.checkout-return>.icon{width:44px;height:44px;padding:11px;border-radius:50%;background:#fff;color:var(--clay-deep)}
.checkout-return>div{flex:1}
.checkout-return strong{display:block;color:var(--ink);font-size:16px}
.checkout-return p{font-size:14px;color:var(--text);margin:2px 0 0}
.checkout-dismiss{position:absolute;right:12px;top:12px}
.checkout-dismiss .icon-button{width:32px;height:32px;font-size:18px;border:0}
.greeting-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,44px);border-radius:var(--radius-xl);background:linear-gradient(115deg,var(--forest-deep),#71279a 62%,#8345af);color:rgba(232,236,228,.8);overflow:hidden}
.greeting-card::after{content:'';position:absolute;right:-60px;bottom:-140px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.greeting-card h2{font-size:clamp(32px,3.2vw,44px);color:#f7f2ea;margin-bottom:12px}
.greeting-card h2 em{color:#edc9ff}
.greeting-card p{max-width:500px;font-size:15.5px}
.greeting-card img{width:150px;height:150px;padding:16px;border-radius:50%;background:#f6f1fa;position:relative;z-index:1;flex-shrink:0}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.stat{display:flex;flex-direction:column;gap:22px;padding:22px 24px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s}
a.stat:hover{border-color:var(--forest);transform:translateY(-2px);box-shadow:var(--shadow)}
.stat>span{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:14px;font-weight:550;color:var(--muted);line-height:1.4}
.stat .icon{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--forest-soft);color:var(--forest)}
.stat strong{margin-top:auto;font:650 40px/1 var(--sans);letter-spacing:-.035em;color:var(--ink)}
.enrolled-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.enrolled-card{display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:box-shadow .3s,transform .3s var(--ease)}
.enrolled-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.enrolled-art{position:relative;display:grid;place-items:center;height:180px;overflow:hidden}
.enrolled-art img{height:150px;width:auto}
.enrolled-body{display:grid;gap:12px;padding:22px 24px 24px}
.enrolled-body .pill{justify-self:start}
.enrolled-body h3{font-size:27px;margin:2px 0 0}
.enrolled-body p{font-size:14px;color:var(--muted)}
.enrolled-body .button{margin-top:6px}
.course-progress{-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;border:0;border-radius:999px;background:var(--paper-deep);overflow:hidden}
.course-progress::-webkit-progress-bar{background:var(--paper-deep);border-radius:999px}
.course-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--moss),var(--forest));border-radius:999px}
.course-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--moss),var(--forest));border-radius:999px}
.progress-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:550;color:var(--muted)}
.upcoming-card{display:flex;align-items:center;gap:20px;margin-bottom:12px;padding:16px 20px 16px 16px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.upcoming-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-s)}
.date-block{display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:var(--forest);color:rgba(255,255,255,.7);font:650 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0}
.date-block strong{font:400 30px/1 var(--serif);color:#fff;letter-spacing:0;margin-bottom:4px}
.upcoming-info{flex:1;min-width:0}
.upcoming-info .eyebrow{font-size:10.5px}
.upcoming-info h3{font:650 17px/1.35 var(--sans);letter-spacing:-.01em;margin:4px 0 3px}
.upcoming-info p{font-size:13.5px;color:var(--muted);margin:0}
.upcoming-card>.button,.upcoming-card>.text-link{flex-shrink:0}
.announcement{position:relative;display:grid;gap:8px;justify-items:start;margin-bottom:14px;padding:24px 28px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}
.announcement h2{font-size:25px;margin:2px 0 0}
.announcement h3{font-size:22px;margin:2px 0 0}
.announcement>p{font-size:15px;color:var(--text);margin:0}
.announcement>small{color:var(--muted);font-size:12.5px}
.announcement .eyebrow{font-size:10.5px}
.announcement .form-footer{margin-top:6px;width:100%}
.tool-link{margin-top:4px}
.panel-form{margin-bottom:22px;padding:clamp(24px,3vw,34px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.panel-form>h2{font-size:clamp(24px,2.2vw,30px);margin-bottom:20px}
.panel-form h3{font:650 15px/1.4 var(--sans);letter-spacing:.01em;color:var(--ink);margin:12px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.panel-form>p.small-text{margin-bottom:16px}
.panel-content details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--ink)}
.panel-content details>summary::after{content:'';width:8px;height:8px;margin-right:4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease);flex-shrink:0}
.panel-content details[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.editor-details,.review-actions details,.announcement details,.archive-panel details,.submission-history,.submission-event details{border:1px solid var(--line);border-radius:14px;padding:0 18px;background:var(--surface-2)}
.editor-details{margin-top:12px;width:100%}
:is(.editor-details,.review-actions details,.announcement details,.archive-panel details,.submission-history,.submission-event details)>summary{padding:14px 0}
:is(.editor-details,.review-actions details,.announcement details,.archive-panel details,.submission-event details)[open]{padding-bottom:18px}
.log-list>div{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.log-list>div:first-child{padding-top:0}
.log-list>div:last-child{border-bottom:0;padding-bottom:0}
.log-list strong{color:var(--ink);font-weight:600}
.data-table-wrap{overflow-x:auto;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);margin-bottom:22px}
.data-table{width:100%;border-collapse:collapse;font-size:14.5px}
.data-table th{padding:14px 20px;text-align:left;background:var(--surface-2);border-bottom:1px solid var(--line);font:650 11px/1.3 var(--sans);letter-spacing:.12em;color:var(--muted);white-space:nowrap}
.data-table td{padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text)}
.data-table tr:last-child td{border-bottom:0}
.data-table tbody tr{transition:background .15s}
.data-table tbody tr:hover{background:var(--surface-2)}
.data-table td strong{color:var(--ink);font-weight:600}
.data-table td small{display:block;margin-top:3px;font-size:12.5px;color:var(--muted)}
.data-table td a:not(.text-link){color:var(--forest);font-weight:600}
.data-table td form{margin-top:6px}

/* ───────── Sınıf ───────── */
.classroom-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:24px 20px}
.lesson-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13.5px;color:var(--muted)}
.lesson-breadcrumb a{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600}
.lesson-breadcrumb a:hover{border-color:var(--line-strong)}
.lesson-breadcrumb a .icon{width:14px;height:14px;transform:rotate(180deg)}
.lesson-breadcrumb>span:last-child{color:var(--ink);font-weight:500}
.classroom-label{display:inline-flex;align-items:center;gap:8px;font:650 11px/1 var(--sans);letter-spacing:.16em;color:var(--muted)}
.classroom-label .icon{width:14px;height:14px;color:var(--clay)}
.learning-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:clamp(24px,3vw,40px);align-items:start;padding-bottom:clamp(64px,8vw,104px)}
.lesson-player{position:relative;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;background:#0c1914;box-shadow:var(--shadow-l)}
.lesson-player video{width:100%;height:100%;object-fit:contain;background:#000}
.live-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;padding:32px;text-align:center;color:rgba(232,236,228,.72);background:radial-gradient(80% 90% at 50% 0%,#8345af 0%,var(--forest-deep) 80%);position:relative}
.live-stage::before{content:'';position:absolute;inset:18px;border-radius:calc(var(--radius-xl) - 10px);border:1px solid rgba(255,255,255,.08);pointer-events:none}
.live-stage-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#edc9ff}
.live-stage-mark .icon{width:22px;height:22px}
.live-stage .eyebrow{color:#edc9ff}
.live-stage h2{color:#f7f2ea;font-size:clamp(30px,3.6vw,50px);margin:10px 0 8px}
.live-stage p{font-size:15px}
.live-stage .button{margin-top:16px}
.live-waiting{max-width:420px;font-size:14px!important;color:rgba(232,236,228,.6)}
.classroom-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 4px;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.classroom-info>span{display:inline-flex;align-items:center;gap:8px}
.classroom-info .icon{width:15px;height:15px}
.watch-caption{display:inline-flex;align-items:center;gap:6px}
.watch-caption strong{color:var(--ink);font-weight:650}
.watch-feedback{font-size:13px;color:var(--moss);margin:12px 4px 0;min-height:1px}
.watch-feedback.has-error{color:var(--danger)}
.video-error{margin-top:14px;padding:18px 20px;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);display:grid;gap:8px;justify-items:start}
.video-error p{color:var(--text);font-size:14px;margin:0}
.lesson-content>h1{font-size:clamp(36px,4vw,56px);margin:32px 0 14px}
.lesson-content>p{font-size:17px;max-width:700px}
.lesson-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:28px 0}
.completion-note{font-size:13.5px;color:var(--muted);flex-basis:100%;margin:0}
.lesson-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:8px 0 22px}
.lesson-resource{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s}
.lesson-resource:hover{border-color:var(--forest);transform:translateY(-2px);box-shadow:var(--shadow-s)}
.lesson-resource>span:first-child{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--forest-soft);color:var(--forest);flex-shrink:0}
.lesson-resource>span:nth-child(2){flex:1;min-width:0}
.lesson-resource strong{display:block;color:var(--ink);font-weight:650;font-size:15px}
.lesson-resource small{display:block;color:var(--muted);font-size:13px}
.lesson-resource>.icon{color:var(--faint)}
.lesson-note{padding:24px 28px;border-radius:var(--radius-l);background:linear-gradient(140deg,var(--forest-soft),var(--clay-soft))}
.lesson-note h3{font-size:23px;margin-bottom:6px}
.lesson-note p{font-size:15px;margin:0}
.lesson-outline{position:sticky;top:calc(var(--header) + 24px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);overflow:hidden}
.outline-heading{display:grid;gap:8px;padding:24px 24px 20px;border-bottom:1px solid var(--line)}
.outline-heading h2{font-size:27px;margin:4px 0 0}
.outline-heading p{font-size:13.5px;color:var(--muted);margin:0 0 6px}
.outline-link{display:flex;align-items:flex-start;gap:14px;padding:15px 24px;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:550;color:var(--ink);transition:background .15s;position:relative}
.outline-link .icon{width:18px;height:18px;margin-top:1px;color:var(--faint)}
.outline-link small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
a.outline-link:hover{background:var(--surface-2)}
.outline-link.active{background:var(--forest-soft)}
.outline-link.active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--forest)}
.outline-link.active .icon{color:var(--forest)}
.outline-link.disabled{opacity:.5;cursor:not-allowed}
.lesson-outline-footer{display:flex;align-items:center;gap:10px;padding:16px 24px;font-size:12.5px;color:var(--muted);background:var(--surface-2)}
.lesson-outline-footer .icon{width:14px;height:14px}

/* ───────── Ödeme ───────── */
.payment-page{padding-bottom:clamp(64px,8vw,104px)}
.payment-heading{display:grid;justify-items:start;gap:4px;padding-block:clamp(40px,6vw,72px) 32px}
.payment-heading h1{font-size:clamp(42px,5.4vw,76px);margin:16px 0 10px}
.payment-heading p{font-size:17.5px;color:var(--muted);margin-bottom:14px}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start}
.payment-layout>.surface{padding:clamp(26px,3.4vw,40px);border-radius:var(--radius-xl)}
.payment-layout>.surface>h2{font-size:clamp(26px,2.4vw,32px)}
.payment-layout>aside{position:sticky;top:calc(var(--header) + 24px)}
.bank-details{display:grid;gap:10px;margin:22px 0 16px}
.bank-details>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.bank-details section{min-width:0}
.bank-details section span{display:block;font:650 10.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.bank-details section strong{display:block;font-size:17px;font-weight:600;color:var(--ink);word-break:break-word}
.bank-details .icon-button{background:var(--surface)}
.reference-code{font-family:var(--mono)!important;letter-spacing:.06em;color:var(--clay-deep)!important}
.bank-note{font-size:13.5px;color:var(--muted);margin-bottom:22px}
.free-order-note{display:grid;gap:8px;padding:20px;border-radius:var(--radius);background:var(--success-bg);color:var(--success);margin:18px 0}
.free-order-note p{color:var(--text);margin:0}
.free-order-note strong{color:var(--ink)}
.order-status-message{display:grid;justify-items:center;gap:6px;text-align:center;padding:28px 12px 6px}
.order-status-message>.icon{width:64px;height:64px;padding:18px;border-radius:50%;background:var(--forest-soft);color:var(--forest);margin-bottom:8px}
.order-status-message h3{font-size:28px}
.order-status-message p{max-width:480px;color:var(--muted)}
.order-status-message .button{margin-top:14px}
.cancel-order{margin-top:16px;justify-items:center!important}
.payment-layout aside h2{font-size:26px}
.order-summary{display:flex;align-items:center;gap:16px;margin:18px 0 14px;padding:14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.summary-art{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:14px;overflow:hidden;flex-shrink:0}
.summary-art img{width:70%}
.order-summary .eyebrow{font-size:10px}
.order-summary h3{font-size:21px;margin:3px 0 2px}
.order-summary p{font-size:13px;color:var(--muted);margin:0}
.order-amount{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:18px 0;padding-top:18px;border-top:1px solid var(--line)}
.order-amount span{font-size:14px;color:var(--muted)}
.order-amount strong{font:650 30px/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.summary-subtitle{font:650 15px/1.4 var(--sans)!important;margin:26px 0 12px!important}
.order-step-list{list-style:none;counter-reset:step;display:grid;gap:12px;margin-bottom:18px}
.order-step-list li{counter-increment:step;position:relative;padding-left:38px;font-size:14.5px;line-height:1.55}
.order-step-list li::before{content:counter(step);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--forest-soft);color:var(--forest);font-size:12.5px;font-weight:700}

/* ───────── Yönetim ───────── */
.management-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px 18px;align-items:end;margin-bottom:22px}
.management-filters .search-wide{grid-column:1/-1}
.filter-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 22px}
.pagination p{font-size:13.5px;color:var(--muted);margin:0}
.pagination p strong{color:var(--ink)}
.pagination-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.page-number{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600}
.page-number:hover{border-color:var(--line-strong)}
.page-number[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
.selected-student{display:grid;gap:4px;align-content:start;padding:16px 18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.selected-student strong{color:var(--ink)}
.selected-student p{font-size:13.5px;color:var(--muted);margin:0}
.order-review{margin-bottom:18px;padding:clamp(22px,3vw,30px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.review-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.review-heading h2{font-size:25px;margin-bottom:4px}
.review-heading small{font-size:13.5px;color:var(--muted)}
.review-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 16px}
.review-detail>div{padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;color:var(--ink)}
.review-detail span{display:block;font:650 10.5px/1.3 var(--sans);letter-spacing:.13em;color:var(--muted);margin-bottom:6px}
.review-detail strong{font-size:16px}
.review-note{padding:12px 16px;border-radius:12px;background:var(--surface-2);font-size:14px;margin:10px 0}
.review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);align-items:start}
.payment-ledger,.refund-entry{margin-top:12px;padding:14px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;line-height:1.7}
.refund-entry strong{display:block;color:var(--ink)}
.admin-courses{display:grid;gap:14px}
.admin-course{display:flex;align-items:center;gap:20px;padding:16px 20px 16px 16px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.admin-course:hover{border-color:var(--line-strong);box-shadow:var(--shadow-s)}
.admin-course-art{position:relative;display:grid;place-items:center;width:104px;height:84px;border-radius:14px;overflow:hidden;flex-shrink:0}
.admin-course-art img{height:64px;width:auto}
.admin-course-info{flex:1;min-width:0}
.admin-course-info h2{font-size:25px;margin:8px 0 2px}
.admin-course-info p{font-size:13.5px;color:var(--muted);margin:0}
.group-heading{font:650 15px/1.4 var(--sans)!important;color:var(--ink);margin:28px 0 10px!important}
.editor-preview{margin-left:8px;align-self:center}
.cover-preview{border-radius:var(--radius);margin-bottom:18px;width:100%;max-width:460px;aspect-ratio:16/9;object-fit:cover}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.asset-field{display:grid;gap:12px;align-content:start;padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.asset-field>img{width:100%;height:170px;object-fit:cover;border-radius:12px}
.asset-placeholder{display:grid;place-items:center;align-content:center;gap:8px;height:170px;border-radius:12px;border:1px dashed var(--line-strong);color:var(--muted);font-size:13px}
.asset-logo-preview{display:grid;place-items:center;align-content:center;gap:14px;min-height:170px;padding:20px;border-radius:12px;background:var(--surface);border:1px solid var(--line);text-align:center}
.asset-logo-preview img{max-width:260px;width:100%}
.asset-logo-preview small{font-size:12px;color:var(--muted)}
.readiness-list{display:grid;gap:10px;margin-bottom:22px}
.readiness-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.readiness-item>div{flex:1;min-width:0}
.readiness-item strong{color:var(--ink);font-size:15px}
.readiness-item p{font-size:13.5px;color:var(--muted);margin:2px 0 0}
.readiness-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--warning-bg);color:var(--warning);flex-shrink:0}
.readiness-icon.ready{background:var(--success-bg);color:var(--success)}
.backup-list{display:grid;gap:8px}
.backup-list a{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-weight:600;font-size:14px}
.attempt-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.attempt-row:last-child{border-bottom:0}
.attempt-row strong{font:650 22px/1 var(--sans);letter-spacing:-.02em;color:var(--ink);min-width:90px}
.attempt-row small{margin-left:auto;font-size:12.5px;color:var(--muted)}
.quiz-question{margin:0 0 16px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.quiz-question legend{float:left;width:100%;margin-bottom:14px;padding:0;font:400 21px/1.35 var(--serif);color:var(--ink)}
.quiz-option{clear:both;display:flex;align-items:center;gap:12px;margin-top:8px;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}
.quiz-option:hover{border-color:var(--line-strong)}
.quiz-option:has(input:checked){border-color:var(--forest);background:var(--forest-soft)}
.quiz-option input{margin:0}
.feedback{display:grid;gap:8px;justify-items:start;margin-top:16px;padding:18px 20px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.feedback strong{color:var(--ink);font-size:17px}
.submission-history{margin-top:18px}
.submission-history>p{margin:0 0 12px}
.submission-event{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:8px}
.submission-event-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.submission-event-heading strong{color:var(--ink);font-size:14.5px}
.submission-event-heading small{color:var(--muted);font-size:12.5px}
.submission-event details{background:var(--surface)}
.admin-topic-link{display:inline-flex;margin:12px 8px 0 0;padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;color:var(--forest)}
.admin-topic-link:hover{border-color:var(--forest)}
.archive-panel{border-color:rgba(155,59,45,.18)}
.archive-panel>h2{color:var(--danger)}
.archive-panel details{margin-top:12px}
.mail-retry{margin-top:6px}

/* ───────── Hareket tercihleri ───────── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ───────── Duyarlı düzen ───────── */
@media (max-width:1180px){
  .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editorial-card{left:-24px}
  .benefit-strip .container{grid-template-columns:repeat(2,1fr)}
  .benefit-strip span:nth-child(3){border-left:0;padding-left:0}
  .benefit-strip span:nth-child(n+3){border-top:1px solid var(--line)}
  .course-detail-grid{grid-template-columns:minmax(0,1fr) 360px}
  .payment-layout{grid-template-columns:minmax(0,1fr) 340px}
  .learning-grid{grid-template-columns:minmax(0,1fr) 320px}
  .footer-top{grid-template-columns:1.4fr 1fr 1fr}
  .footer-top>div:first-child{grid-column:1/-1}
  .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  :root{--header:72px}
  .menu-toggle{display:grid}
  .brand-lockup{width:184px}
  .main-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:4px;padding:14px var(--gutter) 22px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .25s var(--ease),visibility .2s}
  .main-nav.is-open{opacity:1;visibility:visible;transform:none}
  .main-nav>a:not(.button){padding:14px 16px;border-radius:12px;font-size:17px}
  .main-nav>a[aria-current=page]{background:var(--paper)}
  .main-nav>a[aria-current=page]::after{left:auto;right:18px;top:50%;bottom:auto;margin:-2.5px 0 0}
  .main-nav .nav-login{margin:8px 0 0;padding-left:16px!important;border-top:1px solid var(--line);border-radius:0!important;padding-top:20px!important}
  .main-nav .nav-login::before{display:none}
  .main-nav .button{margin:8px 0 0;min-height:52px}
  .logout-form{margin:8px 0 0}
  .logout-form .icon-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:999px;height:48px}
  .logout-form .icon-button::after{content:'Çıkış yap';font:600 15px/1 var(--sans)}
  .menu-toggle[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:#fff}
  .hero{grid-template-columns:minmax(0,1fr);padding-top:32px}
  .hero-editorial{padding:0;max-width:620px;margin-inline:auto;width:100%}
  .editorial-card{left:20px;bottom:76px}
  .approach-grid,.instructor-intro,.faq-section,.about-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .intro-art{max-width:520px}
  .about-portrait{position:relative;top:0;max-width:520px;aspect-ratio:5/4}
  .closing-section .container{flex-direction:column;align-items:flex-start}
  .course-detail-grid{grid-template-columns:minmax(0,1fr)}
  .purchase-card{position:static}
  .view-course main{padding-bottom:84px}
  .mobile-course-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -12px 30px -18px rgba(58,25,77,.3)}
  .mobile-course-bar small{display:block;font:650 10.5px/1.3 var(--sans);letter-spacing:.13em;color:var(--muted)}
  .mobile-course-bar strong{font:650 24px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink)}
  .auth-layout{grid-template-columns:minmax(0,1fr)}
  .auth-story{min-height:0;padding-bottom:32px}
  .auth-story img{display:none}
  .auth-card{order:-1}
  .auth-story-bottom{margin-top:16px}
  .panel-layout{grid-template-columns:minmax(0,1fr);padding-top:20px}
  .panel-sidebar{position:relative;top:0;padding:8px;flex-direction:row;overflow:hidden;border-radius:999px}
  .sidebar-heading,.sidebar-note,.panel-sidebar>.sidebar-link{display:none}
  .panel-sidebar nav{flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:28px}
  .panel-sidebar nav::-webkit-scrollbar{display:none}
  .sidebar-link{padding:10px 16px;border-radius:999px;font-size:14px}
  .learning-grid,.payment-layout{grid-template-columns:minmax(0,1fr)}
  .lesson-outline,.payment-layout>aside{position:static}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .dev-extra{display:none}
  .dev-notice>.container{font-size:11.5px}
  .brand-lockup{width:168px}
  .hero-copy h1{font-size:clamp(38px,10.5vw,52px)}
  .hero-actions{gap:14px 22px;margin:32px 0 40px}
  .hero-actions .button{width:100%}
  .hero-photo{border-radius:200px 200px 22px 22px}
  .editorial-card{position:relative;left:auto;bottom:auto;width:auto;margin:-48px 14px 0}
  .editorial-tag{display:none}
  .benefit-strip .container{grid-template-columns:1fr}
  .benefit-strip span{padding:18px 0;border-left:0!important}
  .benefit-strip span+span{border-top:1px solid var(--line)}
  .course-grid{grid-template-columns:1fr;gap:20px}
  .section-heading{flex-direction:column;align-items:flex-start}
  .steps-list li{grid-template-columns:56px 1fr;gap:12px;padding:26px 0}
  .steps-list li>span{font-size:36px}
  .faq-list details p{padding-right:0}
  .faq-list summary{padding:22px 0}
  .closing-section .button.light{width:100%}
  .catalog-toolbar{border-radius:var(--radius-l);padding:10px}
  .filter-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%;scrollbar-width:none}
  .filter-tab{white-space:nowrap}
  .search-field{width:100%;min-width:0}
  .detail-title{font-size:clamp(42px,12vw,60px)}
  .detail-art{border-radius:var(--radius-l)}
  .detail-tabs{gap:22px}
  .curriculum-list>div{grid-template-columns:40px 1fr auto;padding:16px 18px}
  .purchase-card{padding:24px;border-radius:var(--radius-l)}
  .form-grid{grid-template-columns:1fr}
  .panel-top{flex-direction:column;align-items:flex-start;gap:16px}
  .greeting-card{flex-direction:column;align-items:flex-start}
  .greeting-card img{display:none}
  .stats-grid{grid-template-columns:1fr;gap:10px}
  .stat{flex-direction:row;align-items:center;padding:16px 18px;gap:14px}
  .stat>span{flex:1;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:14.5px;color:var(--ink)}
  .stat .icon{width:34px;height:34px;padding:8px}
  .stat strong{margin:0;font-size:28px}
  .upcoming-card{flex-wrap:wrap;padding:16px}
  .upcoming-card>.button,.upcoming-card>.text-link{width:100%}
  .date-block{width:60px;height:60px}
  .date-block strong{font-size:25px}
  .announcement,.panel-form{padding:22px 20px}
  .review-detail,.review-actions,.lesson-resources,.asset-grid{grid-template-columns:1fr}
  .admin-course{flex-wrap:wrap}
  .admin-course>.button{width:100%}
  .classroom-top{flex-direction:column;align-items:flex-start}
  .lesson-player{border-radius:var(--radius);margin-inline:calc(var(--gutter) * -0.5)}
  .lesson-actions .button,.lesson-actions form{width:100%}
  .bank-details>div{padding:14px}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;align-items:flex-start;margin-top:48px}
  .site-footer{padding-top:72px}
  .checkout-return{flex-direction:column;align-items:flex-start;padding-right:24px}
  .checkout-return .button{width:100%}
  .inline-form .button{width:100%}
  .data-table th,.data-table td{padding:14px 16px}
}
@media (max-width:380px){
  .brand-lockup{width:150px}
  .menu-toggle{width:42px;height:42px}
  .course-card-body{padding:22px}
}
@media print{
  .site-header,.site-footer,.dev-notice,.panel-sidebar,.mobile-course-bar,.toast{display:none!important}
  body{background:#fff}
}

/* ───────── Topluluk: blog, yorumlar, soru-cevap · 29 Ekim 2026 ───────── */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:inline-grid;place-items:center;border-radius:999px;background:var(--clay);color:#fff;font:700 11px/1 var(--sans)}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.stars{display:inline-flex;gap:2px;color:var(--line-strong);vertical-align:middle}
.stars .icon{width:15px;height:15px}
.stars .on{color:#c58a3b}.stars .on .icon{fill:currentColor}
.stars .half{color:#c58a3b}.stars .half .icon{fill:rgba(197,138,59,.4)}
.rating-summary{display:flex;align-items:center;gap:10px;margin:12px 0 0;color:var(--muted);font-size:14px}
.rating-summary strong{font:400 34px/1 var(--serif);color:var(--ink)}
.rating-summary.large strong{font-size:52px}
.rating-summary.large .stars .icon{width:19px;height:19px}

/* yorum kartları */
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.review-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.review-card{position:relative;display:flex;flex-direction:column;gap:18px;margin:0;padding:30px 30px 26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-s);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.review-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.review-card::after{content:"“";position:absolute;top:10px;right:24px;font:400 92px/1 var(--serif);color:var(--forest-soft);pointer-events:none}
.review-card blockquote{margin:0;flex:1;font:400 20px/1.5 var(--serif);color:var(--ink);letter-spacing:-.005em}
.review-grid.compact .review-card blockquote{font-size:18px}
.review-card figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.review-card figcaption span:last-child{display:grid;line-height:1.35}
.review-card figcaption strong{color:var(--ink);font-size:14.5px}
.review-card figcaption small{color:var(--muted);font-size:12.5px}
.review-avatar{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--forest-soft);color:var(--forest);font:400 18px/1 var(--serif)}
.review-reply{padding:14px 16px;border-radius:var(--radius-s);background:var(--surface-2);border-left:3px solid var(--moss);font-size:14px}
.review-reply strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--moss)}
.review-reply p{margin:4px 0 0}
.testimonials .section-heading{align-items:flex-end}
.view-home .testimonials{padding-bottom:0}
.testimonials .section-heading h2 em,.home-blog h2 em,.about-values h2 em{color:var(--clay-deep)}

/* eğitim sayfası */
.detail-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:-8px 0 30px;color:var(--muted);font-size:14.5px}
.detail-facts>span{display:inline-flex;align-items:center;gap:7px}
.detail-facts .icon{width:17px;height:17px;color:var(--moss)}
.detail-facts .stars .icon{color:inherit;width:14px;height:14px}
.detail-rating{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.detail-rating strong{color:var(--ink);font-size:15px}
.detail-rating span{color:var(--muted)}
.course-instructor{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;max-width:720px;margin-top:64px;padding:28px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}
.course-instructor h2{font-size:30px;margin:8px 0 8px}
.course-instructor p{margin:0 0 12px;color:var(--text)}
.course-instructor-art{width:120px;height:120px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,var(--forest-soft),var(--clay-soft))}
.course-instructor-art img{width:100%;height:100%;object-fit:cover}
.course-instructor-art span{font:italic 400 44px/1 var(--serif);color:var(--forest)}
.course-reviews{max-width:720px;margin-top:64px}
.course-reviews h2{font-size:clamp(30px,3vw,40px);margin:0}
.review-form{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);overflow:hidden}
.review-form summary{display:flex;align-items:center;gap:10px;padding:18px 22px;cursor:pointer;font-weight:600;color:var(--ink);list-style:none}
.review-form summary::-webkit-details-marker{display:none}
.review-form summary .status{margin-left:auto}
.review-form form{display:grid;gap:16px;padding:0 22px 22px}
.course-faq .faq-list{margin-top:8px}
.rating-input{margin:0;padding:0;border:0;min-width:0}
.rating-input legend{padding:0;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--ink)}
.rating-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rating-input input{position:absolute;opacity:0;pointer-events:none}
.rating-input label{cursor:pointer;color:var(--line-strong);transition:color .15s,transform .15s}
.rating-input label .icon{width:30px;height:30px}
.rating-input label:hover,.rating-input label:hover~label,.rating-input input:checked~label{color:#c58a3b}
.rating-input label:hover .icon,.rating-input label:hover~label .icon,.rating-input input:checked~label .icon{fill:currentColor}
.rating-input input:focus-visible+label{outline:2px solid var(--forest);outline-offset:2px;border-radius:6px}

/* ders soru-cevap */
.lesson-qa{margin-top:28px;padding:clamp(22px,3vw,32px);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}
.qa-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.qa-heading h2{font-size:28px;margin:6px 0 0}
.qa-form{display:grid;gap:12px;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.qa-form .button{justify-self:start}
.qa-list{display:grid;gap:14px}
.qa-item{padding:18px 20px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}
.qa-item.is-hidden{opacity:.6}
.qa-item header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qa-item header .review-avatar{width:32px;height:32px;font-size:15px}
.qa-item header strong{color:var(--ink);font-size:14.5px}
.qa-item header small{color:var(--muted);font-size:12.5px}
.qa-item>p{margin:10px 0 0}
.qa-answer{margin-top:14px;padding:14px 16px;border-radius:var(--radius-s);background:var(--forest-soft)}
.qa-answer strong{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--forest)}
.qa-answer strong .icon{width:15px;height:15px}
.qa-answer p{margin:6px 0 0}
.qa-waiting{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:12.5px;color:var(--warning)}
.qa-waiting .icon{width:14px;height:14px}
.question-admin .question-body{font-size:17px;color:var(--ink)}
.question-admin form{width:100%;display:grid;gap:10px}
.question-admin .inline-form{display:flex!important;margin-top:0}
.review-admin form{width:100%;display:grid;gap:12px}
.review-admin details.review-edit{width:100%}
.review-admin details.review-edit form{margin-top:12px}
.review-admin .review-reply{width:100%}
.course-faq h2{margin-top:64px}
.review-admin-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

/* blog */
.blog-section{padding-bottom:clamp(80px,10vw,120px)}
.blog-filter{margin-bottom:34px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}
.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-card-art,.post-feature-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(140deg,var(--sage-art),var(--clay-soft))}
.art-0 .post-card-art,.art-0 .post-feature-art{background:var(--peach-art)}
.art-1 .post-card-art,.art-1 .post-feature-art{background:var(--lavender-art)}
.art-2 .post-card-art,.art-2 .post-feature-art{background:var(--sage-art)}
.post-card-art img.post-illustration{width:46%;height:auto;object-fit:contain}
.post-feature-art img.post-illustration{width:52%;height:auto;object-fit:contain}
.post-card-art img,.post-feature-art img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-card-art img{transform:scale(1.04)}
.post-art-mark{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.7);color:var(--forest);box-shadow:var(--shadow-s)}
.post-art-mark .icon{width:34px;height:34px}
.post-card-body{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.post-card-body h3{font-size:26px;margin:10px 0 10px;line-height:1.15}
.post-card-body p{margin:0 0 18px;color:var(--text);font-size:15px;flex:1}
.post-date{font-size:13px;color:var(--muted)}
.post-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(16px,2vw,22px);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}
.post-feature-art{border-radius:calc(var(--radius-xl) - 10px);aspect-ratio:4/3}
.post-feature-art .post-art-mark{width:120px;height:120px}
.post-feature-art .post-art-mark .icon{width:48px;height:48px}
.post-feature h2{font-size:clamp(32px,3.6vw,48px);margin:14px 0 14px}
.post-feature p{font-size:17px;margin:0 0 18px;max-width:520px}
.post-feature>div:last-child{padding-right:clamp(8px,3vw,40px)}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:20px;font-size:14px;color:var(--muted)}
.post-meta>span{display:inline-flex;align-items:center;gap:7px}
.post-meta .icon{width:16px;height:16px;color:var(--moss)}
.article{max-width:820px;padding-bottom:clamp(60px,8vw,100px)}
.article-header{padding-top:24px}
.article-header h1{font-size:clamp(42px,6vw,76px);margin:18px 0 18px;letter-spacing:-.02em}
.article-lead{font-size:clamp(19px,1.7vw,22px);line-height:1.6;color:var(--text);margin:0 0 26px}
.article-author{gap:10px!important;color:var(--ink);font-weight:600}
.author-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--forest);color:var(--paper);font:italic 400 15px/1 var(--serif)}
.article-cover{margin:10px 0 0;border-radius:var(--radius-xl);overflow:hidden}
.article-cover img{width:100%;height:auto}
.article-body{max-width:none;margin-top:36px;padding-top:36px;border-top:1px solid var(--line)}
.article-body h2{margin-top:48px}
.article-body p:first-child::first-letter{float:left;font:400 74px/.85 var(--serif);color:var(--forest);margin:6px 12px 0 0}
.article-body ul{padding-left:0!important;list-style:none}
.article-body li{position:relative;padding-left:26px;margin:10px 0;font-size:17px}
.article-body li::before{content:"";position:absolute;left:4px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--clay)}
.article-body blockquote{margin:40px 0;padding:6px 0 6px 28px;border-left:3px solid var(--clay);font:italic 400 clamp(24px,2.4vw,30px)/1.4 var(--serif);color:var(--forest)}
.article-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:clamp(30px,4vw,48px);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--forest) 0%,var(--forest-deep) 100%);color:rgba(255,255,255,.82)}
.article-cta .eyebrow{color:rgba(255,255,255,.7)}
.article-cta h2{color:#fff;font-size:clamp(28px,3vw,40px);margin:12px 0 10px}
.article-cta h2 em{color:#f0c9ff}
.article-cta p{margin:0;max-width:440px}
.article-cta .button{flex-shrink:0}
.related-posts{padding-top:0}
.post-admin-cover{width:240px;height:150px;object-fit:cover;border-radius:var(--radius-s);margin:8px 0}

/* hakkımda */
.about-grid{padding-bottom:clamp(40px,5vw,60px)}
.about-values{padding-top:clamp(60px,7vw,90px)}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.value-card{position:relative;padding:34px 30px 32px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}
.value-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--forest-soft);color:var(--forest)}
.value-icon .icon{width:22px;height:22px}
.value-number{position:absolute;top:26px;right:28px;font:italic 400 40px/1 var(--serif);color:var(--paper-deep)}
.value-card h3{font-size:26px;margin:24px 0 10px}
.value-card p{margin:0}
.about-stats{background:var(--forest-deep);color:rgba(255,255,255,.75);margin:0 clamp(12px,2vw,24px);border-radius:var(--radius-xl)}
.about-stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:clamp(44px,5vw,64px)}
.about-stats div>div{display:grid;gap:6px;padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}
.about-stats strong{font:400 clamp(44px,5vw,64px)/1 var(--serif);color:#fff}
.about-stats span{font-size:14px}
.view-about .closing-section{margin-top:0}

@media (max-width:1180px){
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .review-grid>.review-card:nth-child(3){display:none}
}
@media (max-width:960px){
  .post-grid,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-feature{grid-template-columns:1fr}
  .post-feature>div:last-child{padding:0 8px 12px}
  .about-stats .container{grid-template-columns:repeat(2,1fr);row-gap:36px}
  .article-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  .review-grid,.review-grid.compact,.post-grid,.value-grid{grid-template-columns:1fr}
  .review-grid>.review-card:nth-child(3){display:flex}
  .course-instructor{grid-template-columns:1fr;text-align:left}
  .course-instructor-art{width:84px;height:84px}
  .testimonials .section-heading{flex-direction:column;align-items:flex-start}
  .qa-heading{flex-direction:column;align-items:flex-start}
  .article-body p:first-child::first-letter{font-size:58px}
}

/* ───────── Önizleme, bekleme listesi, filigran, WhatsApp, çerez · 29 Ekim 2026 ───────── */
.preview-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--forest);color:var(--paper);font-size:12.5px;font-weight:600;white-space:nowrap;transition:background .2s}
.preview-link:hover{background:var(--forest-deep)}
.preview-link .icon{width:13px;height:13px;fill:currentColor}
.detail-art{position:relative}
.detail-preview-button{white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:12px;padding:10px 22px 10px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:600;font-size:15px;box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s}
.detail-preview-button:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:var(--shadow-l)}
.detail-preview-button>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--clay);color:#fff}
.detail-preview-button .icon{width:18px;height:18px;fill:currentColor;margin-left:2px}
.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(28px,4vw,56px);align-items:start;padding-block:12px clamp(70px,8vw,110px)}
.preview-pill{display:inline-flex;align-items:center;gap:6px;background:var(--clay-soft);color:var(--clay-deep)}
.preview-pill .icon{width:12px;height:12px;fill:currentColor}
.preview-title{font-size:clamp(38px,5vw,64px);margin:16px 0 26px}
.preview-description{font-size:17px;max-width:720px;margin-top:26px}
.preview-cta{position:sticky;top:calc(var(--header) + 24px);display:grid;gap:14px;padding:30px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.preview-cta h2{font-size:30px;margin:0}
.preview-cta p{margin:0;color:var(--text)}
.preview-cta .purchase-benefits{margin:4px 0}
.preview-cta .text-link{justify-self:center}
.waitlist-box{display:grid;gap:12px;margin-top:16px;padding:20px;border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--line-strong)}
.waitlist-box>strong{display:flex;align-items:center;gap:8px;color:var(--ink)}
.waitlist-box>strong .icon{width:18px;height:18px;color:var(--clay)}
.waitlist-box>p{margin:0;font-size:14px;color:var(--muted)}
.waitlist-form{display:grid;gap:12px}
.waitlist-box .text-link{justify-self:center}
.waitlist-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;width:100%}
.waitlist-group .data-table-wrap{width:100%}
.session-list{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:10px}
.session-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--line)}
.session-list li .icon{width:18px;height:18px;color:var(--moss)}
.session-list span{display:grid;line-height:1.35}
.session-list small{color:var(--muted);font-size:12.5px}

/* video filigranı */
.video-frame{position:relative;width:100%;height:100%;background:#000}
.video-frame video{width:100%;height:100%;object-fit:contain}
.video-watermark{position:absolute;z-index:2;pointer-events:none;user-select:none;padding:3px 8px;border-radius:6px;font:600 13px/1.2 var(--sans);letter-spacing:.02em;color:rgba(255,255,255,.34);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:top 1.6s var(--ease),left 1.6s var(--ease),right 1.6s var(--ease)}
.video-watermark.spot-0{top:8%;left:6%}.video-watermark.spot-1{top:12%;left:58%}.video-watermark.spot-2{top:42%;left:28%}
.video-watermark.spot-3{top:58%;left:62%}.video-watermark.spot-4{top:70%;left:8%}.video-watermark.spot-5{top:30%;left:70%}
.video-frame.is-fullscreen .video-watermark{font-size:18px}
.video-fullscreen{position:absolute;z-index:3;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(12,25,20,.55);color:#fff;cursor:pointer;opacity:.75;transition:opacity .2s,background .2s}
.video-fullscreen:hover,.video-fullscreen:focus-visible{opacity:1;background:rgba(12,25,20,.85)}

/* WhatsApp */
.whatsapp-float{position:fixed;z-index:40;right:clamp(16px,2.4vw,28px);bottom:clamp(16px,2.4vw,28px);display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#1f8f55;color:#fff;font-weight:650;font-size:14.5px;box-shadow:0 14px 34px -12px rgba(15,60,35,.55);transition:transform .25s var(--ease),background .2s}
.whatsapp-float:hover{transform:translateY(-2px);background:#18774a;color:#fff}
.view-course .whatsapp-float{bottom:96px}

/* çerez bandı */
.cookie-banner{position:fixed;z-index:60;left:50%;bottom:clamp(12px,2vw,24px);transform:translateX(-50%);width:min(760px,calc(100% - 24px));display:flex;align-items:center;gap:22px;padding:20px 22px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-l)}
.cookie-banner[hidden]{display:none}
.cookie-banner strong{color:var(--ink)}
.cookie-banner p{margin:4px 0 0;font-size:13.5px;line-height:1.55}
.cookie-banner a{color:var(--forest);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.footer-link-button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.footer-link-button:hover{color:#fff}

@media (max-width:960px){
  .preview-layout{grid-template-columns:1fr}
  .preview-cta{position:static}
}
@media (min-width:961px){.view-course .whatsapp-float{bottom:clamp(16px,2.4vw,28px)}}
@media (max-width:640px){
  .whatsapp-float span{display:none}
  .whatsapp-float{padding:14px}
  .cookie-banner{flex-direction:column;align-items:stretch}
  .cookie-actions .button{flex:1}
  .video-watermark{font-size:10.5px}
  .detail-preview-button{font-size:13.5px;padding-right:16px}
  .detail-preview-button>span{width:36px;height:36px}
}

/* ───────── Erişilebilirlik düzeltmeleri: kontrast ve en az 24 px dokunma alanı ───────── */
.required{color:var(--clay-deep)}
.footer-bottom a,.footer-bottom .footer-link-button,.dev-notice a,.back-link,.forgot-link,.text-button{min-height:24px;display:inline-flex;align-items:center}
.demo-accounts summary{min-height:24px;display:flex;align-items:center}

/* ───────── Eğitmen paneli grafikleri ───────── */
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 28px}
.chart-card{margin:0;padding:22px 22px 14px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line)}
.chart-card h3{font:650 17px/1.3 var(--sans);color:var(--ink);margin:6px 0 10px}
.bar-chart{width:100%;height:auto;overflow:visible}
.chart-gridline{stroke:var(--line);stroke-width:1}
.chart-baseline{stroke:var(--line-strong);stroke-width:1}
.chart-axis{font:500 12px var(--sans);fill:var(--muted)}
.chart-empty{font:500 13px var(--sans);fill:var(--muted)}
.chart-value{font:650 13px var(--sans);fill:var(--ink)}
.chart-bar{fill:var(--forest);transition:fill .15s}
.chart-hit{fill:transparent}
.chart-col:hover .chart-bar{fill:var(--moss)}
.chart-col:hover .chart-hit{fill:rgba(58,25,77,.035)}
.chart-table{margin-top:6px;font-size:13px}
.chart-table summary{cursor:pointer;color:var(--muted);min-height:24px;display:flex;align-items:center}
.chart-table table{margin-top:8px}
@media (max-width:960px){.chart-grid{grid-template-columns:1fr}}

/* ───────── Üst düzey cila: güven satırı, kart rozetleri, iletişim, 404, beliren bölümler ───────── */
.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:0;max-width:560px;padding-top:28px;border-top:1px solid var(--line)}
.hero-proof>span:not(.hero-proof-divider){display:grid;gap:2px}
.hero-proof strong{font:400 26px/1.05 var(--serif);color:var(--ink)}
.hero-proof small{font-size:12.5px;color:var(--muted)}
.hero-proof-rating{grid-template-columns:auto auto;align-items:center;column-gap:10px}
.hero-proof-rating small{grid-column:1/-1}
.hero-proof-divider{width:1px;height:38px;background:var(--line-strong)}
.art-label-preview{left:auto;right:18px;display:inline-flex;align-items:center;gap:5px;background:var(--forest);color:var(--paper)}
.art-label-preview .icon{width:10px;height:10px;fill:currentColor}
.card-rating{color:var(--ink)}
.card-rating .icon{color:#c58a3b!important;fill:#c58a3b}
.card-rating strong{font-weight:650}
.contact-faq{margin-top:8px}
.contact-faq h3{font:650 15px/1.4 var(--sans);color:var(--ink);margin:0 0 4px}
.contact-faq .faq-list summary{font-size:19px;padding-block:18px}
.error-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.error-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:30px;font-size:14px}
.error-links a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:4px;min-height:24px;display:inline-flex;align-items:center}
.error-links a:hover{color:var(--ink)}
.site-header.is-scrolled{box-shadow:0 10px 30px -22px rgba(53,19,78,.45)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:640px){.hero-proof{gap:12px 26px}.hero-proof-divider,.hero-proof>span:last-child{display:none}.hero-proof strong{font-size:22px}}

/* ───────── Eğitim paketleri ───────── */
.bundle-row{display:grid;gap:14px;margin-bottom:30px}
.bundle-teaser{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:18px 22px;border-radius:var(--radius-l);background:linear-gradient(120deg,var(--forest) 0%,var(--forest-deep) 100%);color:rgba(255,255,255,.8);box-shadow:var(--shadow);transition:transform .3s var(--ease),box-shadow .3s}
.bundle-teaser:hover{transform:translateY(-2px);box-shadow:var(--shadow-l);color:rgba(255,255,255,.9)}
.bundle-teaser-arts{display:flex}
.bundle-teaser-arts>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--sage-art);border:3px solid var(--forest);margin-left:-14px}
.bundle-teaser-arts>span:first-child{margin-left:0}
.bundle-teaser-arts>span.peach{background:var(--peach-art)}.bundle-teaser-arts>span.lavender{background:var(--lavender-art)}
.bundle-teaser-arts img{width:34px;height:34px}
.bundle-teaser-body{display:grid;gap:2px}
.bundle-teaser-body small{font:650 10.5px/1.4 var(--sans);letter-spacing:.14em;color:#edc9ff}
.bundle-teaser-body strong{font:400 24px/1.15 var(--serif);color:#fff}
.bundle-teaser-body>span{font-size:14px}
.bundle-teaser s,.bundle-course s,.bundle-price s{opacity:.65}
.bundle-teaser .circle-link{border-color:rgba(255,255,255,.35);color:#fff}
.purchase-card .bundle-teaser{margin-top:18px;grid-template-columns:auto 1fr;padding:16px}
.purchase-card .bundle-teaser .circle-link{display:none}
.purchase-card .bundle-teaser-body strong{font-size:19px}
.bundle-pill{background:var(--clay-soft);color:var(--clay-deep)}
.bundle-course-list{display:grid;gap:12px;max-width:720px;margin-top:6px}
.bundle-course{display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;padding:14px 18px 14px 14px;border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .25s var(--ease)}
.bundle-course:hover{border-color:var(--forest);transform:translateX(3px)}
.bundle-course-art{display:grid;place-items:center;width:96px;height:80px;border-radius:var(--radius);background:var(--sage-art)}
.bundle-course.peach .bundle-course-art{background:var(--peach-art)}.bundle-course.lavender .bundle-course-art{background:var(--lavender-art)}
.bundle-course-art img{width:60px;height:auto}
.bundle-course-body{display:grid;gap:3px}
.bundle-course-body small{font-size:12px;color:var(--muted)}
.bundle-course-body strong{font:400 22px/1.2 var(--serif);color:var(--ink)}
.bundle-course-body>span{font-size:14px;color:var(--text)}
.bundle-course-side{display:grid;justify-items:end;gap:6px;font-size:14px;color:var(--muted);white-space:nowrap}
.bundle-price{display:flex;align-items:baseline;gap:12px;margin-top:4px}
.bundle-price s{font-size:18px;color:var(--muted)}
.bundle-saving{display:inline-block;margin:8px 0 18px;padding:5px 12px;border-radius:999px;background:var(--success-bg);color:var(--success);font-size:13px;font-weight:650}
.bundle-detail .purchase-card form{display:grid;gap:14px}
.bundle-courses-field{display:grid;gap:8px;margin:0;padding:16px;border:1px solid var(--line);border-radius:var(--radius)}
.bundle-courses-field legend{padding:0 6px;font-size:14px;font-weight:600;color:var(--ink)}
.bundle-form{display:grid;gap:14px}
.order-bundle-list{list-style:none;margin:14px 0 6px;padding:0;display:grid;gap:10px}
.order-bundle-list li{display:flex;gap:10px;align-items:flex-start}
.order-bundle-list .icon{width:16px;height:16px;margin-top:3px;color:var(--success)}
.order-bundle-list span{display:grid}
.order-bundle-list small{color:var(--muted);font-size:12.5px}
.view-bundle .whatsapp-float{bottom:96px}
@media (min-width:961px){.view-bundle .whatsapp-float{bottom:clamp(16px,2.4vw,28px)}}
@media (max-width:640px){
  .bundle-teaser{grid-template-columns:1fr;gap:12px}
  .bundle-teaser .circle-link{display:none}
  .bundle-course{grid-template-columns:72px 1fr}
  .bundle-course-art{width:72px;height:64px}
  .bundle-course-side{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}
}

/* Course purchase variants and client intake */
.purchase-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}
.purchase-options a{display:flex;flex-direction:column;gap:7px;padding:14px 10px;border:1px solid var(--line,#d9dfd5);border-radius:10px;text-decoration:none;color:var(--ink,#173e32);font-size:12px;line-height:1.5;min-width:0}
.purchase-options a[aria-current="true"]{border-color:var(--forest);background:var(--forest-soft);box-shadow:inset 0 0 0 1px var(--forest)}
.purchase-options a:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
.purchase-options span{font-size:16px;font-weight:600}
.tax-note{display:block;margin-top:5px;font-size:10px;color:#647267}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:24px 0;border-top:1px solid #ffffff24}
.footer-legal-links a{font-size:11px;color:#d9e2d4;line-height:1.6;text-decoration:none}
.footer-legal-links a:hover{text-decoration:underline}
.contract-document{margin:36px 0;padding-top:24px;border-top:1px solid #d8dfd1}
.content-copyright{font-size:11px;line-height:1.7;margin:18px 0;color:#6f7d73}
.about-portrait .portrait-photo,.instructor-intro .portrait-photo{object-fit:contain;background:#edece6}
.brand-copy{font-size:clamp(17px,1.6vw,24px);line-height:1.2}
.brand-copy small{font-size:8px;letter-spacing:1.4px;margin-top:5px}
@media(max-width:420px){.purchase-options a{padding:12px 8px;font-size:11px}.brand-copy{font-size:17px}.brand-copy small{font-size:6.8px;letter-spacing:.6px}.footer-legal-links{gap:12px 18px}}
.client-brand-lockup{width:300px;max-width:100%;height:auto}.footer-brand .client-brand-lockup{width:300px}
@media(max-width:1100px){.client-brand-lockup{width:264px}}
@media(max-width:600px){.client-brand-lockup{width:236px}}
@media(max-width:360px){.client-brand-lockup{width:205px}}

.public-preview-notice{padding:10px 24px;background:var(--forest-deep);color:#fff;text-align:center;font-size:12px;line-height:1.6;letter-spacing:.01em}.public-preview-notice+header{top:0}

/* ───────── Canlı renkler · 31 Ekim 2026 ───────── */
body.view-home{background:radial-gradient(ellipse 62% 650px at 100% 180px,#f0e2fc 0%,transparent 78%),radial-gradient(ellipse 44% 540px at 0 260px,#fbeafa 0%,transparent 78%),var(--paper)}
.main-nav>a[aria-current="page"]{color:var(--forest);background:var(--forest-soft)}
.hero-copy h1 em{color:var(--forest)}
.hero-copy>.eyebrow{color:var(--clay-deep)}
.hero-actions>.button{background:var(--clay);border-color:var(--clay);box-shadow:0 12px 26px -14px rgba(145,53,173,.55)}
.hero-actions>.button:hover{background:var(--clay-deep);border-color:var(--clay-deep)}
.hero-note-icon{background:var(--turquoise-soft);border-color:transparent;color:var(--turquoise)}
.hero-editorial::before{border:16px solid var(--sunflower);opacity:.65}
.editorial-card-icon{background:var(--clay-soft);color:var(--clay-deep)}
.benefit-strip{background:var(--surface)}
.benefit-strip span:nth-child(2) .icon{background:var(--clay-soft);color:var(--clay-deep)}
.benefit-strip span:nth-child(3) .icon{background:var(--turquoise-soft);color:var(--turquoise)}
.benefit-strip span:nth-child(4) .icon{background:var(--forest-soft);color:var(--forest)}
.course-art.sage,.detail-art.sage,.post-art.sage{background:linear-gradient(140deg,#f1e4fc,#dcb7f0)}
.course-art.peach,.detail-art.peach,.post-art.peach{background:linear-gradient(140deg,#f9e8fb,#ebc5f3)}
.course-art.lavender,.detail-art.lavender,.post-art.lavender{background:linear-gradient(140deg,#eee8fc,#d6c3f2)}
.course-card:hover{border-color:#c497df;box-shadow:0 18px 42px -24px rgba(113,39,154,.45)}
.course-card-bottom strong{color:var(--forest)}
.course-card-bottom .circle-link{background:var(--forest-soft);border-color:transparent;color:var(--forest)}
.course-card-bottom .circle-link:hover{background:var(--forest);color:#fff}
.filter-tab.active,.subnav a.active,.page-number[aria-current=page]{background:var(--forest);border-color:var(--forest);color:#fff}
.sidebar-link.active{background:linear-gradient(110deg,var(--forest),#8345af)}
.sidebar-link.active .icon{color:#fff}
.stats-grid>.stat:nth-child(3n+2) .icon{background:var(--clay-soft);color:var(--clay-deep)}
.stats-grid>.stat:nth-child(3n+3) .icon{background:var(--turquoise-soft);color:var(--turquoise)}
.stat{border-top:3px solid var(--forest)}
.stats-grid>.stat:nth-child(3n+2){border-top-color:var(--coral)}
.stats-grid>.stat:nth-child(3n+3){border-top-color:var(--turquoise)}
.course-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--forest),var(--turquoise))}
.course-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--forest),var(--turquoise))}
.closing-section .eyebrow{color:#faefff}
.closing-section h2 em{color:#f0c9ff}
.site-footer{background:linear-gradient(125deg,#321147,#35134e 62%,#632a80);color:#ecdcf6}
.footer-credit>span{color:#d6bce6}
.footer-credit:hover strong{color:var(--sunflower)}
.footer-legal-links a{color:#eadcf2}
@media print{body.view-home,.panel-body{background:#fff}.site-footer{background:#fff;color:var(--ink)}}

.public-preview-notice .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 12px}
.approach-section{color:#f4eafa}
.greeting-card{color:#f4eafa}

@media (max-width:960px){.hero-editorial::before{right:0}}

/* ───────── Eğitmene özel kamp kapakları · 31 Ekim 2026 ───────── */
:is(.course-art,.detail-art,.enrolled-art,.admin-course-art,.summary-art) img[src*="/assets/courses/"]{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.course-card:hover .poster-art img{transform:scale(1.025)}
.course-period{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;line-height:1.5;color:var(--forest);padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid var(--line)}
.course-period .icon{width:14px;height:14px;flex-shrink:0}
.detail-art:has(img[src*="/assets/courses/"]){aspect-ratio:4/3;background:var(--forest-deep)}
.detail-art:has(img[src*="/assets/courses/"])>span{display:none}
.poster-art .art-label-preview{top:auto;bottom:12px;right:12px;font-size:11px}
.enrolled-art:has(img[src*="/assets/courses/"]){height:auto;aspect-ratio:4/3}
:is(.admin-course-art,.summary-art):has(img[src*="/assets/courses/"]){background:var(--forest-deep)}
.bundle-course-art:has(img[src*="/assets/courses/"]){overflow:hidden;aspect-ratio:4/3;height:auto;background:var(--forest-deep)}
.bundle-course-art img[src*="/assets/courses/"]{width:100%;height:100%;object-fit:contain}
.bundle-teaser-arts>span:has(img[src*="/assets/courses/"]){width:64px;height:48px;border-radius:9px;overflow:hidden;background:var(--forest-deep)}
.bundle-teaser-arts img[src*="/assets/courses/"]{width:100%;height:100%;object-fit:contain}

/* ───────── Müşteri onaylı mor kimlik · 31 Ekim 2026 ───────── */
.brand-logo-frame{position:relative;display:block;width:306px;aspect-ratio:1970/519;overflow:hidden;mix-blend-mode:multiply}
.brand-logo-frame img{position:absolute;max-width:none;width:110.254%;height:auto;left:-6.091%;top:-18.305%}
.site-header{background:#fff}
.site-header .header-inner{gap:18px}
.site-footer{background:linear-gradient(125deg,#f8f1fc,#efe2f7);color:var(--text)}
.site-footer::before{border-color:rgba(113,39,154,.1);box-shadow:0 0 0 80px rgba(113,39,154,.025),0 0 0 160px rgba(113,39,154,.018)}
.footer-top h2,.footer-credit strong{color:var(--forest-deep)}
.footer-top>div>a:not(.footer-brand):hover,.footer-bottom a:hover,.footer-link-button:hover{color:var(--forest)}
.footer-bottom,.footer-legal-links{border-color:var(--line-strong)}
.footer-credit>span,.footer-legal-links a{color:var(--muted)}
.footer-credit:hover strong{color:var(--forest)}
.auth-story>img,.greeting-card>img{filter:hue-rotate(145deg)}
@media(min-width:961px) and (max-width:1180px){.brand-logo-frame{width:248px}.main-nav>a:not(.button){padding-inline:10px;font-size:14px}.main-nav .nav-login{margin-left:4px;padding-left:12px!important}}
@media(max-width:960px){.brand-logo-frame{width:264px}}
@media(max-width:600px){.brand-logo-frame{width:244px}}
@media(max-width:380px){.brand-logo-frame{width:212px}}

@media(min-width:961px){.footer-bottom{padding-right:150px}}

/* ───────── Ana sayfa: kamp slider’ı, kayan eğitimler, faydalar ───────── */
body.view-home{background:var(--paper)}
.home-slider{max-width:1920px;margin-inline:auto;background:#fff;border-bottom:1px solid var(--line)}
.home-slides{position:relative;aspect-ratio:2171/724;overflow:hidden;isolation:isolate}
.home-slide{position:absolute;inset:0;overflow:hidden}
.campaign-art{position:relative;aspect-ratio:2171/724;width:100%;background:#f7effb}
.campaign-art picture{display:block}.campaign-art img{display:block;width:100%;height:auto;aspect-ratio:2171/724;object-fit:contain}
.campaign-hotspot{position:absolute;z-index:1;border-radius:999px;min-height:24px}
.campaign-hotspot:focus-visible{outline:4px solid var(--forest-deep);outline-offset:3px;box-shadow:0 0 0 7px #fff}
.campaign-register{left:49.2%;top:81.2%;width:22.6%;height:15.4%}
.campaign-whatsapp{left:72.4%;top:82.6%;width:14.3%;height:13.2%;border-radius:10px}
.campaign-mobile-copy{display:none}
.slider-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding-block:10px}
.slider-pagination,.slider-buttons,.slider-dots{display:flex;align-items:center;gap:12px}
.slider-count{font:650 12px/1 var(--sans);letter-spacing:.12em;color:var(--muted)}
.slider-dots{gap:4px}.slider-dots button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;padding:0}
.slider-dots button::before{content:'';width:8px;height:8px;border-radius:50%;background:#d7c7e2;transition:width .2s,background .2s}
.slider-dots button[aria-current=true]::before{width:24px;border-radius:8px;background:var(--forest)}
.slider-toggle{border:0;background:transparent;font-size:12px;font-weight:600;color:var(--muted);padding:10px 4px;min-height:40px}
.slider-toggle:hover{color:var(--forest)}
.carousel-prev .icon{transform:rotate(180deg)}
.discovery-slide{background:radial-gradient(ellipse at 100% 10%,#e8c7fa,transparent 70%),linear-gradient(115deg,#fcf9ff,#f4e7fb)}
.discovery-grid{height:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(20px,3vw,44px)}
.discovery-copy h2{font-size:clamp(28px,4.2vw,64px);line-height:1.04;margin:14px 0 18px;max-width:660px}
.discovery-copy p{font-size:clamp(14px,1.25vw,18px);max-width:580px;line-height:1.65;margin-bottom:24px}
.discovery-covers{position:relative;aspect-ratio:4/3;max-height:100%;width:100%;isolation:isolate}
.discovery-covers img{position:absolute;width:82%;height:auto;border-radius:18px;box-shadow:var(--shadow-l);border:1px solid #fff8}
.discovery-covers img:nth-child(1){top:5%;left:0;transform:rotate(-8deg);z-index:1}
.discovery-covers img:nth-child(2){top:11%;left:12%;transform:rotate(5deg);z-index:2}
.discovery-covers img:nth-child(3){top:20%;left:5%;transform:rotate(-1deg);z-index:3}
.home-courses{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(32px,4vw,56px)}
.home-courses .section-intro{margin-bottom:30px;max-width:660px}
.course-heading-actions,.course-carousel-controls{display:flex;align-items:center;gap:14px}
.course-heading-actions{gap:28px}
.home-course-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/3);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-x:contain;padding:2px 1px 12px;scrollbar-width:thin;scrollbar-color:#cba8df transparent}
.home-course-track>.course-card{scroll-snap-align:start;min-width:0;scroll-snap-stop:normal}
.home-course-track>.course-card:hover{transform:none}
.home-course-track>.course-card .course-card-body{padding:22px 24px 24px}
.home-course-track>.course-card h3{font-size:27px}
.home-course-track>.course-card .course-period{font-size:11px}
.home-course-track:focus-visible{outline-offset:6px}
.course-carousel-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:12px}
.course-carousel-count{font:650 12px/1.4 var(--sans);color:var(--forest);white-space:nowrap}
.course-carousel-controls .icon-button:disabled{opacity:.35;cursor:default;background:transparent}
.home-benefits{margin-bottom:clamp(40px,6vw,80px)}
.home-slider .discovery-covers img{visibility:visible}
@media(max-width:1180px){.home-course-track{grid-auto-columns:calc((100% - 24px)/2);gap:24px}}
@media(max-width:960px){
 .home-slides{aspect-ratio:auto;height:calc(100vw * 724 / 2171 + 230px)}
 .campaign-hotspot{display:none}.campaign-mobile-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px var(--gutter);height:230px;background:linear-gradient(120deg,#faf4ff,#f2e5fb)}
 .campaign-mobile-copy h2{font-size:34px;margin:0}.campaign-mobile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
 .campaign-mobile-copy .eyebrow{font-size:11px}.campaign-mobile-actions .button{min-height:46px;font-size:14px;padding-inline:20px}
 .discovery-grid{grid-template-columns:1fr;max-width:720px;text-align:center;justify-items:center;padding-block:24px}.discovery-copy h2{font-size:clamp(32px,5vw,48px)}.discovery-copy p{font-size:16px;max-width:600px}.discovery-covers{display:none}
}
@media(max-width:640px){
 .home-course-track{grid-auto-columns:88%;gap:16px}.home-course-track>.course-card h3{font-size:26px}
 .course-heading-actions{width:100%;justify-content:space-between;gap:16px}.home-courses .section-heading{gap:22px}
 .slider-toolbar{gap:8px;padding-inline:16px}.slider-pagination,.slider-buttons{gap:5px}.slider-count{font-size:10px}.slider-toggle{font-size:10.5px;max-width:104px;line-height:1.3}.slider-buttons .icon-button{width:34px;height:34px}.slider-dots button{width:28px}
 .course-carousel-footer .small-text{font-size:11.5px}.home-courses .section-intro{font-size:15.5px}
 .discovery-copy .eyebrow{font-size:10px}.discovery-copy h2{margin:12px 0}.discovery-copy p{font-size:14.5px;line-height:1.6;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){.home-course-track{scroll-behavior:auto}.slider-dots button::before{transition:none}}

/* ───────── Profesyonel eğitim vitrini: düzen, hiyerarşi ve etkileşim ───────── */
.view-home{--paper:#faf8fd}
.view-home h2,.view-home h3{font-family:var(--sans);font-weight:700;letter-spacing:-.035em;line-height:1.15}
.view-home .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:700}
.view-home .site-header{box-shadow:0 1px 0 rgba(53,19,78,.04)}
.view-home .main-nav>a[aria-current=page]{background:transparent;color:var(--forest)}
.view-home .main-nav>a[aria-current=page]::after{width:18px;height:2px;left:50%;bottom:5px;margin-left:-9px;border-radius:2px;background:var(--forest)}
.home-slider{width:calc(100% - 64px);max-width:1360px;margin:24px auto 0;border:1px solid #e9dff1;border-radius:22px;box-shadow:0 10px 34px -22px #542c6c40;overflow:hidden}
.slider-toolbar{max-width:none;min-height:58px;padding:8px 24px;background:#fff}
.slider-pagination{gap:16px}.slider-caption{font:700 9px/1.2 var(--sans);letter-spacing:.13em;color:var(--muted)}
.slider-count{white-space:nowrap;font-size:11px;letter-spacing:.06em;color:var(--forest-deep)}
.slider-buttons{gap:8px}.slider-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;font-size:11px;min-height:36px;max-width:none;white-space:nowrap;border-radius:8px;background:var(--surface-2);color:var(--forest)}
.slider-state-icon{display:block;width:10px;height:11px;border-inline:3px solid currentColor}
.slider-toggle[aria-pressed=true] .slider-state-icon{width:0;height:0;border:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.slider-toolbar .icon-button{width:36px;height:36px;background:white;border-color:#e8ddef}.slider-toolbar .icon-button:hover{background:var(--forest-soft);border-color:var(--forest-soft)}
.slider-dots button{width:28px;height:30px}.slider-dots button::before{width:6px;height:6px}.slider-dots button[aria-current=true]::before{width:20px}
.discovery-grid{padding-inline:clamp(24px,5vw,64px);gap:40px}.discovery-copy h2{font-size:clamp(28px,3.6vw,48px);font-weight:750;line-height:1.12;max-width:560px}
.discovery-copy p{font-size:15px;line-height:1.7;max-width:520px;margin-bottom:20px}.discovery-copy .button{min-height:46px;font-size:14px;box-shadow:none}
.discovery-covers img{border-radius:12px;box-shadow:0 16px 34px -18px #35134e70}
.home-courses{padding-top:56px;padding-bottom:36px}
.home-courses .section-heading{margin-bottom:12px;gap:32px}.home-courses .section-heading h2{font-size:clamp(28px,3.3vw,42px);font-weight:750;line-height:1.15;max-width:760px;margin-top:16px}
.home-courses .section-intro{font-size:15px;line-height:1.7;max-width:660px;margin-bottom:28px}
.program-count{font-size:10px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1;background:var(--forest-soft);color:var(--forest);padding:6px 9px;border-radius:6px;margin-left:10px}
.course-heading-actions{gap:20px;flex-shrink:0}.course-heading-actions .text-link{font-size:13px}.course-carousel-controls{gap:7px}
.course-carousel-controls .icon-button{width:40px;height:40px;background:#fff;border-color:#e5d9ee}.course-carousel-controls .icon-button:hover{color:#fff;background:var(--forest);border-color:var(--forest)}
.course-carousel-controls .icon-button:disabled{background:#f4eef8;border-color:#eee7f4;opacity:.5}
.home-course-track{grid-auto-columns:calc((100% - 40px)/3);gap:20px;scrollbar-width:none;padding-bottom:3px}
.home-course-track::-webkit-scrollbar{display:none}
.course-card{border-color:#e9e1ef;border-radius:18px;background:#fff;box-shadow:0 2px 6px -4px #35134e1a}
.course-card:hover{border-color:#cfaee2;box-shadow:0 12px 30px -22px #5a287f60}
.course-card .course-card-body,.home-course-track>.course-card .course-card-body{padding:18px 20px 20px}
.course-card .course-period{font:500 10.5px/1.5 var(--sans);padding:0;border:0;margin:0 0 11px;gap:6px;color:var(--muted)}
.course-card .course-period .icon{width:12px;height:12px;color:var(--forest)}
.course-card .eyebrow.muted{font-size:10px;letter-spacing:.04em;color:var(--forest)}
.course-card h3,.home-course-track>.course-card h3{font:700 20px/1.3 var(--sans);letter-spacing:-.025em;margin:7px 0 10px}
.course-card-body>p{font-size:13.5px;line-height:1.65;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.course-card .course-meta{margin:16px 0 18px;gap:8px 13px;font-size:11.5px;color:var(--muted)}
.course-card .course-meta .icon{width:13px;height:13px;color:var(--forest)}
.course-card-bottom{display:grid;gap:0;padding-top:16px;border-color:#efe8f4}
.course-price-options{display:flex;align-items:flex-start;gap:24px}
.course-price-option{display:grid;gap:4px}
.course-price-option+ .course-price-option{padding-left:24px;border-left:1px solid var(--line)}
.course-price-option small{font:500 10.5px/1.4 var(--sans);color:var(--muted)}
.course-card-bottom .course-price-option strong{font:750 21px/1.2 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.course-card .tax-note{font-size:9px;margin-top:7px;color:var(--muted)}
.course-inspect{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 14px;margin-top:14px;border:1px solid #e9dcef;border-radius:9px;background:#f6effb;color:var(--forest);font-size:12px;font-weight:650;transition:background .2s,color .2s,border-color .2s}
.course-inspect:hover{background:var(--forest);border-color:var(--forest);color:white}.course-inspect .icon{width:15px;height:15px}
.view-home .course-card .eyebrow.muted{display:none}
.course-carousel-footer{margin-top:22px;gap:18px}.course-carousel-footer .small-text{font-size:11px;white-space:nowrap}
.course-scroll-progress{display:block;-webkit-appearance:none;appearance:none;flex:1;height:3px;border:0;border-radius:5px;background:#eaddf2;color:var(--forest);overflow:hidden}
.course-scroll-progress::-webkit-progress-bar{background:#eaddf2}.course-scroll-progress::-webkit-progress-value{background:var(--forest);border-radius:5px}.course-scroll-progress::-moz-progress-bar{background:var(--forest);border-radius:5px}
.course-carousel-count{font-size:11px;letter-spacing:.02em}
.home-benefits{background:transparent;border:0;margin-bottom:64px}
.home-benefits .container{gap:0;padding-block:24px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}
.benefit-item{display:flex;align-items:center;gap:13px;padding:4px 20px}
.benefit-item:first-child{padding-left:0}.benefit-item+.benefit-item{border-left:1px solid var(--line)}
.home-benefits .benefit-item>.icon{width:40px;height:40px;padding:10px;border-radius:12px;background:#f0e4f8;color:var(--forest);flex-shrink:0}
.view-home .benefit-item h3{font:650 12px/1.45 var(--sans);letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}
.benefit-item p{font-size:10.5px;line-height:1.6;color:var(--muted);margin:0}
.view-home .approach-section{max-width:1160px;margin-inline:auto;border-radius:24px;background:linear-gradient(110deg,#321345,#522270);color:#eee2f6}
.view-home .approach-grid{padding:56px;gap:64px;grid-template-columns:1fr 1.12fr}
.view-home .approach-grid h2{font-size:36px;line-height:1.15;font-weight:700;margin:16px 0 20px;max-width:380px}
.view-home .approach-grid>div>p{font-size:14px;line-height:1.8;margin-bottom:24px;max-width:360px}
.view-home .approach-grid .text-link{font-size:13px;color:#f2dcff}.view-home .approach-signature{font-size:22px;margin-top:32px;color:#dfb8f3}
.view-home .steps-list li{grid-template-columns:36px 1fr;gap:18px;padding:22px 0}
.view-home .steps-list li>span{display:grid;place-items:center;height:36px;width:36px;border-radius:10px;background:#ffffff12;color:#ead0f8;font:650 12px/1 var(--sans)}
.view-home .steps-list h3{font-size:17px;font-weight:650;letter-spacing:-.015em;margin:0 0 7px;line-height:1.35}.view-home .steps-list p{font-size:13px;line-height:1.75}
.view-home .instructor-intro{padding-block:80px;gap:72px;grid-template-columns:.8fr 1.2fr}
.view-home .instructor-intro .intro-art{aspect-ratio:4/4.6;max-width:390px;width:100%;border-radius:20px;justify-self:center}
.view-home .instructor-intro h2{font-size:38px;line-height:1.15;margin:16px 0 20px;font-weight:700}
.view-home .instructor-intro h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
.view-home .instructor-intro p{font-size:15px;line-height:1.9;max-width:570px}.view-home .instructor-intro .text-link{font-size:13px;margin-top:8px}
.view-home .faq-section{gap:70px;padding-bottom:72px;grid-template-columns:.8fr 1.2fr}
.view-home .faq-section h2{font-size:36px;line-height:1.15;font-weight:700}.view-home .faq-intro{font-size:14px;line-height:1.8;max-width:310px}.view-home .faq-section .text-link{font-size:13px}
.view-home .faq-list{display:grid;gap:10px;align-content:start}
.view-home .faq-list details{background:#fff;border:1px solid #e9e1f0;border-radius:12px;padding:0 18px}
.view-home .faq-list details[open]{border-color:#d7b9e6;background:#fcf9ff}
.view-home .faq-list summary{font:600 14px/1.55 var(--sans);letter-spacing:-.01em;padding:17px 0;gap:18px}
.view-home .faq-list summary span{width:24px;height:24px;font:400 19px/1 var(--sans);border:0;background:var(--surface-2);color:var(--forest)}
.view-home .faq-list details p{font-size:13px;line-height:1.85;padding:0 0 18px;margin:0;color:var(--muted)}
.view-home .closing-section{max-width:1160px;margin:0 auto 64px;border-radius:20px;background:linear-gradient(110deg,#401756,#74329a)}
.view-home .closing-section>.container{padding:44px 48px;gap:40px}
.view-home .closing-section h2{font:650 32px/1.25 var(--sans);letter-spacing:-.035em;max-width:730px;margin-top:14px}.view-home .closing-section h2 em{font-style:normal;color:#ead0fa}
.view-home .closing-section .button{min-height:46px;font-size:13px;padding-inline:22px;box-shadow:none}.view-home .closing-orbit{display:none}
.view-home .site-footer{padding-top:60px;padding-bottom:26px}.view-home .footer-top{gap:36px}.view-home .footer-top p{font-size:13px;line-height:1.8}.view-home .footer-top a:not(.brand){font-size:13px}.view-home .footer-top h2{font:700 10px/1.4 var(--sans);letter-spacing:.12em}
.view-home .footer-bottom{margin-top:34px;padding-top:20px;font-size:11px}.view-home .footer-legal-links{padding-block:20px;gap:12px 20px}
@media(max-width:1280px){.view-home .approach-section,.view-home .closing-section{margin-inline:var(--gutter)}}
@media(max-width:1180px){
 .home-slider{width:calc(100% - 48px);margin-top:20px}.home-course-track{grid-auto-columns:calc((100% - 20px)/2)}
 .home-benefits .container{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.benefit-item:nth-child(3){padding-left:0;border-left:0}
 .view-home .approach-grid{padding:44px;gap:40px}.view-home .instructor-intro{gap:48px}
}
@media(max-width:960px){
 .view-home .main-nav>a[aria-current=page]{background:var(--forest-soft)}.view-home .main-nav>a[aria-current=page]::after{display:none}
 .home-slides{height:calc((100vw - 48px) * 724 / 2171 + 190px)}
 .campaign-mobile-copy{height:190px;padding:22px;gap:10px;background:linear-gradient(110deg,#fcf9ff,#f3e7fa)}
 .campaign-mobile-copy h2{font-size:28px;letter-spacing:-.035em;font-weight:750}.campaign-mobile-copy .eyebrow{font-size:10px;letter-spacing:.12em}
 .campaign-mobile-actions .button{min-height:42px;font-size:12px;padding-inline:20px;box-shadow:none}
 .discovery-grid{padding:24px}.discovery-copy h2{font-size:32px}.discovery-copy p{font-size:14px;margin-bottom:18px}
 .view-home .approach-grid{grid-template-columns:1fr;gap:30px}.view-home .approach-grid>div>p{max-width:640px}.view-home .approach-grid h2{max-width:600px}.view-home .approach-signature{display:none}
 .view-home .instructor-intro{grid-template-columns:.8fr 1.2fr;gap:32px}.view-home .instructor-intro h2{font-size:32px}.view-home .instructor-intro p{font-size:14px}
 .view-home .faq-section{grid-template-columns:1fr;gap:26px}.view-home .faq-intro{max-width:600px}
 .view-home .closing-section>.container{align-items:flex-start;padding:36px;gap:26px}.view-home .closing-section h2{font-size:30px}
}
@media(max-width:640px){
 .home-slider{width:calc(100% - 32px);margin-top:16px;border-radius:16px}
 .home-slides{height:calc((100vw - 32px) * 724 / 2171 + 190px)}
 .slider-toolbar{padding:8px 12px;gap:10px;min-height:54px}.slider-caption{display:none}.slider-pagination{gap:4px}.slider-count{font-size:10px}.slider-dots{gap:0}.slider-dots button{width:24px}
 .slider-buttons{gap:5px}.slider-toggle{font-size:10px;padding:7px 9px;gap:6px;min-height:32px}.slider-toolbar .icon-button{width:30px;height:30px}.slider-toolbar .icon{width:14px;height:14px}
 .discovery-copy .eyebrow{font-size:9px}.discovery-copy h2{font-size:26px;margin:10px 0}.discovery-copy p{font-size:12.5px;line-height:1.65;margin-bottom:16px}.discovery-copy .button{min-height:40px;font-size:12px;padding-inline:20px}
 .home-courses{padding-top:36px;padding-bottom:28px}.home-courses .section-heading{gap:18px}.home-courses .section-heading h2{font-size:28px;margin-top:12px}.home-courses .section-intro{font-size:13px;line-height:1.75;margin-bottom:22px}
 .course-heading-actions{justify-content:space-between;width:100%}.course-heading-actions .text-link{font-size:12px}.course-carousel-controls .icon-button{width:36px;height:36px}
 .home-course-track{grid-auto-columns:90%;gap:14px}.course-card h3,.home-course-track>.course-card h3{font-size:18px}.course-card-body>p{font-size:12.5px}.course-price-options{gap:22px}.course-price-option+ .course-price-option{padding-left:22px}
 .course-carousel-footer{gap:12px;margin-top:16px}.course-carousel-footer .small-text{display:none}.course-scroll-progress{height:3px}
 .home-benefits{margin-bottom:40px}.home-benefits .container{padding-block:20px;gap:20px 14px}.benefit-item{padding:0;gap:10px;align-items:flex-start}.benefit-item+.benefit-item{border:0}
 .home-benefits .benefit-item>.icon{width:32px;height:32px;padding:8px;border-radius:9px}.view-home .benefit-item h3{font-size:11px;line-height:1.5}.benefit-item p{font-size:10px;line-height:1.6}
 .view-home .approach-section,.view-home .closing-section{margin-inline:20px;border-radius:18px}.view-home .approach-grid{padding:28px 22px;gap:24px}.view-home .approach-grid h2{font-size:28px}.view-home .approach-grid>div>p{font-size:13px}
 .view-home .steps-list li{padding:18px 0;gap:12px;grid-template-columns:30px 1fr}.view-home .steps-list li>span{width:30px;height:30px;border-radius:8px;font-size:10px}.view-home .steps-list h3{font-size:15px}.view-home .steps-list p{font-size:12px}
 .view-home .instructor-intro{grid-template-columns:1fr;gap:28px;padding-block:48px}.view-home .instructor-intro .intro-art{max-width:320px;aspect-ratio:4/4.4}.view-home .instructor-intro h2{font-size:30px}.view-home .instructor-intro p{font-size:13.5px;line-height:1.9}
 .view-home .faq-section{padding-bottom:48px;gap:20px}.view-home .faq-section h2{font-size:28px}.view-home .faq-list summary{font-size:12.5px;padding-block:16px}.view-home .faq-list details{padding-inline:15px}.view-home .faq-list details p{font-size:12px}
 .view-home .closing-section{margin-bottom:40px}.view-home .closing-section>.container{padding:28px 24px;gap:22px}.view-home .closing-section h2{font-size:26px}.view-home .closing-section .button{width:100%;font-size:12px}
 .view-home .site-footer{padding-top:42px}.view-home .footer-top{gap:28px}.view-home .footer-bottom{margin-top:24px}
}
/* Equal card rhythm and readable secondary details. */
.course-card-bottom{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}
.course-card h3,.home-course-track>.course-card h3{min-height:2.6em}
.course-card-body>p{min-height:3.3em}
.course-price-option small{font-size:11.5px}.course-card .tax-note{font-size:10.5px}
.view-home .benefit-item h3{font-size:13px}.benefit-item p{font-size:12px}
@media(max-width:640px){.view-home .benefit-item h3{font-size:11.5px}.benefit-item p{font-size:10.5px}}

/* Course collection · 2 November 2026 */
.course-card-premium{border:1px solid #e8dfed;border-radius:22px;background:#fff;box-shadow:0 3px 14px #35134e04;transition:box-shadow .25s,border-color .25s,transform .25s}
.course-card-premium:hover{transform:translateY(-3px);border-color:#d2b5df;box-shadow:0 16px 38px -19px #4b20652e}
.course-card-premium:has(:focus-visible){outline:2px solid var(--forest);outline-offset:3px}
.course-card-premium .poster-art{margin:10px 10px 0;border-radius:14px;background:#fcfaff;isolation:isolate}
.course-card-premium:hover .poster-art img{transform:none}
.course-card-premium .course-card-body,.home-course-track>.course-card-premium .course-card-body{padding:20px 22px 22px}
.course-card-premium .course-period{display:flex;align-items:flex-start;gap:7px;align-self:flex-start;margin:0 0 14px;padding:7px 9px;background:#f7f1fb;border-radius:7px;font-size:11px;font-weight:550;line-height:1.6;color:#6c457f;letter-spacing:0}
.course-card-premium .course-period .icon{width:13px;height:13px;margin-top:2px;flex-shrink:0;color:#79389b}
.course-card-premium h3,.home-course-track>.course-card-premium h3{font:720 22px/1.3 var(--sans);letter-spacing:-.035em;min-height:2.6em;margin:0 0 12px}
.course-card-premium h3 a{background:none}.course-card-premium h3 a:hover{color:var(--forest)}
.course-card-premium .eyebrow.muted{margin-bottom:9px;font-size:10.5px}
.course-card-premium .course-card-body>p{font-size:13.5px;line-height:1.75;min-height:3.5em;color:#74647e}
.course-card-premium .course-meta{margin:18px 0 20px;gap:8px 16px;font-size:11.5px;color:#695576}
.course-card-premium .course-meta .icon{width:14px;height:14px;color:#825299}
.course-card-premium .course-card-bottom{padding-top:18px;border-color:#eee7f3}
.course-card-premium .course-price-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.course-card-premium .course-price-option:only-child{grid-column:1/-1}
.course-card-premium .course-price-option,.course-card-premium .course-price-option+.course-price-option{padding:11px 12px;border:1px solid #ece4f1;border-radius:10px;background:#fdfbfe;gap:6px}
.course-card-premium .course-price-option+.course-price-option{background:#f6effa;border-color:#e9dbee}
.course-card-premium .course-price-option small{font-size:11.5px;font-weight:550;color:#6a5078;line-height:1.4}
.course-card-premium .course-card-bottom .course-price-option strong{font-size:24px;font-weight:750;line-height:1.1;color:#422055;white-space:nowrap}
.course-card-premium .tax-note{margin-top:9px;font-size:10.5px;color:#7a6685}
.course-card-premium .course-inspect{min-height:44px;padding:12px 15px;margin-top:16px;border:1px solid #71279a;border-radius:10px;background:#71279a;color:white;font-size:13px;font-weight:650;box-shadow:0 3px 8px #71279a12}
.course-card-premium .course-inspect:hover{background:#552070;border-color:#552070;color:white}
.course-card-premium .course-inspect .icon{width:17px;height:17px}
@media(max-width:640px){
 .course-card-premium{border-radius:18px}.course-card-premium .poster-art{margin:8px 8px 0;border-radius:11px}
 .course-card-premium .course-card-body,.home-course-track>.course-card-premium .course-card-body{padding:17px 17px 18px}
 .course-card-premium h3,.home-course-track>.course-card-premium h3{font-size:20px;letter-spacing:-.025em}
 .course-card-premium .course-period{font-size:10.5px;margin-bottom:12px}.course-card-premium .course-card-body>p{font-size:13px}
 .course-card-premium .course-price-option,.course-card-premium .course-price-option+.course-price-option{padding:10px 9px}
 .course-card-premium .course-meta{font-size:11px;gap:8px 12px}
}
@media(prefers-reduced-motion:reduce){.course-card-premium{transition:none}.course-card-premium:hover{transform:none}}

/* Legal revision v2: clear purpose-specific choices and native contract previews. */
.consent-group{min-width:0}.consent-group legend{max-width:100%;white-space:normal}
.optional-consents{background:#fcfaff;border-color:#e9dfee}.optional-consents>p{margin:0 0 12px;line-height:1.7}
.optional-consents .checkbox-label+.checkbox-label{margin-top:9px}
.legal-preview-link{display:inline;padding:0;border:0;background:none;color:var(--forest);text-decoration:underline;text-underline-offset:3px;font:inherit;text-align:left;cursor:pointer}
.legal-preview-link:focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:2px}
.checkout-preferences{border:1px solid var(--line);border-radius:12px;margin:16px 0;background:#fff}
.checkout-preferences>summary{padding:14px;font:600 13px/1.6 var(--sans);cursor:pointer;color:var(--ink)}
.checkout-preferences>summary span{display:block;font-size:11px;font-weight:450;color:var(--muted)}
.checkout-preferences>div{padding:0 12px 12px}.checkout-preferences fieldset{margin:12px 0 0;padding:14px}
.preference-history{margin-top:20px}.preference-history>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--forest);padding-block:10px}
.legal-copy{overflow-wrap:anywhere}.content-copyright{padding:16px 18px;border-left:3px solid var(--forest);background:#faf6fd;border-radius:0 8px 8px 0;line-height:1.8;font-size:11.5px}
@media(max-width:640px){.auth-card .consent-group{padding:14px}.checkout-preferences>summary{font-size:12px}.content-copyright{padding:13px 14px;font-size:11px}}
.optional-consents a{color:var(--forest);font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* Customer campaign assets · 3 November revision */
.home-slider .home-slides{height:480px;aspect-ratio:auto;background:#faf7fd}
.client-campaign-slide,.single-course-slide{background:radial-gradient(ellipse 70% 120% at 100% 10%,#eedff8,transparent 82%),#fcfaff}
.single-slide-grid{height:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:46px;padding:32px 72px;max-width:1240px;margin:auto}
.home-slider .slide-copy h1,.home-slider .slide-copy h2{font:750 clamp(29px,3.3vw,44px)/1.12 var(--sans);letter-spacing:-.045em;margin:16px 0;max-width:610px}
.home-slider .slide-copy h1{font-size:clamp(36px,4vw,54px)}
.slide-copy>.eyebrow{font-size:10.5px;letter-spacing:.11em;color:#83439f}
.slide-copy>p{font-size:14px;line-height:1.75;color:#6f587c;max-width:550px;margin:0 0 18px}
.slide-copy .campaign-gift-title{font-size:clamp(21px,2.3vw,30px);font-weight:650;color:#7a329a;line-height:1.25;margin-bottom:18px}
.single-slide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:22px}
.single-slide-actions>.button{font-size:13px;min-height:44px;padding:13px 21px}.single-slide-actions>.text-link{font-size:12px}
.home-slider .campaign-register,.home-slider .campaign-whatsapp{position:static;inset:auto;width:auto;height:auto;border-radius:10px}
.slide-period{display:flex;align-items:center;gap:7px;font-size:11px;color:#775285}.slide-period .icon{width:14px;height:14px;flex-shrink:0}
.slide-image{min-width:0;justify-self:end;width:100%;max-width:400px;max-height:400px;overflow:hidden;border-radius:18px;box-shadow:0 12px 30px -20px #3c165b45;background:#fff}
.slide-course-poster{aspect-ratio:1}.slide-image img{display:block;width:100%;height:100%;object-fit:contain}
.campaign-portrait-frame{height:400px;max-width:360px;border-radius:180px 180px 20px 20px;background:#fff}
.campaign-portrait-frame img{object-fit:cover;object-position:50% 35%}
.slider-edge-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding-inline:12px;pointer-events:none;z-index:4}
.slider-edge-controls[hidden]{display:none}.slider-edge-controls>.icon-button{pointer-events:auto;width:42px;height:42px;min-height:42px;background:#fffefeee;border:1px solid #d8c0e7;color:#632086;box-shadow:0 5px 18px #35134e10}
.slider-edge-controls>.icon-button:hover{background:var(--forest);color:#fff;border-color:var(--forest)}
.home-slider .slider-toolbar{padding-inline:26px;min-height:56px;max-width:none}.home-slider .slider-pagination{gap:12px}.home-slider .slider-dots{gap:0}.home-slider .slider-dots button{width:28px;height:32px}
.custom-campaign-art{width:100%;height:100%;display:grid;place-items:center}.custom-campaign-art img{width:100%;height:100%;object-fit:contain}.custom-campaign-action{position:absolute;right:60px;bottom:24px}
.course-card-client-visual .poster-art{aspect-ratio:1;background:#fcfaff}
:is(.course-art,.detail-art,.enrolled-art,.admin-course-art,.summary-art) img[src*="/assets/client/"]{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
.detail-art:has(img[src*="/assets/client/"]){aspect-ratio:1;background:#fcfaff}.detail-art:has(img[src*="/assets/client/"])>span{display:none}
.enrolled-art:has(img[src*="/assets/client/"]){height:auto;aspect-ratio:1}.bundle-course-art img[src*="/assets/client/"],.bundle-teaser-arts img[src*="/assets/client/"]{width:100%;height:100%;object-fit:contain}
.about-portrait .portrait-photo,.instructor-intro .portrait-photo{object-fit:cover;object-position:50% 35%;background:#fff}
.session-policy-note{display:block;margin:20px 0 0;padding:14px 16px;border:1px solid #e5d8ee;border-radius:11px;background:#fbf7fe;font-size:11.5px;line-height:1.75;color:#6e567c}.session-policy-note .icon{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:4px;color:var(--forest)}.session-policy-note a{font-weight:600;color:var(--forest);text-decoration:underline;text-underline-offset:2px}
@media(max-width:1000px){.single-slide-grid{padding-inline:60px;gap:28px}.slide-copy>p{font-size:13px}.slide-image{max-height:350px}.campaign-portrait-frame{height:350px}.home-slider .slide-copy h2{font-size:31px}}
@media(max-width:700px){
 .home-slider .home-slides{height:720px}.single-slide-grid{display:flex;flex-direction:column-reverse;justify-content:center;gap:22px;padding:24px 42px}
 .slide-image{width:min(100%,270px);height:auto;max-height:270px;flex-shrink:0;align-self:center;border-radius:12px}.campaign-portrait-frame{width:min(100%,250px);height:270px;border-radius:140px 140px 16px 16px}
 .slide-copy{width:100%}.home-slider .slide-copy h1{font-size:34px}.home-slider .slide-copy h2{font-size:27px;line-height:1.13;margin:12px 0}
 .slide-copy>.eyebrow{font-size:9px;letter-spacing:.08em}.slide-copy>p{font-size:12.5px;line-height:1.65;margin-bottom:14px}.slide-copy .campaign-gift-title{font-size:21px}
 .single-slide-actions{gap:12px 18px;margin-top:18px}.single-slide-actions>.button{font-size:12px;min-height:44px;padding:12px 16px}.single-slide-actions>.text-link{font-size:11px}.slide-period{font-size:10px;line-height:1.6}
 .slider-edge-controls{padding-inline:7px}.slider-edge-controls>.icon-button{width:34px;height:40px;min-height:40px;border-radius:10px}.slider-edge-controls .icon{width:16px;height:16px}
 .home-slider .slider-toolbar{padding-inline:12px;gap:8px}.home-slider .slider-caption{display:none}.home-slider .slider-pagination{gap:5px}.home-slider .slider-dots button{width:24px;min-width:24px}.home-slider .slider-count{font-size:10px;letter-spacing:.04em}.home-slider .slider-toggle{font-size:10px;gap:4px}.home-slider .slider-buttons{gap:0}
 .custom-campaign-action{right:50%;transform:translateX(50%);bottom:24px;white-space:nowrap}
}
@media(max-width:360px){.home-slider .home-slides{height:790px}.single-slide-grid{padding-inline:41px;gap:20px}.home-slider .slide-copy h2{font-size:24px}.slide-copy>p{font-size:12px}.home-slider .slider-dots button{width:24px;min-width:24px}.home-slider .slider-toggle{padding-inline:0}.home-slider .slider-toggle [data-slider-label]{display:none}}

.slide-image picture{display:block;width:100%;height:100%}

/* Compact instructor portraits · 4 November client follow-up */
.about-portrait{max-width:340px;width:100%;justify-self:center;aspect-ratio:3/4}
.view-home .instructor-intro .intro-art{max-width:320px;aspect-ratio:3/4}
.about-portrait .portrait-photo,.instructor-intro .portrait-photo{object-fit:contain;object-position:50% 100%;padding:20px 22px 0;background:linear-gradient(160deg,#faf6fd,#f0e5f8)}
@media(max-width:1000px){.about-portrait{position:relative;top:0;max-width:300px}.view-home .instructor-intro .intro-art{max-width:290px}}
@media(max-width:640px){.about-portrait,.view-home .instructor-intro .intro-art{max-width:270px;aspect-ratio:3/4}.about-portrait .portrait-photo,.instructor-intro .portrait-photo{padding:16px 18px 0}}

/* Slider editor and accessible file drop areas */
.upload-widget{min-width:0;width:100%;margin:4px 0}.upload-dropzone{border:1.5px dashed #cbb3db;border-radius:12px;background:#fcfaff;padding:20px 16px;text-align:center;cursor:pointer;color:#5c3376;transition:background .15s,border-color .15s;overflow-wrap:anywhere}
.upload-dropzone>strong,.upload-dropzone>span,.upload-summary{display:block}.upload-dropzone>strong{font-size:13px;line-height:1.6}.upload-dropzone>span{font-size:11px;color:var(--muted);margin-top:4px}.upload-dropzone:focus-visible{outline:3px solid #9c5fc7;outline-offset:3px}.upload-dropzone:hover,.upload-dropzone.is-dragover{border-color:var(--forest);background:#f1e4fa}.upload-dropzone.is-dragover{box-shadow:inset 0 0 0 1px var(--forest)}
.upload-dropzone img{display:block;max-width:100%;width:auto;max-height:150px;margin:12px auto 0;border-radius:8px;object-fit:contain}.upload-dropzone img[hidden]{display:none}.upload-summary{font-size:11px;line-height:1.65;margin-top:8px;white-space:normal}
.upload-picker-row{display:flex;gap:8px;align-items:center;margin-top:9px;min-width:0}.upload-picker-row input[type=file]{min-width:0;width:100%;max-width:100%;font-size:11px;padding:9px}.upload-clear{border:0;background:transparent;color:var(--forest);font:600 11px/1.5 var(--sans);white-space:nowrap;padding:8px;cursor:pointer}.upload-clear[hidden]{display:none}
.has-error .upload-dropzone{border-color:#b33555;background:#fff7f9}[data-upload-error]{display:block;color:#a62848;font-size:11px;line-height:1.6;margin-top:6px}.upload-widget [data-upload-error]:empty{display:none}
.slider-size-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.slider-size-guide>div{padding:18px;border:1px solid #e5d9ed;border-radius:12px;background:#fbf7fe}.slider-size-guide strong,.slider-size-guide span,.slider-size-guide small{display:block}.slider-size-guide span{font-size:22px;font-weight:700;letter-spacing:-.03em;margin:7px 0;color:var(--forest)}.slider-size-guide small{font-size:11px;color:var(--muted)}
.slider-guide p{line-height:1.8}.slider-upload-grid{margin:22px 0}.slider-upload-grid h3{font-size:16px;margin-top:0}.slider-upload-grid .asset-field{min-width:0}.slider-upload-grid img.slider-admin-preview{display:block;position:static;max-width:100%;width:100%;height:130px;object-fit:contain;background:#faf7fc;border-radius:10px}.slider-upload-grid img.is-mobile{height:170px}
.slider-copy-fields{padding:16px;border:1px solid var(--line);border-radius:12px;margin:18px 0}.slider-copy-fields summary{font-weight:650;font-size:13px;cursor:pointer}.slider-copy-fields .form-grid{margin-top:16px}.slider-form-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:18px}
.slider-admin-list{display:grid;gap:12px}.slider-admin-item{display:grid;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.slider-item-thumb{height:96px;border-radius:8px;background:#faf7fd;overflow:hidden}.slider-item-thumb img{width:100%;height:100%;object-fit:contain}.slider-item-description{min-width:0}.slider-item-description h3{font:650 15px/1.4 var(--sans);margin:7px 0}.slider-item-description small{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:11px}.slider-item-description .text-link{display:inline-flex;margin-top:10px;font-size:12px}.slider-item-actions{display:flex;gap:6px;align-items:center}.slider-item-actions form{margin:0}.slider-move-up .icon{transform:rotate(-90deg)}.slider-move-down .icon{transform:rotate(90deg)}.slider-item-actions .icon-button{width:34px;height:34px}.slider-item-actions button:disabled{opacity:.35;cursor:default}
.managed-banner-slide{background:#faf7fd}.managed-banner-link{display:grid;place-items:center;width:100%;height:100%}.managed-banner-link picture{display:block;width:100%;height:100%}.managed-banner-link img{display:block;width:100%;height:100%;object-fit:contain}.home-slider-image-only .home-slides{height:auto;aspect-ratio:3/1}.home-slider .slider-pagination{min-width:0}.home-slider .slider-dots{min-width:0;overflow-x:auto;scrollbar-width:thin}.home-slider .slider-dots button{flex-shrink:0}
@media(max-width:700px){.home-slider-image-only .home-slides{height:auto;aspect-ratio:4/5}.slider-admin-item{grid-template-columns:90px minmax(0,1fr);gap:12px}.slider-item-actions{grid-column:1/-1;justify-content:flex-end}.slider-item-thumb{height:90px}.slider-size-guide span{font-size:18px}.slider-size-guide>div{padding:13px}.slider-upload-grid{grid-template-columns:1fr}.upload-picker-row{flex-wrap:wrap}.upload-clear{padding-left:0}}
.slider-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.slider-upload-grid{grid-template-columns:1fr}}
.home-slider .single-slide-grid .slide-copy{min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:thin}

/* Local slider revision: first design retained, second slide in brand purple. */
.home-slider .home-slide.slide-purple{background:var(--forest);color:#fff}
.home-slider .slide-purple .slide-copy :is(h1,h2,p,.eyebrow,.slide-period,.text-link){color:#fff}
.home-slider .slide-purple .single-slide-actions>.button{background:#ffffff14;border:1px solid #ffffffb3;color:#fff;box-shadow:0 8px 20px #35134e20}
.home-slider .slide-purple .single-slide-actions>.button:hover{background:#ffffff29;border-color:#fff;color:#fff}
.home-slider .slide-purple .single-slide-actions :is(.button,.text-link):focus-visible{outline:3px solid #fff;outline-offset:4px}
.home-slider .slide-purple .slide-image{box-shadow:0 18px 35px -20px #220d3e66}
/* Image-only slides follow their image ratio, including on mobile. */
.home-slider .home-slides:has(>.managed-banner-slide:not([hidden])){height:auto;aspect-ratio:auto}
.home-slides>.managed-banner-slide:not([hidden]){position:relative;inset:auto}
.home-slides>.managed-banner-slide:not([hidden]) :is(.managed-banner-link,picture){display:block;height:auto}
.home-slides>.managed-banner-slide:not([hidden]) .managed-banner-link img{display:block;width:100%;height:auto;object-fit:contain}

/* Zoom setup: long permission names remain readable on small screens. */
.zoom-setup :is(code,li,p){overflow-wrap:anywhere;word-break:normal}.zoom-setup code{white-space:normal}.zoom-setup .form-grid{min-width:0}.zoom-setup .field{min-width:0}

/* Local client revision: quieter typography, closer spacing, vertical programs. */
body:not(.panel-body) .page-heading{padding-block:40px 24px}
body:not(.panel-body) .page-heading h1{font-size:clamp(30px,3.8vw,46px);line-height:1.15;margin:12px 0 14px}
body:not(.panel-body) .page-heading p{font-size:15px;line-height:1.75;max-width:650px;margin-bottom:0}
body:not(.panel-body) .section-heading h2{font-size:clamp(26px,3vw,36px)}
.view-home .section{padding-block:48px}
.view-home .home-courses .section-heading h2{font-size:clamp(26px,2.8vw,34px);margin-top:12px}
.view-home .home-courses .section-intro{font-size:14px;line-height:1.75;max-width:700px;margin-bottom:24px}
.home-course-list{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.home-course-list>.course-card{display:grid;grid-template-columns:300px minmax(0,1fr);min-width:0;align-items:stretch}
.home-course-list>.course-card .poster-art{align-self:start;aspect-ratio:1;margin:12px;border-radius:12px}
.home-course-list>.course-card .course-card-body{display:flex;flex-direction:column;min-width:0;padding:22px 26px 22px 12px}
.home-course-list>.course-card h3{font-size:21px;line-height:1.35;min-height:0;margin-bottom:10px}
.home-course-list>.course-card .course-card-body>p{display:block;font-size:14px;line-height:1.75;min-height:0;overflow:visible;margin-bottom:0}
.home-course-list>.course-card .course-period{font-size:11px;margin-bottom:10px}
.home-course-list>.course-card .course-meta{margin:14px 0;font-size:12px}
.home-course-list>.course-card .course-card-bottom{margin-top:auto;padding-top:14px}
.home-course-list>.course-card .course-price-options{max-width:480px}
.home-course-list>.course-card .course-card-bottom .course-price-option strong{font-size:21px}
.home-course-list>.course-card .course-inspect{align-self:flex-start;min-width:190px;margin-top:12px}
.view-home .instructor-intro{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;padding-block:48px;align-items:center}
.view-home .instructor-intro h2{font-size:30px;line-height:1.2;margin:12px 0 14px}
.view-home .instructor-intro p{font-size:14px;line-height:1.8}
.view-about .about-grid{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:36px;padding-bottom:36px}
.view-about .about-grid .prose h2{font-size:30px;line-height:1.2;margin:10px 0 16px}
.view-about .prose p{font-size:15px;line-height:1.8;margin-bottom:16px}
.view-about .prose h3{font-size:17px;margin:24px 0 10px}
.view-about .about-values{padding-block:36px 48px}
.view-about .value-card h3{font-size:22px}
.view-about .value-card p{font-size:14px;line-height:1.75}
/* Crop only the approved full-length cutout; custom admin photos keep their fit. */
.about-portrait.portrait-jacket-crop,.view-home .intro-art.portrait-jacket-crop{position:relative;top:auto;max-width:320px;width:100%;aspect-ratio:4/5.2;overflow:hidden;background:linear-gradient(160deg,#faf6fd,#f0e5f8)}
.about-portrait.portrait-jacket-crop .portrait-photo,.view-home .intro-art.portrait-jacket-crop .portrait-photo{position:absolute;inset:10px 0 auto;display:block;width:100%;height:auto;max-width:none;object-fit:initial;object-position:initial;padding:0;background:transparent}
.site-footer .footer-top .footer-description{display:grid;gap:2px;margin-top:10px;font-size:13px;font-weight:700;line-height:1.5}
.footer-description strong{font-family:var(--sans);font-weight:750;color:var(--ink)}
.view-home :is(.approach-grid,.faq-section) h2{font-size:clamp(26px,3vw,32px)}
body:not(.panel-body) .closing-section h2{font-size:clamp(28px,3vw,38px);line-height:1.2}
.view-about .closing-section>.container{padding-block:42px}
body:not(.panel-body) .detail-title{font-size:clamp(30px,4vw,48px);line-height:1.15}
@media(max-width:820px){
 .home-course-list>.course-card{grid-template-columns:minmax(0,1fr)}
 .home-course-list>.course-card .poster-art{width:calc(100% - 24px);max-width:420px;justify-self:center}
 .home-course-list>.course-card .course-card-body{padding:10px 20px 20px}
 .home-course-list>.course-card .course-price-options{max-width:none}
 .home-course-list>.course-card .course-inspect{align-self:stretch}
 .view-about .about-grid,.view-home .instructor-intro{grid-template-columns:minmax(0,1fr);gap:24px}
 .view-about .about-grid .prose{max-width:none}
 .about-portrait.portrait-jacket-crop,.view-home .intro-art.portrait-jacket-crop{max-width:280px}
}
@media(max-width:640px){
 body:not(.panel-body) .page-heading{padding-block:28px 20px}
 .view-home .section{padding-block:32px}
 .view-home .home-courses .section-heading{gap:16px}
 .view-home .home-courses .section-heading h2{font-size:26px}
 .home-course-list{gap:18px}
 .home-course-list>.course-card h3{font-size:19px}
 .home-course-list>.course-card .course-card-body>p{font-size:14px}
 .view-home .instructor-intro h2,.view-about .about-grid .prose h2{font-size:26px}
 .view-about .about-values{padding-block:28px 36px}
}

/* Discount codes: visible checkout entry and instructor management. */
.discount-code-field{min-width:0;border:1px solid #dfc9ec;border-radius:12px;padding:15px;margin:20px 0;background:#fcf9fe}
.discount-code-field legend{font:650 13px/1.5 var(--sans);padding:0 6px;color:var(--forest-deep)}
.discount-code-field .field{margin:0 0 12px}.discount-code-field input{font-size:16px;letter-spacing:.04em}
.discount-code-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.discount-code-field [data-coupon-result]{margin:12px 0 0;line-height:1.75;overflow-wrap:anywhere;font-size:12px}
.discount-code-field [data-state=success]{color:var(--success);font-weight:600}.discount-code-field [data-state=error]{color:var(--danger)}
.discount-admin{min-width:0}.discount-admin input[name=code]{text-transform:uppercase}
.discount-scope{display:block;max-width:220px;white-space:normal;margin-top:5px;color:var(--muted);font-size:11px}
.discount-dates{font-size:11px;white-space:nowrap}.discount-toggle{margin:8px 0 0}.discount-toggle button{font-size:12px;padding:4px 0}
.discount-toggle{position:relative}


/* Turkish title capitalization, also applied to future managed headings. */
body :is(h1,h2,h3,h4,h5,h6),.faq-list summary{text-transform:capitalize}
.site-footer .footer-top h2{text-transform:capitalize;letter-spacing:.02em}

/* Student activity and personalized playback protection. */
.activity-filters .field{min-width:0}.activity-filters input,.activity-filters select{max-width:100%;min-width:0}
.activity-filter-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px}.activity-filters>p{margin:14px 0 0}
.activity-table td{max-width:270px;font-size:12px;overflow-wrap:anywhere}.activity-table td small{font-size:11px}.activity-explanation p{line-height:1.8}
.learning-activity-notice{font:400 12px/1.8 var(--sans);color:var(--muted);margin:0 0 14px}.learning-activity-notice>.icon{width:14px;height:14px;vertical-align:middle;margin-right:4px}.learning-activity-notice a{text-decoration:underline}
.video-frame .video-watermark{max-width:54%;color:#ffffffa8;background:#24102d2e;backdrop-filter:blur(1px);font-size:12px;line-height:1.5;padding:7px 10px;border-radius:6px;overflow-wrap:anywhere}
.video-watermark :is(strong,span,small){display:block;font:inherit}.video-watermark strong{font-weight:650}.video-watermark small{font-size:10px}
.video-frame .video-watermark.spot-1{left:42%;right:4%}.video-frame .video-watermark.spot-3{left:42%;right:4%}.video-frame .video-watermark.spot-5{left:42%;right:4%}
.video-owner-mark{position:absolute;left:10px;bottom:54px;z-index:2;pointer-events:none;user-select:none;font:500 10px/1.4 var(--sans);color:#ffffffa8;text-shadow:0 1px 3px #000}
.video-frame:fullscreen .video-watermark{font-size:clamp(14px,1.5vw,22px)}.video-frame:fullscreen .video-watermark small{font-size:12px}
@media(max-width:640px){.video-frame .video-watermark{font-size:9px;padding:4px 6px;max-width:65%}.video-frame .video-watermark small{font-size:8px}.video-frame .video-watermark.spot-3{top:46%}.video-frame .video-watermark.spot-4{top:48%}.video-owner-mark{font-size:8px;bottom:48px}}

/* Free Zoom: meeting link and manual recordings are the default onboarding. */
.zoom-manual-guide>p{font-size:14px;line-height:1.8}.zoom-free-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.zoom-free-limits>div{padding:16px;border:1px solid #e6d7ee;background:#faf6fd;border-radius:12px}.zoom-free-limits strong,.zoom-free-limits span{display:block}.zoom-free-limits strong{font-size:16px;color:var(--forest-deep)}.zoom-free-limits span{font-size:11px;line-height:1.6;color:var(--muted);margin-top:5px}
.zoom-manual-steps{list-style:none;padding:0;margin:22px 0}.zoom-manual-steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:18px 0;border-top:1px solid var(--line)}.zoom-manual-steps>li>span{display:grid;place-items:center;align-self:start;width:32px;height:32px;border-radius:9px;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:650}
.zoom-manual-guide .zoom-manual-steps h3{font:650 15px/1.4 var(--sans);margin:0 0 7px;padding:0;border:0}.zoom-manual-steps p{font-size:13px;line-height:1.8;margin:0;color:var(--text)}
.zoom-manual-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.zoom-cloud-option{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:20px}.zoom-cloud-option>summary,.lesson-cloud-settings>summary{cursor:pointer;font:650 14px/1.5 var(--sans);color:var(--forest-deep)}.zoom-cloud-option>.panel-form{margin-top:20px}.zoom-cloud-option>.small-text{margin-top:12px}.lesson-cloud-settings{padding:16px;border:1px solid var(--line);border-radius:10px;margin:18px 0}.lesson-cloud-settings>.field{margin-top:12px}
@media(max-width:640px){.zoom-free-limits{grid-template-columns:minmax(0,1fr);gap:8px}.zoom-free-limits>div{padding:12px 14px}.zoom-free-limits span{margin-top:2px}.zoom-cloud-option{padding:14px}.zoom-manual-steps>li{gap:10px}.zoom-manual-actions .button{width:100%}}

.test-use-notice{background:#f1e7fa;color:#491566;border-bottom:1px solid #dec7ee;font-size:12px;line-height:1.6;padding:9px 0}.test-use-notice .container{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.test-use-notice strong{font-weight:700}.payment-demo{overflow-wrap:anywhere}

/* Footer: keep legal links attached to the copyright row. */
.site-footer .footer-legal-links{padding-block:18px;gap:10px 20px}
.site-footer .footer-legal-links+.footer-bottom{margin-top:0;padding-top:18px}

/* Limited gift course offers and campaign management. */
.gift-offer{display:grid;gap:8px;padding:18px;margin:18px 0;border:1px solid #d9bde9;border-radius:16px;background:#f7effc;color:var(--forest-deep)}.gift-offer strong{font-size:16px;line-height:1.4}.gift-offer>span:not(.pill){font-size:12px}.gift-offer small{font-size:11px;line-height:1.7}.gift-offer .pill{justify-self:start}.gift-order-summary{display:grid;gap:12px;margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.gift-order-summary h3{margin:0}.gift-order-summary article{display:grid;gap:6px;font-size:13px;overflow-wrap:anywhere}.gift-order-summary small{font-size:11px;line-height:1.6}.gift-order-summary .pill{justify-self:start}.gift-badge{margin:6px 0;background:#efe0fa;color:#68218f}.gift-admin-list{display:grid;gap:20px;margin-top:24px}.gift-campaign-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow-wrap:anywhere}.gift-campaign-card h2{font:700 20px/1.4 var(--sans);margin:0 0 10px}.gift-stats{display:flex;flex-wrap:wrap;gap:12px 24px;margin:16px 0}.gift-stats span{font-size:12px;color:var(--muted)}.gift-stats strong{display:block;font-size:22px;color:var(--forest-deep)}.gift-campaign-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.gift-campaign-actions form{margin:0}.gift-history{max-width:100%;overflow-x:auto;margin-top:16px}.gift-history table{min-width:600px}.gift-admin-list .status{margin-bottom:12px}

.paytr-frame{display:block;width:100%;height:850px;max-width:100%;border:0;margin:1rem 0;background:#fff}@media(max-width:600px){.paytr-frame{height:1000px}}