.tutorial-center{--tutorial-center-accent: var(--app-accent-guidance, #2f7f78);--tutorial-center-soft: var(--app-accent-guidance-soft, #eaf5f3);--tutorial-center-line: var(--app-accent-guidance-line, rgba(47, 127, 120, .3));width:min(calc(100% - 24px),var(--site-content-width, 1080px));margin:18px auto 48px}.tutorial-center__skool-social{margin:24px 0 0}.tutorial-center__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:16px;overflow:hidden;padding:clamp(34px,6vw,70px);border:1px solid var(--app-selected-line);border-radius:30px;background:radial-gradient(circle at 80% 16%,color-mix(in srgb,var(--tutorial-center-accent) 30%,transparent),transparent 31%),radial-gradient(circle at 8% 116%,color-mix(in srgb,var(--tutorial-center-accent) 17%,transparent),transparent 38%),linear-gradient(132deg,#f8fdfc,#e7f4f1,#d5e9e4);box-shadow:0 22px 60px #1a524c1f}.tutorial-center__hero:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:55%;opacity:.16;background:repeating-linear-gradient(115deg,transparent 0 16px,var(--tutorial-center-accent) 16px 20px,transparent 20px 35px);-webkit-mask-image:linear-gradient(to right,transparent,#000 30%,transparent 92%);mask-image:linear-gradient(to right,transparent,#000 30%,transparent 92%)}:root[data-theme=dark] .tutorial-center__hero{background:radial-gradient(circle at 80% 16%,color-mix(in srgb,var(--tutorial-center-accent) 34%,transparent),transparent 31%),radial-gradient(circle at 8% 116%,color-mix(in srgb,var(--tutorial-center-accent) 20%,transparent),transparent 38%),linear-gradient(132deg,#16282a,#112123 55%,#0e1a1b)}.tutorial-center__hero h1{margin:0;color:var(--app-ink);font-family:var(--display-font);font-size:clamp(38px,6vw,68px);font-weight:700;letter-spacing:-.045em;line-height:.98}.tutorial-center__hero-copy>p:last-child{max-width:680px;margin:21px 0 0;color:var(--app-ink-muted);font-size:clamp(16px,1.8vw,19px);line-height:1.6}.tutorial-center__hero-meta{display:grid;justify-items:end;gap:14px}.tutorial-center__hero-pills{display:grid;justify-items:end;gap:7px}.tutorial-center .pc-eyebrow{color:var(--tutorial-center-accent)}.tutorial-center__account{flex:none;padding:11px 15px;border-radius:999px;background:var(--primary-color);color:#fff;font-size:12px;font-weight:800;text-decoration:none}.tutorial-center__account[href^="/sign-up"]{border:1px solid transparent;background:var(--app-access-button-background);background-size:var(--app-access-button-size);box-shadow:0 8px 18px color-mix(in srgb,var(--app-accent-access) 20%,transparent);animation:var(--app-access-button-motion)}.tutorial-center .tutorial-library{margin-bottom:22px}.tutorial-center__section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.tutorial-center__section-head h2{margin:3px 0 0;color:var(--app-ink);font-family:var(--display-font);font-size:clamp(22px,3vw,32px);letter-spacing:-.035em}.tutorial-center__section-head>p{max-width:510px;margin:0;color:var(--app-ink-muted);font-size:12px;line-height:1.5;text-align:right}.tutorial-video-library{margin:22px 0}.tutorial-video-library__shell{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--app-line);border-radius:20px;background:var(--app-bg-soft)}.tutorial-video-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.tutorial-video-library__grid.is-locked{max-height:520px;overflow:hidden;filter:blur(5px);opacity:.46;pointer-events:none;-webkit-user-select:none;user-select:none}.tutorial-video-card{min-width:0;overflow:hidden;border:1px solid var(--app-line);border-radius:16px;background:var(--app-bg-raised)}.tutorial-video-card .tutorial-player-mockup{min-height:245px;border:0;border-radius:0}.tutorial-video-card__meta{display:grid;gap:3px;padding:11px 13px 13px}.tutorial-video-card__meta span,.tutorial-video-card__meta small{color:var(--app-ink-muted);font-size:10px}.tutorial-video-card__meta span{color:var(--tutorial-center-accent);font-weight:850;letter-spacing:.07em;text-transform:uppercase}.tutorial-video-card__meta strong{color:var(--app-ink);font-size:14px;line-height:1.3}.tutorial-video-library__gate{position:absolute;top:50%;left:50%;z-index:2;width:min(calc(100% - 28px),430px);padding:22px;border:1px solid var(--app-line);border-radius:18px;background:color-mix(in srgb,var(--app-bg-raised) 94%,transparent);color:var(--app-ink);text-align:center;transform:translate(-50%,-50%)}.tutorial-video-library__status{display:grid;width:40px;height:40px;margin:2px auto 12px;place-items:center;padding-left:2px;border:1px solid color-mix(in srgb,var(--tutorial-center-accent) 45%,var(--app-line));border-radius:50%;background:var(--tutorial-center-soft);color:var(--tutorial-center-accent);font-size:13px}.tutorial-video-library__gate h3{margin:4px 0 7px;font-family:var(--display-font);font-size:24px;letter-spacing:-.03em}.tutorial-video-library__gate>p:not(.pc-eyebrow){margin:0;color:var(--app-ink-muted);font-size:12px;line-height:1.5}.tutorial-video-library__gate>div{display:flex;justify-content:center;gap:8px;margin-top:15px}.tutorial-video-library__gate a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:8px 13px;border:1px solid var(--app-line);border-radius:999px;background:var(--app-bg-raised);color:var(--app-ink);font-size:11px;font-weight:800;text-decoration:none}.tutorial-video-library__gate a:first-child{border-color:transparent;background:var(--app-access-button-background);background-size:var(--app-access-button-size);color:#fff;animation:var(--app-access-button-motion)}.tutorial-video-library__gate a:last-child{border-color:var(--app-accent-access-line);background:var(--app-accent-access-soft);color:var(--app-accent-access)}.tutorial-center__guest-note{margin:12px 0 0;padding:11px 14px;border:1px solid var(--app-line);border-radius:12px;background:var(--app-bg-soft);color:var(--app-ink-muted);font-size:12px}.tutorial-center__guest-note a{color:var(--app-accent-access);font-weight:800}@media (max-width: 720px){.tutorial-center{margin-top:10px}.tutorial-center__hero{grid-template-columns:1fr;gap:24px;padding:30px 22px;border-radius:22px}.tutorial-center__hero-meta{justify-items:start;min-width:0}.tutorial-center__hero-pills{display:flex;flex-wrap:wrap;justify-content:start}.tutorial-center__account{justify-self:start}.tutorial-center__section-head{align-items:flex-start;flex-direction:column;gap:6px}.tutorial-center__section-head>p{text-align:left}.tutorial-video-library__grid{grid-template-columns:1fr}}@media (max-width: 520px){.tutorial-center{width:min(calc(100% - 16px),var(--site-content-width, 1080px));margin-bottom:30px}.tutorial-center__hero{gap:13px;padding:18px 16px}.tutorial-center__hero h1{font-size:34px;line-height:1.02}.tutorial-center__hero p{font-size:13px;line-height:1.5}.tutorial-center__account{display:inline-flex;width:100%;min-height:44px;align-items:center;justify-content:center;text-align:center}.tutorial-video-library__shell{min-height:340px}.tutorial-video-card .tutorial-player-mockup{min-height:200px}.tutorial-video-library__grid.is-locked{max-height:340px}.tutorial-video-library__gate{padding:17px}.tutorial-video-library__gate>div{align-items:stretch;flex-direction:column}}