/* Öğretmen Marketplace • premium responsive public surfaces • all true user data */
:root{--navy:#101b36;--ink:#162441;--muted:#55647d;--gold:#e1b35f;--blue:#2651bd;--sky:#eaf2ff;--paper:#f7f9fc;--line:#e4e9f1;--white:#fff;--radius:18px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:var(--ink);background:#fff;scroll-behavior:smooth}
*,*:before,*:after{box-sizing:border-box}
body{margin:0;min-width:320px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
select{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
*:focus-visible{outline:3px solid #4a79ed;outline-offset:4px}
.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pilot-banner{min-height:35px;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;padding:7px 16px;color:#e9eefa;background:#101b36;font-size:.72rem;letter-spacing:.03em}
.pilot-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px #e1b35f21;flex-shrink:0}
.site-header{height:83px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(6vw,28px);background:var(--white);border-bottom:1px solid var(--line);position:relative;z-index:4}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:1.61rem;font-weight:850;letter-spacing:-.07em;white-space:nowrap}
.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--navy);color:var(--gold);border-radius:11px;font-size:1.65rem;letter-spacing:0}
.brand-dot{color:#dca647}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:.875rem;font-weight:600}
.site-header nav a{transition:color .2s}
.site-header nav a:hover,.footer a:hover{color:var(--blue)}
.header-cta{padding:11px 17px;border-radius:11px;border:1px solid #d9e1ef;font-size:.84rem;font-weight:750;white-space:nowrap;display:inline-flex;gap:10px}
.header-cta:hover{background:#f4f7ff}
.hero{position:relative;overflow:hidden;min-height:616px;background:var(--navy);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding:88px max(6vw,28px) 78px;gap:35px}
.hero-copy{position:relative;z-index:2;max-width:800px}
.hero-eyebrow,.overline,.tagline{font-size:.76rem;font-weight:750;letter-spacing:.18em;color:#ad813c}
.hero-eyebrow{color:#f0cb86;display:flex;align-items:center;gap:10px;margin-bottom:24px}
.eyebrow-mark{width:23px;height:1px;background:#edc27d}
.hero h1,.detail-hero h1{font-size:clamp(3.3rem,5.3vw,5.9rem);color:#fff;letter-spacing:-.072em;font-weight:800;line-height:1.035;margin:0}
.hero h1 em,.teacher-cta h2 em{font-style:normal;color:var(--gold)}
.hero-copy>p{color:#c3d0e4;max-width:590px;font-size:1.06rem;line-height:1.85;margin:25px 0 33px}
.hero-search{background:#fff;display:grid;grid-template-columns:165px minmax(0,1fr) 144px;align-items:center;border-radius:14px;box-shadow:0 23px 65px #02091770;padding:7px;max-width:750px}
.hero-search select,.hero-search input{height:47px;border:0;background:#fff;color:#253956;min-width:0;outline-offset:-4px}
.hero-search select{border-right:1px solid var(--line);padding:0 7px 0 12px;font-weight:700}
.hero-search input{padding:0 17px;font-size:.87rem}
.hero-search input::placeholder{color:#78869c}
.search-button{border:0;border-radius:10px;height:47px;background:var(--gold);color:#182540;font-size:.86rem;font-weight:800}
.search-button:hover{background:#eec67d}
.search-button span{margin-left:5px}
.hero-micro{margin-top:19px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#aebed7;font-size:.7rem}
.tiny-check{font-size:.74rem;color:#c79445;font-weight:900}
.micro-divider{width:3px;height:3px;border-radius:50%;background:#7a8baa}
.hero-visual{position:relative;min-width:0;align-self:center;min-height:405px;display:grid;place-items:center}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-a{width:310px;height:310px;background:linear-gradient(145deg,#24458b,#111b37);right:4%;top:0}
.orb-b{width:210px;height:210px;border:1px solid #51699966;left:8%;bottom:0}
.visual-main{width:75%;max-width:380px;height:337px;border:1px solid #8093b749;border-radius:26px;background:linear-gradient(145deg,#354c76b0,#192b4ca8);transform:rotate(-7deg);box-shadow:15px 34px 70px #02071182;padding:28px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(8px)}
.visual-top{display:flex;align-items:center;gap:8px;font-size:.6rem;letter-spacing:.1em;color:#e2e9f6;font-weight:750}
.visual-top span:last-child{margin-left:auto;font-size:1.2rem}
.visual-dot{width:8px;height:8px;border-radius:100%;background:#e1b35f;box-shadow:0 0 0 6px #e1b35f25}
.visual-symbol{font-size:9.6rem;line-height:1;font-weight:900;letter-spacing:-.16em;text-align:center;color:#e4b961}
.visual-symbol span{color:#fff}
.visual-bottom{display:grid;gap:12px}
.line-fake{height:9px;width:80%;background:#b3c2dd4b;border-radius:20px}
.line-fake.shorter{width:48%}
.float-card{position:absolute;display:flex;align-items:center;gap:13px;border:1px solid #d6dfef4d;background:#fff;box-shadow:0 20px 40px #03122c55;border-radius:15px;padding:14px 16px;max-width:260px;min-width:200px}
.float-card strong{display:block;font-size:.78rem}
.float-card small{font-size:.66rem;color:var(--muted)}
.float-icon{background:#f5ead6;color:#a77a37;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem}
.float-a{top:13%;left:-7%;transform:rotate(-4deg)}
.float-b{bottom:0;right:-5%;transform:rotate(5deg)}
.section{padding:92px max(6vw,28px);scroll-margin-top:25px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}
.section-title h2,.cta-panel h2{font-size:clamp(2rem,3vw,3.4rem);letter-spacing:-.058em;line-height:1.13;margin:12px 0 0;font-weight:800}
.section-title>p{font-size:.94rem;color:var(--muted);max-width:365px;line-height:1.75;margin:0}
.goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.goal-item{display:grid;align-content:start;position:relative;min-height:185px;border-radius:17px;background:var(--paper);border:1px solid var(--line);padding:21px;transition:background .2s,transform .2s,border-color .2s}
.goal-item:hover{transform:translateY(-4px);background:#ecf2ff;border-color:#aebfe2}
.goal-idx{font-size:.7rem;color:#6a7891;font-weight:700}
.goal-item strong{font-size:2.35rem;font-weight:800;letter-spacing:-.055em;margin-top:16px}
.goal-item>span:nth-of-type(2){color:var(--muted);font-size:.78rem;margin-top:4px}
.goal-arrow{position:absolute;right:20px;top:19px;color:#3058aa;font-size:1.2rem}
.discover{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.count-pill{border:1px solid #d8e0ef;border-radius:30px;padding:8px 14px;color:#4c5a72;font-size:.76rem}
.discovery-layout{display:grid;grid-template-columns:254px minmax(0,1fr);gap:25px;align-items:start}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px;display:grid;gap:17px}
.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.filter-head h3{font-size:1.12rem;margin:0}
.filter-head button{background:none;border:0;color:var(--blue);font-size:.8rem;font-weight:700}
.filter-panel label{display:grid;gap:7px;font-size:.74rem;font-weight:750;color:#495872}
.filter-panel select,.filter-panel input{width:100%;height:43px;border:1px solid #d6dfec;border-radius:9px;background:#fff;padding:0 12px;outline-offset:0;color:#263a58;font-size:.87rem;font-weight:500}
.filter-panel select:focus-visible,.filter-panel input:focus-visible{border-color:#4376e3}
.filter-foot{font-size:.73rem;color:#63718a;display:flex;gap:8px;padding-top:15px;border-top:1px solid var(--line);line-height:1.55}
.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.listing{min-width:0;background:#fff;border:1px solid var(--line);padding:25px;border-radius:17px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s}
.listing:hover,.teacher-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #132e5712}
.listing-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.tag{display:inline-flex;font-size:.72rem;padding:6px 10px;border-radius:7px;font-weight:700;background:#eaf1ff;color:#284b91;line-height:1.3}
.listing-top .tag:nth-child(2){background:#f8f1e6;color:#966827}
.listing h3{font-size:1.37rem;line-height:1.3;letter-spacing:-.03em;margin:0}
.listing h3 a:hover{color:var(--blue)}
.listing .clamp{line-height:1.78;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--muted);font-size:.86rem;margin:0;flex:1;overflow-wrap:anywhere}
.listing-footer{padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem}
.listing-footer strong{font-size:.93rem;color:#1c355b}
.inline-link{white-space:nowrap;color:var(--blue);font-weight:750}
.teacher-section{background:#fff}
.teacher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.teacher-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;min-width:0;transition:all .2s}
.teacher-head{display:flex;gap:15px;align-items:center}
.teacher-avatar,.teacher-mini-avatar{border-radius:16px;display:grid;place-items:center;color:#f4ca7d;background:#1b2b4d;font-weight:850}
.teacher-avatar{width:66px;height:66px;font-size:2rem;flex-shrink:0}
.teacher-mini-avatar{width:45px;height:45px;font-size:1.3rem;flex-shrink:0}
.teacher-card h3{font-size:1.12rem;margin:0 0 4px}
.teacher-card .teacher-subject{font-size:.8rem;color:var(--muted)}
.teacher-card p{color:var(--muted);font-size:.84rem;line-height:1.8;margin:23px 0 25px;min-height:72px;overflow-wrap:anywhere}
.teacher-card-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font-size:.79rem;align-items:center;gap:8px}
.loading-state,.empty-state{grid-column:1/-1;border-radius:18px;text-align:center;padding:50px 28px;border:1px dashed #c6d4e9;background:#fff;color:#61718c}
.empty-state .empty-icon{width:65px;height:65px;display:grid;place-items:center;background:#eaf1ff;border-radius:18px;margin:0 auto 18px;color:#4167b6;font-size:1.7rem}
.empty-state h3{color:var(--ink);font-size:1.37rem;margin:0 0 11px;letter-spacing:-.025em}
.empty-state p{max-width:430px;margin:0 auto 18px;line-height:1.65}
.empty-state a{display:inline-block;color:#284fb1;font-weight:800;font-size:.84rem}
.how-section{background:#f2f5fa}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.step{background:#fff;border:1px solid var(--line);padding:32px;border-radius:18px}
.step>span{letter-spacing:.13em;color:#9a7943;font-size:.72rem;font-weight:800}
.step-symbol{width:70px;height:70px;border-radius:18px;background:#f0f4fc;display:grid;place-items:center;color:#3155a7;font-size:2.2rem;margin:28px 0 23px}
.step h3{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 12px}
.step p{line-height:1.8;color:var(--muted);font-size:.87rem;margin:0}
.teacher-cta{margin:45px max(6vw,28px) 92px;background:var(--navy);border-radius:26px;min-height:360px;color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:45px max(5vw,30px);gap:15px}
.teacher-cta h2{font-size:clamp(2.7rem,4.4vw,4.7rem);letter-spacing:-.065em;line-height:1.08;margin:17px 0}
.teacher-cta p{color:#bbc9dd;max-width:560px;font-size:.95rem;line-height:1.8}
.teacher-cta .overline{color:var(--gold)}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:12px 22px;border-radius:10px;font-size:.88rem;font-weight:800}
.primary-button{background:var(--gold);color:var(--navy);margin-top:12px}
.primary-button:hover{background:#f3cb84}
.secondary-button{border:1px solid #c4d0e1;color:var(--navy);background:#fff}
.teacher-cta-icon{font-size:16rem;line-height:1;letter-spacing:-.13em;opacity:.2;font-weight:900;transform:rotate(-11deg);white-space:nowrap}
.teacher-cta-icon span{color:var(--gold)}
.footer{background:#f7f9fc;border-top:1px solid var(--line);padding:47px max(6vw,28px) 25px}
.footer-inner{display:flex;justify-content:space-between;gap:30px}
.footer p{color:var(--muted);font-size:.82rem;max-width:360px;line-height:1.8;margin:15px 0}
.footer-links{display:flex;gap:30px;font-weight:650;font-size:.86rem;padding-top:10px}
.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:21px;color:#68788f;font-size:.73rem}
.muted,.tiny{color:var(--muted)}
.tiny{font-size:.75rem}
.fine-print{font-size:.76rem;color:#6c7c91;line-height:1.7;margin-top:16px}
.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:center;background:#101b36;padding:76px max(6vw,28px);color:white;min-height:390px}
.detail-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);margin:22px 0 12px}
.detail-hero .tagline{color:#e0b35f}
.detail-hero .tag{background:#2c426b;color:#dbe7fd}
.eyebrow-link{color:#aebddd;font-size:.78rem}
.hero-lead{color:#c3cde0;font-size:1.1rem;max-width:650px;line-height:1.8}
.profile-emblem{width:210px;height:210px;border-radius:30px;display:grid;place-items:center;border:1px solid #6381b576;font-size:7rem;font-weight:850;color:var(--gold);background:linear-gradient(145deg,#30456e,#1b2c4e)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.narrow{max-width:930px}
.readable{font-size:1.02rem;line-height:1.95;color:#40516d;white-space:pre-wrap;overflow-wrap:anywhere}
.section h3{font-size:1.2rem;letter-spacing:-.025em}
.cta-panel{background:var(--paper);margin:0 max(6vw,28px) 85px;padding:36px 42px;border-radius:20px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.cta-panel p{color:var(--muted);line-height:1.8;max-width:640px}
.teacher-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #6f83ab6e;padding:11px 17px;border-radius:11px;margin-top:13px}
.teacher-link small{display:block;color:#bdd0ef}
.price-card{padding:26px;border-radius:17px;background:#fff;color:var(--ink);display:grid;gap:14px}
.price-card>strong{font-size:2rem;letter-spacing:-.05em}
.price-card p{font-size:.85rem;line-height:1.65;color:var(--muted);margin:0}
.price-card small{font-size:.71rem;line-height:1.65}
.price-card .primary-button{margin:0}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:25px}
.spec-grid>div{display:grid;gap:6px;background:var(--paper);padding:17px;border-radius:12px}
.spec-grid small{font-size:.73rem;color:var(--muted)}
.spec-grid strong{font-size:1rem}
.slot-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.slot-pill{display:grid;gap:3px;border:1px solid #b8c9e7;background:#eff4fd;padding:10px 16px;border-radius:11px;min-width:143px;font-size:.79rem}
.slot-pill strong{color:#19335f}
.slot-pill span{color:#51637d}
.slot-list .empty-state{flex:1}
@media(max-width:1180px){.site-header nav{gap:14px}.hero{grid-template-columns:1.15fr .85fr;padding-top:75px}.visual-main{height:280px}.hero-visual{min-height:320px}.float-card{min-width:170px}.teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:12px;padding-bottom:56px}.hero-copy{max-width:800px}.hero-visual{min-height:250px;max-width:470px;margin:auto;width:100%}.visual-main{height:230px;max-width:260px}.visual-symbol{font-size:6.5rem}.float-a{top:0;left:0}.float-b{bottom:0;right:0}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-layout{grid-template-columns:1fr}.filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-head,.filter-foot{grid-column:1/-1}.site-header nav{display:none}}
@media(max-width:620px){.site-header{height:67px;padding:0 18px}.wordmark{font-size:1.35rem}.brand-mark{width:33px;height:33px;font-size:1.4rem}.header-cta{padding:9px 10px;font-size:.74rem}.pilot-banner{font-size:.65rem}.hero{padding:51px 20px 48px;min-height:0}.hero h1{font-size:clamp(3rem,11vw,4rem)}.hero-copy>p{font-size:.92rem;margin:22px 0}.hero-search{grid-template-columns:1fr;gap:5px;padding:11px}.hero-search select{border-right:0;border-bottom:1px solid var(--line);padding:0 10px}.hero-search input{height:47px;padding:0 10px}.search-button{width:100%}.hero-visual{min-height:205px;margin-top:12px}.float-card{min-width:153px;padding:9px;gap:7px}.float-icon{width:32px;height:32px}.float-card small{font-size:.59rem}.visual-main{height:180px;padding:17px;max-width:200px}.visual-symbol{font-size:4.7rem}.visual-top{font-size:.46rem}.hero-micro{gap:7px}.section{padding:65px 20px}.section-title{align-items:start;flex-direction:column;gap:13px;margin-bottom:25px}.section-title h2{font-size:2rem}.goal-grid{gap:9px}.goal-item{min-height:155px;padding:17px}.goal-item strong{font-size:2rem}.goal-item>span:nth-of-type(2){font-size:.7rem}.filter-panel{padding:16px;gap:12px}.listing-grid,.teacher-grid,.step-grid{grid-template-columns:1fr}.listing{padding:20px}.teacher-card p{min-height:0}.teacher-cta{margin:10px 20px 65px;padding:32px 23px;min-height:0}.teacher-cta h2{font-size:2.8rem}.teacher-cta-icon{display:none}.footer{padding:36px 20px 20px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}.detail-hero{grid-template-columns:1fr;padding:53px 20px}.profile-emblem{width:120px;height:120px;border-radius:18px;font-size:4rem}.price-card{max-width:none}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{margin:0 20px 65px;padding:28px 22px}}
@media(max-width:370px){.goal-grid{grid-template-columns:1fr 1fr}.filter-panel{grid-template-columns:1fr}.filter-head,.filter-foot{grid-column:auto}.listing-footer{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hero atmosphere stays out of the layout grid: one copy column, one visual column. */
.hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-backdrop span{position:absolute;border:1px solid #c3d7ff13;border-radius:50%;aspect-ratio:1}
.hero-backdrop span:nth-child(1){width:700px;right:-330px;top:-330px}
.hero-backdrop span:nth-child(2){width:980px;right:-430px;top:-470px}
.hero-backdrop span:nth-child(3){width:1150px;right:-510px;top:-550px}
.hero-visual{z-index:1}

/* Only moderated, confirmed lessons generate rating visuals. */
.verified-rating{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;padding:8px 12px;border:1px solid #d9c89d;background:#fff7e9;border-radius:9px;color:#86621f;font-size:.79rem;font-weight:770;line-height:1.4}
.detail-hero .verified-rating{background:#293b5c;color:#f4d393;border-color:#8e764e66;margin:9px 0}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.review-card{padding:25px;border:1px solid #e0e8f2;border-radius:17px;background:#fff}
.review-stars{color:#d19b3e;font-size:1.35rem;letter-spacing:.065em}
.review-card p{line-height:1.8;color:#3e516b;font-size:.9rem;overflow-wrap:anywhere;white-space:pre-wrap;margin:16px 0}
.review-card small{color:#66758d;font-size:.72rem}
@media(max-width:920px){.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.review-grid{grid-template-columns:1fr}.review-card{padding:21px}}