/* Öğretmen Ol | Premium visual consistency with / and /panel */
:root{--navy:#101e36;--night:#101e36;--ink:#132642;--body:#52647e;
 --gold:#e5b76b;--gold-light:#f0cc8d;--line:#e2e8f2;--blue:#2b508b;
 --paper:#f7f9fc;--white:#fff;
 font-family:Inter,"Aptos",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{color:var(--ink);-webkit-font-smoothing:antialiased}
::selection{background:#efcc88;color:#162c4b}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #bd852c;outline-offset:4px}
.pilot-strip{background:#0d172a;font-size:.69rem;color:#d8e3f5;min-height:35px}
.header{position:sticky;top:0;z-index:14;height:80px;backdrop-filter:blur(14px);
 background:#fffffff4;border-bottom-color:#e2e8f2;padding-inline:max(4.8vw,26px)}
.header .brand{color:#12223c}
.brand-icon{background:#111e36;color:#e5b76b;box-shadow:0 4px 14px #182a4b13}
.header nav{gap:28px;font-weight:650}
.header-button{background:#13243f;color:#fff;border-color:#13243f;min-height:43px;
 padding:10px 17px;border-radius:10px}
.header-button:hover{background:#284065;color:#fff}
.hero{background:radial-gradient(circle at 84% 12%,#253e66 0%,transparent 34%),
 linear-gradient(125deg,#101d35 0%,#152641 58%,#0c182e);
 min-height:615px;align-items:center;padding:72px max(5.5vw,26px) 72px;gap:24px}
.hero:before{content:"";position:absolute;inset:0;opacity:.045;pointer-events:none;
 background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);
 background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-copy{max-width:800px}
.eyebrow{font-size:.66rem;letter-spacing:.16em;color:#f1cd91;margin-bottom:22px}
.eyebrow-line{background:#eac788}
.hero h1{font-size:clamp(3.2rem,5vw,5.8rem);line-height:1.07;letter-spacing:-.071em}
.hero h1 em{color:#eabe79}
.hero-copy>p{max-width:620px;font-size:1.03rem;line-height:1.87;color:#c4d1e3;margin:23px 0 27px}
.button{min-height:47px;border-radius:10px;font-size:.84rem}
.button.gold{color:#162842;background:#e7b973}.button.gold:hover{background:#f2d291}
.button.outline{border-color:#a0b4d274}
.hero-foot{margin-top:25px;font-size:.68rem;color:#becae0}
.hero-scene{min-height:450px}
.scene-ring{border-color:#9ab6e620}
.scene-panel{width:85%;max-width:425px;padding:28px;border:1px solid #ffffff32;
 background:linear-gradient(143deg,#3a5280,#162d4b 67%);border-radius:23px;
 transform:rotate(-3.6deg);box-shadow:0 35px 80px #030817b0}
.scene-top{font-size:.6rem}
.scene-profile>span{background:#f0c881}
.scene-title{font-size:2.1rem}
.scene-boxes div{border-color:#f1f4ff22}
.scene-boxes span{font-size:.69rem}
.scene-float{box-shadow:0 22px 65px #03091485}
.overline{font-size:.69rem;font-weight:820;letter-spacing:.16em;color:#835c24}
.section{padding:91px max(5.5vw,26px)}
.section-head h2{font-size:clamp(2.25rem,3.3vw,3.65rem)}
.section-head>p{color:#566a83}
.feature-grid{gap:17px}
.feature{border-color:#e1e8f1;border-radius:19px;box-shadow:0 7px 18px #162f5207;
 padding:29px;position:relative;transition:transform .2s,box-shadow .2s}
.feature:hover{transform:translateY(-3px);box-shadow:0 20px 60px #11254b14}
.feature:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;border-radius:19px 19px 0 0;
 background:linear-gradient(90deg,#eabf7b,#e8f1ff)}
.feature i{background:#f1f5fc;color:#315588}
.feature>span{color:#5d6f89}
.feature h3{color:#173150}
.feature p{color:#53667e}
.tracks{background:#f6f8fc}
.tracks-row span{border-radius:11px;background:#fff;color:#2c4b7c}
.process-grid article{border:1px solid #e1e8f1;border-radius:19px;
 background:#fff;box-shadow:0 6px 20px #15294b06;padding:32px}
.process-grid article>span{color:#835a27}
.apply-section{background:linear-gradient(132deg,#112039,#182c4d);padding:94px max(5.5vw,26px)}
.apply-side h2{line-height:1.08}
.apply-side h2 em{color:#ebc17b}
.apply-side>p{color:#c5d3e5}
.apply-proof small{color:#b1c1d7}
.apply-card{border:1px solid #e8edf5;border-radius:24px;padding:41px;
 box-shadow:0 35px 100px #050d2573}
.form-kicker{color:#875b20;font-weight:820}
.apply-card h3{color:#172b48}
.form-intro{color:#556880}
#teacher-application label,#teacher-application legend{color:#354e70}
#teacher-application input:not([type=checkbox]),
#teacher-application select,#teacher-application textarea{
 border-color:#cad6e6;border-radius:11px;transition:border-color .18s,box-shadow .18s}
#teacher-application input:not([type=checkbox]):focus-visible,
#teacher-application select:focus-visible,#teacher-application textarea:focus-visible{
 border-color:#4874ba;outline:3px solid #c9dbf5;outline-offset:0}
#teacher-application fieldset{border-radius:13px}
.form-legal{background:#f6f8fc;border-color:#e1e7f0}
.form-legal h4{color:#2e4c76}
.form-legal p{color:#4d627d}
.submit-button{background:#132846;color:#fff;font-size:.89rem;border-radius:11px}
.submit-button:hover{background:#244874}
.form-footnote{color:#52627b}
.success-view .success-icon{border:1px solid #c5e6d1}
.faq details{border-radius:13px;box-shadow:0 4px 14px #142b4a07}
.faq summary{color:#1d365a}
.withdraw-section{background:#eff4fb}
.withdraw-section button{background:#172d50}.withdraw-section button:hover{background:#2d4a74}
.footer{background:#101e36}.footer>div p{color:#aabbd4}
@media(max-width:950px){
 .hero{grid-template-columns:1fr}
 .hero-scene{min-height:325px;max-width:510px}
 .scene-panel{width:76%;padding:23px}
}
@media(max-width:620px){
 .header{height:69px;padding-inline:15px}
 .brand{font-size:1.24rem}
 .brand-icon{width:33px;height:33px;font-size:1.43rem}
 .header-button{font-size:.72rem;padding:8px 11px;min-height:37px}
 .hero{padding:52px 20px 34px;gap:10px}
 .hero h1{font-size:clamp(2.62rem,10.5vw,3.75rem);line-height:1.095}
 .hero-copy>p{font-size:.91rem;line-height:1.78;margin:20px 0 23px}
 .hero .eyebrow{font-size:.62rem;letter-spacing:.125em;line-height:1.7}
 .hero-actions{gap:9px}
 .hero .button{padding:12px 14px;font-size:.8rem}
 .hero-foot{margin-top:17px}
 .hero-scene{min-height:225px;margin-top:18px;max-width:370px}
 .scene-panel{width:79%;min-height:195px;padding:15px;border-radius:16px}
 .scene-top{font-size:.48rem}
 .scene-profile{gap:7px;margin:13px 0}
 .scene-profile>span{width:31px;height:31px;border-radius:9px;font-size:1.55rem}
 .scene-profile b{height:5px}
 .scene-title{font-size:1.31rem;margin-bottom:11px}
 .scene-boxes{gap:7px}
 .scene-boxes div{padding:7px 8px;border-radius:7px;font-size:1rem;gap:3px}
 .scene-boxes span{font-size:.52rem}
 .scene-float{min-width:105px;padding:7px;font-size:1.1rem;border-radius:10px;gap:7px}
 .scene-float span{font-size:.6rem}
 .section{padding:64px 20px}
 .section-head h2{font-size:2.3rem}
 .feature{padding:25px}
 .apply-section{padding:69px 18px}
 .apply-card{padding:25px 19px;border-radius:19px}
 .apply-side h2{font-size:clamp(3rem,11vw,3.7rem)}
 .form-grid{gap:14px}
 .form-legal p{font-size:.74rem}
 .footer{padding:46px 20px 23px}
}
@media(prefers-reduced-motion:reduce){.feature{transition:none}}