/*
 * Öğretmen | Premium UI System v9
 * Cohesive dark-navy + champagne identity. No third-party tracker,
 * no external fonts, no invented user/review numbers, no functional JS changes.
 */
:root{
 --navy:#101e36;--ink:#132642;--muted:#52647e;--gold:#e5b76b;
 --blue:#254c8b;--sky:#f0f5fd;--paper:#f8f9fc;--line:#e2e8f2;
 --radius:20px;--ui-cream:#fdf9f1;--ui-gold:#e7b977;
 --ui-royal:#2e5995;--ui-shadow:0 22px 66px rgba(17,37,68,.085);
 font-family:Inter,"Aptos",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#efcc88;color:#162c4b}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #bd852c;outline-offset:4px}
.pilot-banner{background:#0d172a;color:#d8e3f5;min-height:34px;letter-spacing:.02em;font-size:.69rem}
.pilot-dot{background:#f2c579;box-shadow:0 0 0 5px #f2c57914}
.site-header{
 position:sticky;top:0;z-index:15;height:80px;padding-inline:max(4.8vw,26px);
 background:rgba(255,255,255,.965);backdrop-filter:blur(15px);
 box-shadow:0 5px 34px rgba(18,35,63,.035);
 border-bottom:1px solid rgba(27,54,94,.08)
}
.wordmark{font-size:1.56rem;letter-spacing:-.066em;color:#12223c}
.brand-mark{background:#111e36;border-radius:12px;box-shadow:0 4px 14px #182a4b13}
.site-header nav{gap:28px;color:#3b4d69;font-weight:640;font-size:.84rem}
.site-header nav a:hover{color:#a87427}
.header-actions{display:flex;align-items:center;gap:9px;min-width:0}
.header-teacher-join,.header-cta{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:43px;border-radius:10px;padding:10px 16px;
 font-size:.8rem;font-weight:770;transition:background .2s,border-color .2s,transform .2s;
 white-space:nowrap
}
.header-teacher-join{background:#12233e;color:#fff;border:1px solid #12233e}
.header-teacher-join:hover{background:#263f64;color:#fff;transform:translateY(-1px)}
.header-cta{border:1px solid #d5dfed;color:#243a5d;background:#fff}
.header-cta:hover{background:#f2f5fa}
.header-cta-short{display:none}
.hero{
 min-height:640px;
 background:radial-gradient(circle at 87% 10%,#253d65 0%,transparent 37%),
 linear-gradient(123deg,#101d36 0%,#132443 55%,#0b182e 100%);
 padding:76px max(5.5vw,26px) 66px;
 grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);
 gap:22px;align-items:center
}
.hero:before{content:"";position:absolute;inset:0;opacity:.045;pointer-events:none;
 background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);
 background-size:66px 66px;mask-image:linear-gradient(90deg,transparent 33%,#000)}
.hero-copy{max-width:850px}
.hero-eyebrow{font-size:.67rem;letter-spacing:.185em;font-weight:820;color:#f1cf95;margin-bottom:24px}
.eyebrow-mark{background:#f1cf95;width:24px}
.hero h1{font-weight:835;font-size:clamp(3.25rem,5.1vw,5.7rem);letter-spacing:-.074em;line-height:1.085;max-width:850px}
.hero h1 em{color:#eabf7a}
.hero-copy>p{font-size:1.05rem;color:#c5d0e0;line-height:1.86;max-width:615px;margin:24px 0 29px}
.hero-search{
 max-width:735px;padding:7px 7px 7px 9px;border-radius:15px;
 box-shadow:0 23px 85px #0108155c;grid-template-columns:155px minmax(0,1fr) 133px;
 border:1px solid #ffffff36
}
.hero-search select,.hero-search input{font-size:.83rem}
.hero-search select{border-right:1px solid #e4e8ef}
.hero-search input::placeholder{color:#6c7b94}
.search-button{background:#e8b86b;color:#15223a;border-radius:10px;font-size:.83rem}
.search-button:hover{background:#f3d18f}
.hero-under-search{margin-top:16px}
.hero-teacher-link{
 display:inline-flex;align-items:center;gap:11px;
 font-size:.8rem;color:#cbd7e9;line-height:1.45;
 border-radius:12px;padding:6px 9px 6px 0
}
.hero-teacher-link:hover{color:#fff}
.hero-teacher-link strong{color:#f2cf92;font-weight:760;text-decoration:underline;text-underline-offset:5px}
.hero-teacher-link-icon{width:31px;height:31px;display:grid;place-items:center;
 background:#f1ca8127;color:#f3cf92;border:1px solid #e8bd7970;border-radius:9px}
.hero-micro{margin-top:18px;font-size:.7rem;color:#b4c1d6;gap:11px}
.tiny-check{color:#f1c679}
.orb-a{width:430px;height:430px;background:radial-gradient(circle,#5b739d38,transparent 65%);right:-3%;top:-3%}
.orb-b{width:420px;height:420px;border:1px solid #839ac722;left:5%;bottom:-4%}
.hero-visual{min-height:450px;z-index:1}
.visual-main{
 position:relative;z-index:1;width:83%;max-width:435px;height:auto;min-height:394px;
 padding:27px;border-radius:24px;border:1px solid #a2bce251;
 background:linear-gradient(150deg,rgba(62,87,127,.92),rgba(22,39,68,.97));
 transform:rotate(-3.5deg);
 box-shadow:0 38px 75px #020816a1, inset 0 1px #d3e0f51c;
 backdrop-filter:blur(11px);gap:24px
}
.visual-top{font-size:.56rem;letter-spacing:.095em;gap:9px}
.visual-top span:last-child{font-size:.57rem;margin-left:auto}
.visual-dot{width:7px;height:7px;box-shadow:0 0 0 6px #ecc67d23}
.demo-caption{font-size:.51rem;letter-spacing:.01em;color:#bdcbe0}
.visual-welcome{display:flex;gap:13px;align-items:center;margin-top:15px}
.visual-chip{width:60px;height:60px;border:1px solid #f2dcaf33;flex-shrink:0;display:grid;place-items:center;
 color:#f3cd88;background:#f1c8771b;border-radius:18px;font-size:2.25rem}
.visual-welcome>div{display:grid;gap:8px}
.visual-kicker{font-size:.58rem;letter-spacing:.11em;color:#d4e0ef;font-weight:730}
.visual-welcome strong{color:#fff;font-size:1.52rem;letter-spacing:-.045em;line-height:1.2}
.visual-lesson{display:flex;gap:11px;align-items:center;background:#f3f5fbea;
 border:1px solid #ffffffa1;border-radius:15px;padding:17px 14px;color:#203452}
.lesson-sign{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;
 background:#ead9b7;border-radius:12px;color:#7b591b;font-size:1.4rem}
.visual-lesson>div:nth-child(2){display:grid;gap:4px;min-width:0}
.visual-lesson strong{font-size:.82rem;white-space:normal}
.visual-lesson small{font-size:.62rem;color:#526783}
.lesson-arrow{margin-left:auto;font-size:1.3rem;color:#45638f}
.visual-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.visual-actions span{display:flex;flex-direction:column;gap:8px;padding:13px 8px;
 font-size:.71rem;color:#d8e4f3;border:1px solid #d3e1fa24;
 background:#d3e1fa0b;border-radius:11px;white-space:nowrap}
.visual-actions b{font-size:.75rem;color:#f0c47e;font-variant-numeric:tabular-nums}
.float-card{border-radius:15px;border:1px solid #e9eef8;padding:13px 17px;
 box-shadow:0 21px 60px #030a1d67}
.float-a{left:-2%;top:6%;transform:rotate(3deg)}
.float-b{bottom:3%;right:-1%;transform:rotate(4deg)}
.float-icon{background:#f7ecd7;color:#a2793b}
.hero-backdrop span{border-color:#d7e7ff0d}
.value-strip{background:#fff;border-bottom:1px solid #e4e9f2;display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:28px max(5.5vw,26px);
 box-shadow:0 12px 36px #14294305}
.value-item{display:flex;align-items:center;gap:15px;min-width:0;padding:7px 20px}
.value-item:first-child{padding-left:0}
.value-item+ .value-item{border-left:1px solid #e3e9f2}
.value-icon{width:47px;height:47px;border-radius:14px;background:#f1f5fc;
 color:#2b5087;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}
.value-item div{display:grid;gap:2px}.value-item strong{font-size:.84rem;color:#1c2e4c}
.value-item small{font-size:.74rem;color:#63718a;line-height:1.4}
.section{padding:87px max(5.5vw,26px)}
.section-title{margin-bottom:34px;align-items:end}
.overline{font-size:.68rem;font-weight:790;letter-spacing:.165em;color:#876020}
.section-title h2{font-weight:835;font-size:clamp(2.1rem,3.2vw,3.65rem);line-height:1.16}
.section-title h2 em{font-style:normal;color:#a67730}
.section-title>p{color:#556881;font-size:.9rem}
.goal-section{background:#fff}
.goal-grid{gap:15px}
.goal-item{border:1px solid #e0e6ef;background:#fafbfe;border-radius:18px;padding:25px;min-height:190px;
 box-shadow:0 10px 25px rgba(35,62,107,.025);transition:transform .22s,box-shadow .22s,border-color .22s}
.goal-item:nth-child(1){background:linear-gradient(145deg,#f0f5fd,#fff)}
.goal-item:nth-child(2){background:linear-gradient(145deg,#fdf8ee,#fff)}
.goal-item:nth-child(3){background:linear-gradient(145deg,#f5f3ff,#fff)}
.goal-item:nth-child(4){background:linear-gradient(145deg,#eff9f6,#fff)}
.goal-item:hover{transform:translateY(-4px);background:#fff;border-color:#c3cbd9;box-shadow:var(--ui-shadow)}
.goal-item strong{font-size:2.45rem;letter-spacing:-.06em}
.goal-arrow{color:#6a819f;background:#ffffff95;border:1px solid #dfe7f2;
 border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font-size:1rem;right:19px;top:19px}
.goal-idx{color:#62728c}
.discover{background:#f6f8fc;border-top:1px solid #e9edf4;border-bottom:1px solid #e9edf4}
.count-pill{color:#506179;border-color:#d8e2ef;background:#fff}
.discovery-layout{grid-template-columns:268px minmax(0,1fr);gap:22px}
.filter-panel,.listing,.teacher-card,.step{border-color:#e0e7f0;box-shadow:0 5px 17px #18325306}
.filter-panel{border-radius:18px;padding:23px;gap:17px;position:sticky;top:100px}
.filter-head h3{color:#132841}
.filter-head button{color:#2d508b}
.filter-panel label{font-size:.75rem;color:#405472}
.filter-panel :is(input,select){height:44px;border-radius:10px}
.filter-foot{color:#5c6f88}
.listing-grid{gap:18px}
.listing,.teacher-card{border-radius:19px;transition:transform .2s,box-shadow .2s,border-color .2s}
.listing{padding:25px;gap:14px}
.listing:before{content:"";height:4px;border-radius:99px;background:linear-gradient(90deg,#efc983,#e5edf8);
 margin:-25px -25px 6px;display:block}
.listing:hover,.teacher-card:hover{box-shadow:var(--ui-shadow);border-color:#c9d6e8}
.listing h3{font-size:1.35rem;letter-spacing:-.036em}
.tag{background:#edf3fb;color:#274777;border-radius:8px}
.listing-top .tag:nth-child(2){background:#faf1e2;color:#825620}
.inline-link{color:#234c85;text-decoration:underline;text-decoration-color:#c1d2e7;text-underline-offset:5px}
.teacher-section{background:#fff}
.teacher-card{padding:26px}
.teacher-avatar,.teacher-mini-avatar{border-radius:14px;background:#162b4c;color:#f3c77f}
.teacher-card-foot{border-color:#e3e9f0}
.empty-state,.loading-state{border:1px dashed #cbd8e8;border-radius:19px;
 background:linear-gradient(145deg,#fff,#f9fbff);padding:51px 32px}
.empty-state .empty-icon{background:#eff4fb;color:#365987}
.empty-state h3{font-size:1.3rem}
.empty-state a{color:#294f8b;text-decoration:underline;text-underline-offset:4px}
.how-section{background:#f6f8fc}
.step{border-radius:19px;padding:30px;position:relative;overflow:hidden}
.step:after{content:"";height:4px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#d9b274,#f2e5cd)}
.step>span{color:#875d29;font-size:.67rem}
.step-symbol{background:#f3f5fb;color:#264f87;border-radius:18px}
.teacher-cta{background:linear-gradient(120deg,#11223d,#1b3559);box-shadow:0 22px 65px #172c4a18}
.teacher-cta h2{font-size:clamp(2.65rem,4.1vw,4.55rem)}
.primary-button{background:#eabc74;border-radius:11px;color:#192b47}
.primary-button:hover{background:#f4d092}
.footer{background:#f7f9fc;border-top-color:#e2e8f1}
.footer-links a:hover{color:#94651e}
.detail-hero{background:radial-gradient(circle at 86% 5%,#25446c 0%,transparent 30%),#101f37}
.price-card,.cta-panel{border-radius:18px}
.review-card{box-shadow:0 5px 17px #18325308}
@media(max-width:1120px){
 .site-header nav{gap:13px}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
 .hero h1{font-size:clamp(3.1rem,5vw,4.9rem)}
 .visual-main{width:88%;padding:23px}
 .float-card{min-width:155px}
}
@media(max-width:950px){
 .site-header nav{display:none}
 .hero{grid-template-columns:1fr;min-height:0;gap:10px}
 .hero-copy{max-width:760px}
 .hero-visual{min-height:310px;max-width:510px}
 .visual-main{width:77%;min-height:290px;gap:13px;padding:21px}
 .visual-welcome{margin-top:0}
 .visual-welcome strong{font-size:1.25rem}
 .visual-chip{width:48px;height:48px}
 .visual-lesson{padding:11px}
 .visual-actions span{padding:9px}
 .value-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .value-item{padding-inline:13px}
 .filter-panel{position:static}
}
@media(max-width:700px){
 .value-strip{grid-template-columns:1fr;padding:12px 20px}
 .value-item,.value-item:first-child{padding:14px 0}
 .value-item+.value-item{border-left:0;border-top:1px solid #e6eaf2}
}
@media(max-width:620px){
 .site-header{height:69px;padding:0 15px;gap:8px}
 .wordmark{font-size:1.24rem;gap:6px}
 .brand-mark{width:33px;height:33px;font-size:1.43rem}
 .header-actions{gap:6px}
 .header-teacher-join,.header-cta{min-height:37px;padding:8px 10px;font-size:.71rem}
 .header-cta-full{display:none}.header-cta-short{display:inline}
 .header-cta span[aria-hidden]{display:none}
 .hero{padding:56px 20px 33px;gap:7px}
 .hero h1{font-size:clamp(2.65rem,10.4vw,3.8rem);letter-spacing:-.066em;line-height:1.095}
 .hero-eyebrow{font-size:.62rem;letter-spacing:.12em;line-height:1.7;margin-bottom:20px}
 .hero-copy>p{font-size:.9rem;line-height:1.74;margin:20px 0 22px}
 .hero-search{max-width:100%;padding:9px;border-radius:14px;gap:2px;grid-template-columns:1fr}
 .hero-search select{height:43px;border-right:0;border-bottom:1px solid #e1e6ef}
 .hero-search input{height:43px;font-size:.82rem}
 .search-button{height:45px}
 .hero-under-search{margin-top:13px}
 .hero-teacher-link{font-size:.76rem;padding:0}
 .hero-micro{font-size:.65rem;margin-top:16px;line-height:1.6}
 .hero-visual{min-height:220px;max-width:370px;margin:23px auto 0}
 .visual-main{max-width:260px;min-height:210px;height:auto;gap:9px;padding:15px;border-radius:18px;transform:rotate(-2deg)}
 .visual-top{font-size:.44rem}.demo-caption{font-size:.38rem}
 .visual-welcome{gap:8px}.visual-chip{width:37px;height:37px;border-radius:10px;font-size:1.45rem}
 .visual-kicker{font-size:.43rem}.visual-welcome strong{font-size:.99rem;line-height:1.24}
 .visual-lesson{padding:8px;border-radius:10px;gap:8px}
 .lesson-sign{width:29px;height:29px;font-size:1rem;border-radius:8px}
 .visual-lesson strong{font-size:.65rem}.visual-lesson small{font-size:.53rem}
 .visual-actions span{font-size:.56rem;padding:7px 6px;gap:4px;border-radius:7px}
 .visual-actions b{font-size:.55rem}
 .float-card{min-width:112px;max-width:155px;gap:7px;padding:8px;border-radius:11px}
 .float-icon{width:26px;height:26px;font-size:1rem}
 .float-card strong{font-size:.62rem}
 .float-card small{font-size:.54rem}
 .float-a{top:0;left:-2%}.float-b{bottom:1%;right:-1%}
 .section{padding:62px 20px}
 .section-title h2{font-size:clamp(2rem,8vw,2.6rem)}
 .section-title>p{font-size:.84rem}
 .goal-grid{gap:10px}
 .goal-item{min-height:151px;padding:18px}
 .goal-item strong{font-size:2.06rem;margin-top:19px}
 .goal-arrow{right:12px;top:12px}
 .discovery-layout{gap:16px}
 .filter-panel{padding:17px}
 .listing{padding:20px}
 .listing:before{margin:-20px -20px 6px}
 .teacher-cta{margin:10px 20px 68px;padding:35px 23px}
 .teacher-cta h2{font-size:clamp(2.4rem,10vw,3.05rem)}
 .footer-links{gap:15px}
}
@media(max-width:365px){
 .wordmark{font-size:1.13rem}
 .header-teacher-join,.header-cta{font-size:.66rem;padding-inline:7px}
 .hero h1{font-size:2.55rem}
 .hero-micro{gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .site-header,.goal-item,.listing,.teacher-card,.header-teacher-join{transition:none!important}
}

/* Real catalog cards: prevent long names and price lines from expanding mobile viewport. */
.discovery-results,.discovery-layout,.listing-grid,.teacher-grid,.listing,
.teacher-card,.teacher-head,.listing-footer{min-width:0}
.listing h3,.listing-footer span,.teacher-card h3,.teacher-head strong{overflow-wrap:anywhere}
@media(max-width:700px){
 .discovery-layout,.listing-grid,.teacher-grid{grid-template-columns:minmax(0,1fr)}
 .discovery-results{width:100%;min-width:0}
 .listing-footer,.teacher-card-foot{flex-wrap:wrap;justify-content:flex-start;gap:9px 16px}
 .listing-footer .inline-link,.teacher-card-foot .inline-link{white-space:normal}
 .listing-top{min-width:0;overflow-wrap:anywhere}
 .teacher-head>span:last-child{min-width:0}
}

/* AA contrast for copyright and subdued footer metadata. */
.footer-bottom{color:#4c607a}
\n/* Real zero-content state: guide teachers to apply without inventing teachers. */
.empty-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.empty-actions a{border-radius:10px;padding:11px 15px;font-size:.79rem;font-weight:790}
.empty-actions .empty-primary{background:#192e4e;color:#fff;text-decoration:none}
.empty-actions .empty-primary:hover{background:#2a4e7c;color:#fff}
.empty-actions .empty-secondary{background:#fff;border:1px solid #d6e0ed;color:#294e80;text-decoration:none}
.empty-actions .empty-secondary:hover{background:#f3f6fc}
@media(max-width:600px){.empty-actions a{width:100%;text-align:center}}