.tutorials-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:76px;min-height:650px;padding:76px 0 96px;display:grid}.tutorials-hero-copy{max-width:760px}.tutorials-hero-intro{max-width:620px;color:var(--text-soft);margin:30px 0 0;font-size:18px;line-height:1.65}.tutorials-hero-visual{border:1px solid var(--border);background:radial-gradient(circle at 50% 46%,#35c8f136,#c8f13514 44%,#111 72%);border-radius:8px;place-items:center;min-height:500px;display:grid;position:relative;overflow:hidden}.tutorials-hero-visual:before,.tutorials-hero-visual:after{content:"";z-index:4;width:44px;height:44px;position:absolute}.tutorials-hero-visual:before{border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);top:18px;left:18px}.tutorials-hero-visual:after{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);bottom:18px;right:18px}.tutorials-hero-visual img{z-index:2;filter:drop-shadow(0 28px 38px #00000061);width:min(88%,430px);height:auto;position:relative}.tutorials-hero-label{z-index:5;color:var(--cyan);letter-spacing:1.8px;text-transform:uppercase;border:1px solid #35c8f173;border-radius:5px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:24px;left:24px}.tutorials-hero-note{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0de0;border:1px solid #c8f13561;border-radius:7px;padding:16px 18px;position:absolute;bottom:24px;right:24px}.tutorials-hero-note span{color:var(--cyan);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.tutorials-hero-note strong{font-family:var(--font-barlow-condensed);text-transform:uppercase;font-size:20px;line-height:1}.tutorials-section{border-top:1px solid var(--border);padding:120px 0}.tutorials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tutorial-card{border:1px solid var(--border);background:linear-gradient(150deg,#191919,#121212);border-radius:8px;flex-direction:column;min-height:390px;padding:30px;transition:transform .18s,border-color .18s;display:flex}.tutorial-card:hover{transform:translateY(-4px)}.tutorial-card-green{border-top:3px solid var(--accent)}.tutorial-card-cyan{border-top:3px solid var(--cyan)}.tutorial-card:hover.tutorial-card-green{border-color:#c8f1358c}.tutorial-card:hover.tutorial-card-cyan{border-color:#35c8f18c}.tutorial-card-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.tutorial-index{width:44px;height:44px;color:var(--accent);font-family:var(--font-barlow-condensed);border:1px solid #c8f1356b;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.tutorial-card-cyan .tutorial-index{color:var(--cyan);border-color:#35c8f16b}.tutorial-category{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.tutorial-card-copy{margin-top:52px}.tutorial-card-copy h3{margin:0;font-size:clamp(30px,4vw,42px);line-height:1}.tutorial-card-copy p{max-width:560px;color:var(--muted);margin:16px 0 0;line-height:1.6}.tutorial-card-meta{flex-wrap:wrap;gap:9px;margin-top:26px;display:flex}.tutorial-card-meta span{border:1px solid var(--border);color:var(--cyan);letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700}.tutorial-card-action{gap:12px;width:fit-content;margin-top:auto}.tutorials-empty{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:8px;padding:64px 28px}.tutorials-empty strong{color:var(--text);font-family:var(--font-barlow-condensed);text-transform:uppercase;font-size:26px}.tutorials-empty p{margin:10px 0 0}.tutorials-help{border:1px solid var(--border);background:var(--card-gradient);border-radius:8px;justify-content:space-between;align-items:center;gap:60px;margin-bottom:90px;padding:64px 72px;display:flex}.tutorials-help>div{max-width:760px}.tutorials-help>div>p:not(.section-kicker){max-width:620px;color:var(--text-soft);margin:26px 0 0;line-height:1.65}.tutorials-help .button{flex:none}@media (max-width:980px){.tutorials-hero{grid-template-columns:1fr;gap:42px}.tutorials-hero-copy{max-width:780px}.tutorials-grid{grid-template-columns:1fr}.tutorials-help{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.tutorials-hero{min-height:auto;padding:58px 0 78px}.tutorials-hero-intro{font-size:16px}.tutorials-hero-visual{min-height:430px}.tutorials-section{padding:90px 0}.tutorial-card{min-height:340px;padding:24px}.tutorial-card-copy{margin-top:38px}.tutorials-help{padding:42px 24px}}@media (max-width:480px){.tutorials-hero-visual{min-height:380px}.tutorials-hero-note{bottom:16px;right:16px}.tutorials-hero-label{top:16px;left:16px}.tutorial-card-action{width:100%}}@media (prefers-reduced-motion:reduce){.tutorial-card:hover{transform:none}}