.tutorials-page{min-height:100vh;padding-top:5.5rem}.tutorials-hero{position:relative;padding:clamp(4.5rem,8vw,7rem) 0 2.5rem;background:radial-gradient(circle at top left,rgba(248,93,1,.18),transparent 24%),radial-gradient(circle at top right,rgba(35,166,246,.18),transparent 26%),linear-gradient(180deg,rgba(11,30,56,.96),rgba(42,50,63,.94))}.tutorials-hero-inner{max-width:860px;text-align:center}.tutorials-kicker{margin-bottom:.9rem;color:var(--color-blue);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.tutorials-title{margin-bottom:1rem;font-size:clamp(2.4rem,6vw,4.4rem);color:var(--color-white);text-transform:uppercase;text-shadow:3px 3px 0 var(--color-slate-dark),0 0 18px rgba(248,93,1,.18)}.tutorials-subtitle{max-width:760px;margin:0 auto;color:var(--color-gray-light);font-size:clamp(.95rem,2vw,1.05rem);line-height:1.75}.tutorials-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.tutorial-stat-card{display:grid;grid-gap:.35rem;gap:.35rem;padding:1rem 1.1rem;border-radius:20px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);box-shadow:var(--shadow-soft)}.tutorial-stat-card strong{color:var(--color-white);font-size:1.35rem;text-transform:uppercase}.tutorial-stat-card span{color:var(--color-gray-light);line-height:1.5;font-size:.88rem}.tutorials-library{padding:0 0 clamp(4rem,7vw,6rem)}.tutorials-showcase{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,360px);grid-gap:1.5rem;gap:1.5rem;align-items:start}.tutorials-feature{position:relative;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,520px);grid-gap:1.5rem;gap:1.5rem;padding:1.4rem;border-radius:28px;background:linear-gradient(180deg,rgba(51,59,72,.95),rgba(42,50,63,.94));border:1px solid rgba(110,131,165,.25);box-shadow:var(--shadow-soft);overflow:hidden}.tutorials-feature:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px}.tutorials-feature.accent-orange:before{background:var(--gradient-fire)}.tutorials-feature.accent-blue:before{background:var(--gradient-blue)}.tutorials-feature.accent-green:before{background:var(--gradient-green)}.tutorials-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:.8rem}.tutorials-feature-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.2rem}.tutorial-feature-counter,.tutorial-feature-label{color:var(--color-gray-light);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tutorial-video-step{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;padding:.35rem .72rem;border-radius:999px;background:hsla(0,0%,100%,.08);color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tutorial-video-title{color:var(--color-white);font-size:clamp(1.6rem,3vw,2.3rem);text-transform:uppercase}.tutorial-video-subtitle{color:var(--color-blue);font-size:clamp(1rem,2vw,1.15rem);font-weight:600}.tutorial-video-description{color:var(--color-text-muted);line-height:1.75;font-size:.96rem}.tutorial-topic-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}.tutorial-topic-chip{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;background:rgba(35,166,246,.12);border:1px solid rgba(35,166,246,.22);color:var(--color-white);font-size:.78rem;font-weight:600}.tutorials-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.45rem}.tutorial-nav-button{border:none;border-radius:999px;padding:.9rem 1.3rem;background:var(--gradient-fire);color:var(--color-white);font-family:Fjalla One,sans-serif;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:var(--shadow-soft)}.tutorial-nav-button.secondary{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1)}.tutorials-phone-shell{display:flex;justify-content:center;align-items:center}.tutorials-phone-frame{width:min(100%,420px);padding:14px;border-radius:34px;background:linear-gradient(180deg,rgba(8,18,33,.98),rgba(21,33,53,.98));border:1px solid hsla(0,0%,100%,.08);box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.05)}.tutorial-video-player{display:block;width:100%;aspect-ratio:9/16;max-height:78vh;object-fit:contain;border-radius:24px;background:#000;box-shadow:0 10px 24px rgba(0,0,0,.24)}.tutorials-playlist{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:24px;background:linear-gradient(180deg,rgba(42,50,63,.92),rgba(11,30,56,.92));border:1px solid rgba(110,131,165,.22);box-shadow:var(--shadow-soft);position:-webkit-sticky;position:sticky;top:6.5rem}.tutorials-playlist-head{display:grid;grid-gap:.3rem;gap:.3rem;padding:.35rem .2rem .6rem}.tutorials-playlist-head strong{color:var(--color-white);font-size:1rem;text-transform:uppercase}.tutorials-playlist-head span{color:var(--color-gray-light);font-size:.84rem}.tutorial-list-item{display:grid;grid-template-columns:60px 1fr 20px;grid-gap:.9rem;gap:.9rem;width:100%;padding:.95rem;text-align:left;border:1px solid hsla(0,0%,100%,.08);border-radius:18px;background:hsla(0,0%,100%,.04);color:var(--color-text);transition:transform .2s ease,border-color .2s ease,background .2s ease}.tutorial-list-item.active,.tutorial-list-item:hover{transform:translateY(-2px);border-color:rgba(35,166,246,.38);background:hsla(0,0%,100%,.08)}.tutorial-list-index{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(248,93,1,.16);color:var(--color-white);font-family:Fjalla One,sans-serif;letter-spacing:.08em;font-size:1rem}.tutorial-list-copy{display:grid;grid-gap:.35rem;gap:.35rem}.tutorial-list-copy strong{font-size:1rem;text-transform:uppercase}.tutorial-list-copy span{color:var(--color-gray-light);line-height:1.45;font-size:.88rem}.tutorial-list-arrow{align-self:center;color:var(--color-blue);font-size:1rem;font-weight:700}@media (max-width:960px){.tutorials-feature,.tutorials-showcase,.tutorials-stats{grid-template-columns:1fr}.tutorials-playlist{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));position:static}}@media (max-width:768px){.tutorials-page{padding-top:7.5rem}.tutorials-hero{padding:3.5rem 0 2rem}.tutorials-feature{padding:1rem;border-radius:22px}.tutorials-phone-frame{width:min(100%,360px);padding:10px;border-radius:26px}.tutorials-playlist{grid-template-columns:1fr;padding:.85rem}.tutorial-list-item{grid-template-columns:52px 1fr 18px;padding:.8rem}.tutorials-actions{flex-direction:column}}