.resource-page{--r-bg:#080610;--r-text:#f8f5ff;--r-muted:#b9b1c8;--r-line:#ffffff24;isolation:isolate;background:var(--r-bg);min-height:100vh;color:var(--r-text);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;position:relative;overflow-x:clip}.resource-page *{box-sizing:border-box}.resource-page h1,.resource-page h2,.resource-page h3,.resource-page p{margin-top:0}.resource-page a{text-decoration:none}.resource-shell{width:min(1120px,100% - 48px);margin:0 auto}.resource-ambient{z-index:-1;pointer-events:none;background:radial-gradient(50% 38% at 73% 18%,#8475ff4d,#0000 70%),radial-gradient(45% 35% at 17% 48%,#ff745d33,#0000 73%);height:1050px;position:absolute;inset:0 0 auto}.resource-kicker{color:#d8d0ea;font:700 10px/1.2 var(--mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px!important}.resource-kicker:before{content:"";background:#ff745d;width:22px;height:1px;margin:0 8px 3px 0;display:inline-block}.resource-hero{padding:176px 0 82px}.resource-hero h1{letter-spacing:-.085em;max-width:900px;margin-bottom:25px;font-size:clamp(54px,7vw,88px);font-weight:800;line-height:.95}.resource-hero>p:last-child{color:#d3cbdf;max-width:690px;margin-bottom:0;font-size:19px;line-height:1.65}.resource-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:26px 0 130px;display:grid}.resource-card{border:1px solid var(--r-line);background:linear-gradient(140deg,#fff1,#ffffff04);border-radius:21px;flex-direction:column;min-height:300px;padding:31px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.resource-card:after{content:"";background:radial-gradient(circle,#976fff47,#0000 68%);border-radius:50%;width:260px;height:260px;transition:transform .35s;position:absolute;bottom:-52%;right:-22%}.resource-card:hover{border-color:#ff9b848c;transform:translateY(-6px);box-shadow:0 25px 60px #0000003d}.resource-card:hover:after{transform:translate(-26px,-22px)scale(1.1)}.resource-card>span{color:#f3a893;font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}.resource-card h2{letter-spacing:-.065em;max-width:460px;margin:42px 0 14px;font-size:clamp(31px,3.5vw,46px);font-weight:800;line-height:1}.resource-card p{max-width:480px;color:var(--r-muted);margin-bottom:28px;font-size:14px;line-height:1.65}.resource-card b{z-index:1;color:#fff;margin-top:auto;font-size:12px;position:relative}.resource-card--wide{background:linear-gradient(115deg,#49284bc2,#30245ebd,#bb543f78);grid-column:1/-1;min-height:250px}.resource-card--wide h2{margin-top:31px}.tutorial-list{gap:14px;padding:20px 0 130px;display:grid}.tutorial-card{border:1px solid var(--r-line);background:#ffffff09;border-radius:20px;grid-template-columns:180px 1fr auto;align-items:center;gap:28px;padding:24px;transition:border-color .22s,transform .22s;display:grid}.tutorial-card:hover{border-color:#ff9b848c;transform:translate(5px)}.tutorial-card__poster{background:radial-gradient(circle at 76% 25%,#ff745d7a,#0000 35%),radial-gradient(circle at 25% 75%,#8475ffa1,#0000 45%),#171221;border-radius:14px;place-items:center;min-height:112px;display:grid;position:relative;overflow:hidden}.tutorial-card__poster span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff61;border-radius:50%;place-items:center;width:45px;height:45px;font-size:17px;display:grid}.tutorial-card__copy>span{color:#f3a893;font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}.tutorial-card h2{letter-spacing:-.055em;margin:9px 0 8px;font-size:28px}.tutorial-card p{max-width:600px;color:var(--r-muted);margin-bottom:0;font-size:13px;line-height:1.55}.tutorial-card>a{color:#241b31;white-space:nowrap;background:#fff;border-radius:10px;align-items:center;min-height:42px;padding:0 16px;font-size:11px;font-weight:800;display:inline-flex}.tutorial-intro{background:linear-gradient(115deg,#49284ba6,#30245e99);border:1px solid #ffbeae47;border-radius:20px;margin-bottom:80px;padding:31px}.tutorial-intro p{color:#eee8f6;margin-bottom:0;font-size:15px;line-height:1.65}.resource-footer{border-top:1px solid var(--r-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:30px;min-height:108px;display:grid}.resource-wordmark{color:#fff;letter-spacing:-.07em;align-items:center;gap:9px;font-size:21px;font-weight:800;display:inline-flex}.resource-wordmark>span{color:#fff;background:linear-gradient(135deg,#ff785c,#d760a7 54%,#8475ff);border-radius:8px;place-items:center;width:27px;height:27px;font-size:15px;display:grid}.resource-footer p{color:#aaa0bb;margin-bottom:0;font-size:12px}.resource-footer div{color:#aaa0bb;flex-wrap:wrap;gap:16px;font-size:11px;display:flex}.resource-footer a:hover{color:#ffab99}@media (max-width:760px){.resource-shell{width:min(100% - 32px,1120px)}.resource-hero{padding:142px 0 60px}.resource-hero h1{font-size:clamp(48px,14vw,70px)}.resource-hero>p:last-child{font-size:16px}.resource-grid{grid-template-columns:1fr;padding-bottom:88px}.resource-card,.resource-card--wide{grid-column:auto;min-height:260px}.tutorial-card{grid-template-columns:1fr}.tutorial-card__poster{min-height:160px}.tutorial-card>a{justify-content:center}.resource-footer{grid-template-columns:1fr;gap:15px;padding:28px 0}.resource-footer div{justify-content:space-between}}.tutorial-feature{background:linear-gradient(120deg,#49284bb8,#30245ead);border:1px solid #ffbeae47;border-radius:24px;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);align-items:center;gap:31px;margin-bottom:34px;padding:24px;display:grid}.tutorial-feature video{background:#050408;border-radius:16px;width:100%;display:block;box-shadow:0 18px 50px #00000059}.tutorial-feature__copy>span{color:#ffb29f;font:700 9px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}.tutorial-feature h2{letter-spacing:-.065em;margin:12px 0 13px;font-size:clamp(30px,4vw,46px);line-height:1}.tutorial-feature p{color:#d4ccdf;margin-bottom:19px;font-size:14px;line-height:1.65}.tutorial-feature a{color:#fff;font-size:12px;font-weight:800}.tutorial-card>span{color:#a89fb9;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;display:inline-flex}@media (max-width:900px){.tutorial-feature{grid-template-columns:1fr}}@media (max-width:760px){.tutorial-feature{padding:14px}.tutorial-feature__copy{padding:9px 7px 12px}}.tutorial-card{grid-template-columns:minmax(280px,.72fr) minmax(0,1fr)}.tutorial-card__media video{background:#050408;border-radius:14px;width:100%;display:block;box-shadow:0 14px 38px #00000047}.tutorial-card__copy a{color:#fff;margin-top:18px;font-size:11px;font-weight:800;display:inline-flex}.tutorial-card__copy a:hover{color:#ffab99}@media (max-width:760px){.tutorial-card{grid-template-columns:1fr}}.tutorial-transcript{border-top:1px solid #ffffff1f;margin-top:16px;padding-top:14px}.tutorial-transcript summary{cursor:pointer;color:#c9c0d6;width:max-content;font-size:11px;font-weight:700}.tutorial-transcript[open] summary{color:#ffab99}.tutorial-transcript p{max-width:720px;color:#aaa0bb!important;margin:13px 0 0!important;font-size:12px!important;line-height:1.7!important}