.tutorials-page .tutorials-hero{min-height:350px;display:flex;align-items:center;padding:34px max(5vw,30px) 28px;background:#000}
.tutorials-page .tutorials-hero>div{width:min(1120px,90vw)}
.tutorial-categories{position:relative;width:min(1450px,90vw);margin:0 auto;padding:58px 0 100px}
.tutorial-search-wrap{position:relative;z-index:20;width:min(100%,680px);margin:0 0 26px}.tutorial-search-wrap>.tutorials-search{width:100%}.tutorial-search-dropdown{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:100%;overflow:hidden;border:1px solid rgba(212,122,56,.62);border-radius:7px;background:rgba(8,7,6,.98);box-shadow:0 22px 50px rgba(0,0,0,.58);backdrop-filter:blur(12px)}.tutorial-search-status{padding:11px 17px;border-bottom:1px solid rgba(212,122,56,.18);color:#8f8178;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.tutorial-search-list{max-height:440px;overflow:auto}.tutorial-search-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.06);color:#ded5ce;transition:.18s}.tutorial-search-item:hover,.tutorial-search-item:focus-visible{outline:0;background:rgba(212,122,56,.1);color:#fff}.tutorial-search-item strong{font-size:14px;font-weight:600}.tutorial-search-item span{color:#d47a38;font-size:10px;font-weight:700;text-align:right;text-transform:uppercase;letter-spacing:.09em}.tutorial-search-more{display:block;width:100%;padding:14px 17px;border:0;background:#0c0907;color:#d98a50;text-align:left;font:700 12px Inter,sans-serif;cursor:pointer}.tutorial-search-more:hover{background:#17100c;color:#f2b17d}.tutorial-search-empty{padding:22px 17px;color:#9e9188;font-size:13px}
@media(max-width:760px){.tutorials-page .tutorials-hero{min-height:390px;padding:38px 0 32px}.tutorial-categories{width:90vw;padding:42px 0 75px}}