/* BasitYolu v1.4.0: Homepage redesign. Scoped so admin/account pages remain untouched. */
.home-page{background:#fff;color:#1d3049}
.home-page .site-header{box-shadow:0 5px 26px rgba(34,67,113,.04)}
.home-page .main-nav{gap:29px}
.home-page .main-nav a{transition:color .18s}
.home-page .main-nav a:hover{color:#126bdc}
.home-page .hero{background:radial-gradient(ellipse at 72% 38%,#e4f7fc 0%,transparent 35%),linear-gradient(115deg,#f7faff 0%,#fdfefe 57%,#ebf5ff 100%)}
.home-page .hero-copy{padding-top:73px;padding-bottom:71px}
.home-page .eyebrow{border-color:#cfe4fa;background:#e7f4ff}
.home-page .hero-description{font-size:15px;line-height:1.9}
.home-page .hero-search-block{position:relative;width:min(568px,100%);z-index:25}
.home-page .hero-search-wrap{width:100%;filter:drop-shadow(0 9px 18px rgba(24,78,145,.08))}
.home-page .search-box{border-radius:15px;height:65px;border-color:#cfdeef;box-shadow:0 2px 0 rgba(25,76,129,.025);transition:border-color .2s,box-shadow .2s}
.home-page .search-box:focus-within{border-color:#6ba4ef;box-shadow:0 0 0 4px rgba(66,137,233,.13)}
.home-page .search-box input{font-size:14px;width:100%;outline:0}
.home-page .search-shortcut{font-size:10px;font-weight:800;border-radius:6px;background:#f4f7fb;color:#8191a4}
.home-page .search-go{border-radius:15px;background:linear-gradient(140deg,#287de8,#1659ca);box-shadow:0 9px 21px #256fda25}
.home-page .search-go:hover{background:#124fae}
.home-page .search-suggestions{position:absolute;left:0;right:69px;top:calc(100% + 9px);background:#fff;box-shadow:0 20px 55px #193d722e;border:1px solid #dbe5f2;border-radius:16px;padding:9px;z-index:45}
.home-page .search-suggestions[hidden]{display:none}
.home-page .suggestion-heading{font-size:11px;color:#7b8aa0;font-weight:800;display:flex;justify-content:space-between;padding:10px 12px 8px}
.home-page .suggestion-heading span{font-weight:500}
.home-page .suggestion-item{width:100%;border:0;background:transparent;border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:12px;text-align:left;color:#1d3049}
.home-page .suggestion-item:is(:hover,.active){background:#f0f6ff}
.home-page .suggestion-item>b{font-size:12px}
.home-page .suggestion-item>span:nth-child(2){min-width:0;flex:1;display:grid;gap:2px}
.home-page .suggestion-item b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .suggestion-item small{color:#8190a0;font-size:10px}
.home-page .suggestion-item>span:last-child{color:#3479d5}
.home-page .suggestion-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.home-page .hero-reassurance{flex-wrap:wrap}
.home-page .tools-section{background:linear-gradient(180deg,#fff 0%,#fbfdff 72%,#fff 100%)}
.home-page .section-heading-row{align-items:center;margin-bottom:27px}
.home-page .section-heading-row h2{max-width:760px;letter-spacing:-1.6px}
.home-page .tools-count{background:#e9f4ff;border-color:#cfe3fa;color:#2562b1;padding:10px 15px}
.home-page .personal-space{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
.home-page .personal-section{border:1px solid #e3eaf5;border-radius:20px;min-width:0;padding:18px 20px;background:linear-gradient(124deg,#fbfdff,#f5faff);box-shadow:0 6px 25px rgba(27,77,132,.045)}
.home-page #recentPanel{background:linear-gradient(124deg,#fffefa,#f6fbfc)}
.home-page .personal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-height:29px}
.home-page .personal-heading>div{display:flex;align-items:center;gap:10px;min-width:0}
.home-page .personal-heading h3{font-size:14px;letter-spacing:-.3px;margin:0;white-space:nowrap}
.home-page .personal-heading>span,.home-page .personal-clear{font-size:10px;color:#7d90a6;white-space:nowrap}
.home-page .personal-clear{border:0;background:transparent;text-decoration:underline;padding:6px 0}
.home-page .personal-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e5f0ff;color:#2b70d0;font-size:18px;flex-shrink:0}
.home-page .personal-dot-recent{background:#e5f7f3;color:#159a89}
.home-page .personal-items{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:42px}
.home-page .personal-empty{color:#8796a8;font-size:12px;line-height:1.6;margin:0}
.home-page .personal-empty b{font-size:15px;color:#4d83cc}
.home-page .personal-item{display:inline-flex;min-width:0;max-width:100%;align-items:center;border:1px solid #d9e6f4;border-radius:10px;background:white;box-shadow:0 2px 7px #2053a509}
.home-page .personal-open{background:transparent;border:0;display:flex;align-items:center;gap:7px;min-width:0;padding:6px 9px 6px 6px;color:#355370;font-size:11px;font-weight:750}
.home-page .personal-open>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:142px}
.home-page .personal-open>span:last-child{color:#2574d4}
.home-page .personal-mini-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;flex-shrink:0}
.home-page .personal-remove{border:0;border-left:1px solid #e2ebf5;background:transparent;padding:8px;color:#9ba9b8;font-size:16px;align-self:stretch;line-height:1}
.home-page .personal-remove:hover{color:#d6456b}
.home-page .tools-toolbar{background:#fff;border:1px solid #e5ebf4;border-radius:19px;padding:18px 18px 12px;margin-bottom:24px;box-shadow:0 3px 12px rgba(32,79,131,.03)}
.home-page .category-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px}
.home-page .tab{font-size:12px;border-color:#e2e9f2;border-radius:10px;padding:10px 12px;display:inline-flex;align-items:center;gap:6px}
.home-page .tab:hover{background:#f3f8fe}
.home-page .tab.active:hover{background:#1c67d7}
.home-page .tab span{margin-right:2px}
.home-page .tab small{font-size:10px;min-width:18px;padding:2px 4px;border-radius:7px;background:#f2f6fa;color:#8a9bad;font-weight:800;text-align:center}
.home-page .tab.active small{background:#ffffff2e;color:#fff}
.home-page .tools-toolbar-row{border-top:1px solid #eef2f7;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.home-page .active-filter-label{font-size:12px;color:#8292a5;overflow-wrap:anywhere}
.home-page .tools-toolbar-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.home-page .sort-label{font-size:11px;color:#6b8197;font-weight:750}
.home-page .tool-sort{background:#f8faff;color:#2e4b70;border:1px solid #dae5f3;border-radius:9px;font-size:12px;font-weight:800;padding:10px 30px 10px 12px;max-width:180px;cursor:pointer}
.home-page .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.home-page .tool-card{min-width:0;min-height:249px;padding:20px;border-radius:18px;box-shadow:0 4px 18px rgba(24,64,121,.04);transition:transform .18s,border-color .18s,box-shadow .18s}
.home-page .tool-card:hover{box-shadow:0 16px 35px rgba(24,64,121,.11);transform:translateY(-3px)}
.home-page .tool-card-top{margin:0 0 16px;align-items:start}
.home-page .tool-icon{width:50px;height:50px;border-radius:14px}
.home-page .tool-top-actions{display:flex;align-items:center;gap:5px;min-height:29px}
.home-page .tool-badge{border-radius:7px;font-size:10px;padding:5px 7px}
.home-page .tool-fav{background:#f6f9fc;border:1px solid #e6edf5;border-radius:9px;display:grid;place-items:center;width:32px;height:32px;color:#a6b4c4;flex-shrink:0;transition:color .15s,background .15s,border-color .15s}
.home-page .tool-fav svg{width:15px;height:15px;fill:none}
.home-page .tool-fav:hover{color:#e4a019;border-color:#e8d4a4;background:#fffaf0}
.home-page .tool-fav.is-favorite{background:#fff6db;border-color:#f3d88a;color:#d29a20}
.home-page .tool-fav.is-favorite svg{fill:currentColor}
.home-page .tool-card-main{width:100%;display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;border:0;background:transparent;padding:0;color:inherit}
.home-page .tool-card-main h3{font-size:15px;letter-spacing:-.4px;font-weight:800;margin:0 0 10px}
.home-page .tool-card-main p{color:#78899e;font-size:12px;line-height:1.65;margin:0 0 15px;flex:1}
.home-page .tool-open-label{font-size:11px;font-weight:850;color:#2674d4;display:flex;align-items:center;gap:6px;margin-bottom:16px}
.home-page .tool-open-label>span{font-size:15px}
.home-page .tool-card-bottom{padding-top:11px;border-top:1px solid #edf1f6;gap:5px;color:#8a9aab;align-items:center;font-size:10px}
.home-page .tool-card-bottom>a{color:#6e8cb0;font-weight:750;white-space:nowrap;font-size:10px}
.home-page .tool-card-bottom>a:hover{color:#156bcf;text-decoration:underline}
.home-page .empty-state{border:1px dashed #dce7f4;border-radius:18px;background:#fafcff;padding:44px 20px}
.home-page .empty-glyph{font-size:42px;color:#75a4d7}
.home-page .teacher-banner{margin-top:14px}
@media(max-width:1100px){
 .home-page .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-page .personal-space{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
 .home-page .hero-copy{padding:51px 0 26px}
 .home-page .hero-grid{min-height:unset}
 .home-page .hero-visual{height:330px}
 .home-page .personal-space{grid-template-columns:1fr}
 .home-page .tools-toolbar{padding:13px}
 .home-page .category-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:-13px;padding-bottom:12px;overscroll-behavior-x:contain;scrollbar-width:thin}
 .home-page .tab{white-space:nowrap;flex-shrink:0}
 .home-page .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .home-page .tool-card{min-height:242px}
 .home-page .mobile-nav{position:absolute;left:0;right:0;top:100%;z-index:60;padding:18px 24px 23px}
 .home-page .mobile-nav a{padding:6px 0}
}
@media(max-width:580px){
 .home-page .hero-copy{padding:42px 0 43px}
 .home-page .hero-visual{display:none}
 .home-page .hero-search-wrap{gap:7px}
 .home-page .search-box{height:57px;padding:0 12px}
 .home-page .search-go{width:52px;flex-basis:52px}
 .home-page .search-suggestions{right:0;top:calc(100% + 6px)}
 .home-page .section-heading-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}
 .home-page .section-heading-row h2{font-size:27px;letter-spacing:-1px}
 .home-page .tools-count{font-size:11px}
 .home-page .personal-space{gap:10px;margin-bottom:20px}
 .home-page .personal-section{padding:14px;border-radius:15px}
 .home-page .personal-heading{flex-wrap:wrap}
 .home-page .personal-heading>span{font-size:9px}
 .home-page .tools-toolbar{margin-bottom:16px}
 .home-page .tools-toolbar-row{align-items:flex-start;flex-wrap:wrap;gap:9px}
 .home-page .active-filter-label{font-size:11px}
 .home-page .tools-toolbar-actions{margin-left:auto}
 .home-page .tool-grid{grid-template-columns:1fr;gap:11px}
 .home-page .tool-card{min-height:unset;padding:15px 16px;border-radius:14px}
 .home-page .tool-card-top{margin-bottom:9px}
 .home-page .tool-card-main h3{font-size:14px;margin-bottom:5px}
 .home-page .tool-card-main p{font-size:12px;margin-bottom:6px}
 .home-page .tool-open-label{margin-bottom:9px}
 .home-page .tool-card-bottom{padding-top:9px}
 .home-page .tool-icon{width:43px;height:43px}
 .home-page .tool-icon svg{width:22px;height:22px}
 .home-page .hero-reassurance{line-height:1.8}
}
@media(max-width:340px){
 .home-page .tool-sort{max-width:135px;padding-right:14px}
 .home-page .personal-heading h3{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.home-page .tool-card,.home-page .search-box{transition:none}}

/* v1.8.1 FIX: suggestions are mounted directly below <body>, not clipped by the hero. */
.home-page .search-suggestions{position:fixed;right:auto;top:auto;bottom:auto;z-index:160;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;max-width:calc(100vw - 24px)}
.home-page .brand-symbol svg{display:block;width:30px;height:30px}