:root{--kf-ink:#153836;--kf-deep:#102b29;--kf-orange:#ff6746;--kf-cream:#f7f2e8;--kf-paper:#fffcf5;--kf-line:#c8d3c9;--kf-muted:#536b66;--kf-mint:#c4e1d4}
html{scroll-padding-top:20px}
body{background:var(--kf-cream);color:var(--kf-ink)}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--kf-orange);outline-offset:3px}
.site-header{background:var(--kf-cream);color:var(--kf-ink);border-bottom:2px solid var(--kf-ink)}
.nav{height:86px}
.brand{font-size:23px;letter-spacing:-.04em}
.brand-symbol{width:48px;height:48px;border-radius:0;background:transparent}
.brand small{color:#778c83;letter-spacing:.26em}
.nav nav{color:var(--kf-ink);font-weight:700}
.nav nav a:hover,.footer-grid a:hover{color:var(--kf-orange)}
.nav-action{background:var(--kf-orange);color:var(--kf-deep);border:2px solid var(--kf-ink);border-radius:0;font-weight:900;padding:9px 18px;box-shadow:4px 4px 0 var(--kf-ink)}
.hero{position:relative;background:#e9eee4;color:var(--kf-ink);padding:80px 0 76px;border-bottom:2px solid var(--kf-ink);background-image:linear-gradient(90deg,rgba(21,56,54,.055) 1px,transparent 1px),linear-gradient(rgba(21,56,54,.055) 1px,transparent 1px);background-size:34px 34px}
.hero:before{content:'دیده‌بانیِ کنکور';position:absolute;left:1.5vw;top:30px;writing-mode:vertical-rl;color:#49756a;font-size:12px;font-weight:800;letter-spacing:.2em}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(350px,.78fr);gap:7vw}
.eyebrow,.eyebrow.dark{color:#b44731;letter-spacing:.06em;font-weight:900}
.hero .eyebrow:before,.section-intro .eyebrow:before,.directory .eyebrow:before,.method .eyebrow:before{content:'';display:inline-block;width:9px;height:9px;background:var(--kf-orange);margin-left:8px;vertical-align:middle;transform:rotate(45deg)}
.hero h1{font-size:clamp(50px,5.9vw,88px);line-height:1.18;max-width:720px;margin-bottom:26px;letter-spacing:-.055em}
.hero h1 em{color:var(--kf-orange);text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:11px}
.hero-lead{color:#355550;font-size:17px;max-width:630px;line-height:2}
.hero-actions{margin:32px 0 46px}
.button{border-radius:0;border:2px solid var(--kf-ink);box-shadow:4px 4px 0 var(--kf-ink);transition:transform .15s,box-shadow .15s}
.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--kf-ink)}
.button.primary{background:var(--kf-orange);color:var(--kf-deep)}
.button.ghost{background:var(--kf-paper);color:var(--kf-ink);border-color:var(--kf-ink)}
.hero-stats{gap:0;border-top:2px solid var(--kf-ink);max-width:580px;padding-top:18px}
.hero-stats div{min-width:0;flex:1;border-right:1px solid #a7bcb1;padding:0 16px}
.hero-stats div:first-child{border-right:0;padding-right:0}
.hero-stats strong{font-size:34px;color:var(--kf-ink)}
.hero-stats span{font-size:11px;color:#59736b}
.hero-panel{position:relative;isolation:isolate;background:var(--kf-ink);color:var(--kf-paper);border:2px solid var(--kf-ink);border-radius:0;padding:32px 34px;box-shadow:14px 14px 0 var(--kf-orange);transform:none;overflow:hidden}
.hero-panel:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;border:1px solid #8eb9a96a;border-radius:50%;top:-225px;left:-100px;box-shadow:0 0 0 44px #8eb9a912,0 0 0 88px #8eb9a90c}
.hero-panel:after{content:'KF / 01';position:absolute;left:32px;top:29px;color:#a5c8b9;font:700 12px Arial;letter-spacing:.2em}
.panel-caption{display:inline-block;background:var(--kf-orange);color:var(--kf-deep);padding:5px 10px;font-size:11px;letter-spacing:.03em}
.panel-item{border-bottom:1px solid #779b8b7c;padding:24px 0}
.panel-item b{color:var(--kf-orange);font:700 26px Arial}
.panel-item span{font-size:20px}
.panel-item small{color:#bbd3c8}
.hero-panel p{color:#a9c8bb;font-size:12px;line-height:1.8}
.section-intro{padding:72px 0 68px}
.section-intro h2,.directory h2,.teacher-callout h2{letter-spacing:-.04em}
.section-intro p:not(.eyebrow),.directory-top p:not(.eyebrow),.teacher-callout p:not(.eyebrow){color:var(--kf-muted)}
.category-grid{gap:0;border:2px solid var(--kf-ink)}
.category-card{background:var(--kf-paper);border:0;border-left:1px solid var(--kf-ink);border-radius:0;min-height:215px;padding:21px;transition:background .15s,transform .15s}
.category-card:last-child{border-left:0}
.category-card:nth-child(2){background:#d9e8db}.category-card:nth-child(3){background:#ffdfd2}.category-card:nth-child(4){background:#e7e7d7}
.category-card.purple{background:var(--kf-ink);color:var(--kf-paper)}
.category-card:hover{transform:none;background:#f6bf9d}
.category-card span{font-size:11px;color:#49675d;font-weight:800}
.category-card.purple span,.category-card.purple small{color:#b8d0c5}
.category-card strong{font-size:21px;margin:27px 0 8px}
.category-card small{font-size:11px;color:#5d716a}
.category-card i{font-size:23px;left:18px;bottom:16px}
.directory{padding:42px 0 90px}
.directory-top{border-top:2px solid var(--kf-ink);padding-top:32px}
.search label{font-size:13px;color:var(--kf-ink)}
.search input{background:var(--kf-paper);border:2px solid var(--kf-ink);border-radius:0;padding:14px 17px}
.search input:focus{border-color:var(--kf-orange);box-shadow:4px 4px 0 var(--kf-ink)}
.filters{gap:7px;margin:28px 0 12px}
.filters button{border:1px solid var(--kf-ink);border-radius:0;background:transparent;color:var(--kf-ink);font-weight:700;padding:10px 16px}
.filters button.active{background:var(--kf-orange);color:var(--kf-deep);border-color:var(--kf-ink)}
.result-count{color:var(--kf-muted);font-weight:700}
.entries{gap:14px}
.entry{background:var(--kf-paper);border:1.5px solid var(--kf-ink);border-radius:0;padding:23px;grid-template-columns:104px minmax(0,1fr);gap:20px;box-shadow:5px 5px 0 #cad6c9}
.entry:nth-child(4n+2){box-shadow:5px 5px 0 #f6c8b7}
.entry-mark{width:104px;height:104px;border:1px solid #d4dfd3;border-radius:0;background:#e9ede5;color:var(--kf-ink)}
.entry-mark.logo img{padding:9px}
.entry .kind{display:inline-block;background:var(--kf-mint);color:var(--kf-ink);font-size:10px;padding:3px 8px;margin-bottom:4px}
.entry h3{font-size:22px;line-height:1.4;margin:2px 0 6px}
.entry .meta{color:#557169}
.entry .about{color:#34534d;font-size:13px}
.entry-footer{border-top:1px solid var(--kf-line);padding-top:14px}
.entry-footer a,.entry-footer button{border-radius:0;border:1px solid var(--kf-ink);color:var(--kf-ink);background:transparent;font-weight:800}
.entry-footer button{background:var(--kf-orange)}
.entry-result,.entry .image-note{color:#6b8179}
.teacher-callout{position:relative;background:#d7e8dc;border:2px solid var(--kf-ink);border-radius:0;padding:44px;margin-bottom:78px;box-shadow:9px 9px 0 var(--kf-ink)}
.teacher-callout:before{content:'↖';position:absolute;left:40px;top:17px;font-size:70px;line-height:1;color:var(--kf-orange);opacity:.85}
.button.dark{background:var(--kf-ink);color:var(--kf-paper)}
.method{background:var(--kf-ink);color:var(--kf-paper);padding:76px 0}
.method h2 em{color:var(--kf-orange)}
.method-grid article{border-top:2px solid #83a79a;padding-top:20px}
.method-grid span{color:var(--kf-orange)}
.method-grid p{color:#bdd2c8}
footer{background:var(--kf-deep);color:var(--kf-paper);border-top:4px solid var(--kf-orange)}
.footer-grid p{color:#adcbc0}
nav.guide-links{border-top:1px solid var(--kf-line);padding-block:34px}
nav.guide-links a{background:transparent;border:1px solid var(--kf-line);border-radius:0;color:var(--kf-ink);font-weight:700}
dialog{border:2px solid var(--kf-ink);border-radius:0;color:var(--kf-ink);background:var(--kf-paper);box-shadow:12px 12px 0 var(--kf-orange)}
dialog::backdrop{background:#102b29b8}
.dialog-head button{background:var(--kf-mint);border-radius:0}
.rating-options span{border-radius:0;border-color:var(--kf-line)}
.rating-options input:checked+span{background:var(--kf-ink);border-color:var(--kf-ink)}
@media(max-width:1100px){.hero-grid{gap:38px}.hero:before{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.category-card{border-bottom:1px solid var(--kf-ink)}}
@media(max-width:700px){.wrap{width:min(100% - 30px,1240px)}.nav{height:76px}.brand{font-size:19px}.brand-symbol{width:42px;height:42px}.nav-action{font-size:11px;padding:8px 10px}.hero{padding:55px 0 58px}.hero-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(46px,12vw,62px)}.hero-lead{font-size:15px}.hero-panel{padding:26px;box-shadow:8px 8px 0 var(--kf-orange)}.hero-stats strong{font-size:28px}.hero-stats div{padding:0 9px}.hero-stats span{font-size:10px}.section-intro{padding:58px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:165px;padding:16px}.category-card:nth-child(even){border-left:0}.category-card strong{font-size:17px;margin:20px 0 7px}.directory{padding-top:20px}.entries{grid-template-columns:1fr}.entry{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:15px;box-shadow:4px 4px 0 #cad6c9}.entry-mark{width:84px;height:84px}.entry h3{font-size:19px}.teacher-callout{padding:28px;box-shadow:6px 6px 0 var(--kf-ink)}.teacher-callout:before{display:none}.method{padding:60px 0}.footer-grid{grid-template-columns:1fr}}
@media(max-width:380px){.entry{grid-template-columns:76px minmax(0,1fr)}.entry-mark{width:76px;height:76px}.entry-footer a,.entry-footer button{font-size:11px;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.button,.category-card{transition:none}}
