:root{--bg:#081421;--panel:#10233b;--panel2:#152d49;--line:rgba(172,210,245,.12);--muted:#9bb2c8;--text:#f8f4ff;--purple:#55adf2;--pink:#69c7ff;--mint:#a8f4dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 50% -25%,#155b8c 0%,transparent 46%),var(--bg);font-family:'DM Sans',sans-serif;overflow-x:hidden}.ambient{position:fixed;width:380px;height:380px;border-radius:50%;filter:blur(110px);opacity:.13;pointer-events:none;z-index:-1}.ambient-one{background:#248cdc;left:-230px;top:35%}.ambient-two{background:#23a7ed;right:-280px;top:70%}.topbar{height:76px;max-width:1120px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(172,210,245,.07)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 17px 'Space Grotesk',sans-serif;letter-spacing:-.4px}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#3985d5,#145d9b);box-shadow:0 5px 20px #1b78bb44;font-size:11px;color:white;letter-spacing:-.8px}.brand-accent{color:#86c7ff}.topbar nav{display:flex;gap:30px;align-items:center}.topbar nav a{font-size:13px;color:#c8d7e8;text-decoration:none;transition:color .2s}.topbar nav a:hover{color:white}.arrow{color:var(--purple)}main{max-width:940px;margin:auto;padding:0 28px 90px}.hero{padding:88px 0 0}.eyebrow{display:flex;align-items:center;gap:9px;color:#a1d3ff;font-size:10px;font-weight:700;letter-spacing:1.45px}.pulse,.tag-dot{height:7px;width:7px;border-radius:50%;background:#4a9fe4;box-shadow:0 0 12px #4a9fe4}.hero h1,.tutorial-heading h1{font:700 clamp(44px,7vw,70px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-3.5px;margin:20px 0 16px}.gradient-text{background:linear-gradient(90deg,#64b6ff,#9ad4ff);color:transparent;background-clip:text}.hero-copy{color:#c0d1e3;font-size:15px;line-height:1.7;max-width:490px;margin:0}.search-wrap{margin:34px 0 61px;height:50px;max-width:450px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#102035;box-shadow:0 10px 35px #0002}.search-icon{font-size:24px;color:#9db8d2;transform:rotate(-20deg)}.search-wrap input{background:none;border:0;outline:0;color:white;flex:1;font:14px 'DM Sans',sans-serif;min-width:0}.search-wrap input::placeholder{color:#8198b1}.search-wrap kbd{font:11px 'DM Sans';color:#94abc3;border:1px solid #315574;padding:3px 7px;border-radius:5px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-kicker{color:#7894b1;font-size:9px;font-weight:700;letter-spacing:1.5px}.section-heading h2,.video-text h2{font:600 21px 'Space Grotesk',sans-serif;margin:5px 0 0;letter-spacing:-.45px}.count{color:#8fa5bc;font:700 9px 'DM Sans';letter-spacing:1.1px;padding-bottom:5px}.tutorial-card{display:grid;grid-template-columns:300px 1fr;text-align:left;width:100%;padding:0;overflow:hidden;border:1px solid rgba(122,187,244,.19);border-radius:18px;background:linear-gradient(120deg,#142b46,#101f33 75%);color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.tutorial-card:hover{transform:translateY(-3px);border-color:#55adf277;box-shadow:0 18px 55px #0004}.card-visual{position:relative;align-self:center;aspect-ratio:16/9;margin:16px 0 16px 16px;display:block;overflow:hidden;border-radius:12px;background:#18304c}.card-visual img{display:block;width:100%;height:100%;object-fit:cover}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 68%,#142b4655);pointer-events:none}.orbit{position:absolute;width:145px;height:145px;border:1px solid #a8d4f855;border-radius:50%;transform:rotate(-28deg) scaleY(.42)}.orbit-a{width:190px;height:190px;transform:rotate(28deg) scaleY(.42)}.code-symbol{font:700 42px 'Space Grotesk';color:#d7edff;text-shadow:0 0 25px #9fd4ff99;z-index:1}.play-dot{position:absolute;right:15px;bottom:15px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#143b60;font-size:10px;padding-left:2px;z-index:2;box-shadow:0 4px 18px #0005}.card-content{padding:25px 27px 22px;display:flex;flex-direction:column;align-items:flex-start}.card-tag{display:flex;align-items:center;gap:8px;color:#a5cfff;font-size:9px;font-weight:700;letter-spacing:1.1px;margin-bottom:14px}.tag-dot{height:6px;width:6px;box-shadow:none}.card-content strong{font:600 22px/1.3 'Space Grotesk';letter-spacing:-.55px;max-width:390px}.card-description{font-size:12px;color:#a7b9d0;line-height:1.6;margin-top:9px;max-width:390px}.card-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;color:#86c7ff;font-size:11px;font-weight:700}.card-arrow{font-size:18px}.coming-soon{display:flex;align-items:center;gap:8px;color:#869cb3;font-size:11px;margin-top:24px}.coming-soon span{color:#a7d3ff}.hidden{display:none!important}.tutorial-view{padding-top:33px}.back-link{background:none;border:0;padding:9px 0;color:#afc2d6;font:600 12px 'DM Sans';cursor:pointer}.back-link span{color:#8bc8ff;margin-right:8px;font-size:16px}.tutorial-heading{padding-top:40px}.tutorial-heading h1{font-size:clamp(38px,6vw,58px);letter-spacing:-2.8px;margin-top:17px}.tutorial-heading p{color:#c0d1e3;line-height:1.65;font-size:14px;max-width:570px;margin:0}.placement-note{display:flex;align-items:center;gap:14px;margin:30px 0 16px;padding:17px 19px;border:1px solid #4c84b538;background:linear-gradient(110deg,#163251,#132742);border-radius:13px}.note-icon{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:#2478b52b;color:#b7ddff;font-size:18px}.placement-note>div{display:flex;flex-direction:column;gap:5px;flex:1}.placement-note strong{font-size:12px}.placement-note span{font-size:11px;color:#a2b8d0;line-height:1.5}.placement-note b{color:#deeeff;font-weight:600}.path-chip{color:#9acbfa!important;background:#ffffff0c;border:1px solid #ffffff12;border-radius:7px;padding:7px 9px;font-size:10px!important;white-space:nowrap}.code-panel{overflow:hidden;border:1px solid #1b3d5f;border-radius:14px;background:#09111c;box-shadow:0 20px 55px #0003}.code-toolbar{height:56px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#0f2033}.file-title,.code-actions{display:flex;align-items:center;gap:9px}.file-title{font-size:11px;color:#d9eaf8}.file-icon{color:#b5d9ff;font:700 9px 'DM Sans';letter-spacing:.6px;border:1px solid #4385b95c;border-radius:5px;padding:4px 5px;background:#246fa520}.file-meta{color:#849bb4;font-size:10px;margin-left:3px}.code-actions{gap:8px}.download-btn,.copy-btn{height:32px;padding:0 11px;display:flex;align-items:center;gap:7px;border-radius:7px;font:600 10px 'DM Sans';text-decoration:none;cursor:pointer}.download-btn{color:#c4d8ec;border:1px solid #ffffff18}.copy-btn{color:white;background:#1766a6;border:1px solid #77baff;box-shadow:0 3px 12px #145c9b33}.copy-btn:hover{background:#328ed3}.copy-glyph{font-size:14px}.copy-icon{width:16px;height:16px;object-fit:contain;filter:invert(1);flex:none}.code-scroll{margin:0;padding:18px 20px;max-height:510px;overflow:auto;color:#cfdeee;font:11px/1.7 'Cascadia Code','SFMono-Regular',Consolas,monospace;tab-size:4;white-space:pre}.code-scroll code{font:inherit}.code-footer{height:37px;border-top:1px solid #ffffff10;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#8196ad;font-size:9px}.code-footer i{display:inline-block;height:6px;width:6px;border-radius:50%;background:#88d9b7;margin-right:5px}.video-card{display:flex;align-items:center;gap:16px;margin-top:20px;padding:21px;border:1px solid #244b70;border-radius:14px;background:linear-gradient(110deg,#132741,#0e1e31)}.video-icon{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#f4f9ff;background:linear-gradient(145deg,#389bd8,#2676b5);box-shadow:0 6px 18px #267ab733;font-size:15px;padding-left:2px}.video-text{flex:1}.video-text h2{font-size:15px;margin-top:5px}.video-text p{font-size:11px;color:#a2b8d0;margin:6px 0 0}.video-link{display:flex;gap:14px;align-items:center;padding:10px 13px;color:#d2eaff;text-decoration:none;background:#ffffff0c;border:1px solid #ffffff17;border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap}.video-link:hover{background:#ffffff16}.video-link span{color:#a7d1fa;font-size:15px}.credit{text-align:center;color:#7c93ac;font-size:10px;margin:31px 0 0}.credit strong{color:#9cc4ec}footer{max-width:1120px;margin:0 auto;border-top:1px solid rgba(172,210,245,.08);padding:22px 28px 26px;display:flex;justify-content:space-between;align-items:center;color:#7289a3;font-size:10px}.footer-brand{font-size:13px}.footer-brand .brand-mark{height:25px;width:25px;border-radius:8px;font-size:9px}.toast{position:fixed;left:50%;bottom:27px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:11px 17px;color:#f2f9ff;background:#163e66;border:1px solid #67b1e755;border-radius:9px;font-size:12px;box-shadow:0 10px 35px #0006;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:680px){.topbar{height:65px;padding:0 18px}.topbar nav{gap:17px}main{padding:0 18px 65px}.hero{padding-top:65px}.hero h1{letter-spacing:-2.5px}.search-wrap{margin:27px 0 47px}.tutorial-card{grid-template-columns:1fr}.card-visual{width:auto;min-height:0;margin:0;border-radius:0;aspect-ratio:16/9}.card-visual:after{background:linear-gradient(180deg,transparent 70%,#142b4655)}.card-content{min-height:205px;padding:21px}.card-content strong{font-size:20px}.placement-note{align-items:flex-start;flex-wrap:wrap}.placement-note>div{min-width:calc(100% - 55px)}.path-chip{margin-left:48px}.code-toolbar{padding:0 10px}.file-title{gap:6px;font-size:10px}.file-meta{display:none}.download-btn,.copy-btn{padding:0 8px;font-size:9px}.download-btn span{display:none}.code-scroll{font-size:10px;padding:15px 13px}.video-card{align-items:flex-start;flex-wrap:wrap;padding:17px}.video-text{min-width:calc(100% - 65px)}.video-link{margin-left:58px}footer{padding:19px 18px;gap:10px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.youtube-nav{display:inline-flex;align-items:center;gap:7px}.youtube-nav img{width:19px;height:19px;object-fit:contain}.video-icon{overflow:hidden}.video-icon img{display:block;width:27px;height:27px;object-fit:contain}.video-icon.roblox-icon img{width:28px;height:28px}.action-icon{width:15px;height:15px;object-fit:contain;flex:none}.video-link{gap:9px}
.tutorial-card[hidden]{display:none!important}.search-empty{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#10233b;color:#c0d1e3;font-size:13px}.search-empty button{margin-left:8px;padding:7px 10px;border:1px solid #55adf255;border-radius:7px;background:#2478b52b;color:#c6e6ff;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.search-empty button:hover{background:#2478b555}

.card-year{display:inline-flex;align-items:center;gap:6px;margin-top:11px;padding:5px 9px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff08;color:#a2b8d0;font-size:10px;font-weight:600;letter-spacing:.35px}

html{background:#081421}body{background:linear-gradient(180deg,rgba(8,20,33,.12) 0%,rgba(8,20,33,.42) 39vh,#081421 78vh),radial-gradient(ellipse at 50% -25%,#155b8c 0%,transparent 46%),linear-gradient(180deg,#48a0d4 0%,#9ad7ef 38vh,#758aa5 38vh,#596781 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}body:before{content:"";position:fixed;z-index:0;pointer-events:none;left:-10%;right:-10%;top:38vh;bottom:-7vh;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:100% 40px,40px 100%;transform:perspective(500px) rotateX(7deg) scale(1.08);transform-origin:top center;opacity:.28;mask-image:linear-gradient(to bottom,#000 0%,transparent 88%)}.topbar,main,footer{position:relative;z-index:1}.model-icon{color:#d2edff;font-size:21px;text-shadow:0 2px 7px #0c2740}.model-glyph{display:inline-grid;place-items:center;color:#c0e3ff;font-size:15px}.video-icon.model-icon{padding:0}.topbar,footer{border-color:rgba(255,255,255,.14)}footer>span:nth-child(2){max-width:430px;text-align:center;line-height:1.6}
body:before{content:none}
body{background:linear-gradient(180deg,rgba(8,20,33,.15),rgba(8,20,33,.28)),radial-gradient(ellipse at 50% -10%,rgba(39,130,196,.25),transparent 55%),linear-gradient(180deg,#42a5de 0%,#83d4f1 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%}
.hero h1{font-family:'Bowlby One SC','Arial Black',Impact,sans-serif;font-size:clamp(38px,6.5vw,66px);font-weight:400;line-height:1.12;letter-spacing:-1.8px;text-transform:uppercase;color:#fff;-webkit-text-stroke:2.5px #f22632;paint-order:stroke fill;text-shadow:0 3px 0 rgba(130,0,8,.55),0 8px 20px rgba(0,0,0,.3)}.hero h1 .gradient-text{background:none;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:2.5px #f22632}@media(max-width:680px){.hero h1{font-size:clamp(32px,8.4vw,48px);letter-spacing:-1px;-webkit-text-stroke:1.8px #f22632}.hero h1 .gradient-text{-webkit-text-stroke:1.8px #f22632}}
.hero h1{-webkit-text-stroke:4px #f22632}.hero h1 .gradient-text{color:#ff252e;-webkit-text-fill-color:#ff252e;-webkit-text-stroke:4px #c6101c}@media(max-width:680px){.hero h1,.hero h1 .gradient-text{-webkit-text-stroke:3px #f22632}.hero h1 .gradient-text{-webkit-text-fill-color:#ff252e;-webkit-text-stroke-color:#c6101c}}
.hero h1,.hero h1 .gradient-text{-webkit-text-stroke-width:7px}.hero h1 .gradient-text{-webkit-text-stroke-color:#b90d19}@media(max-width:680px){.hero h1,.hero h1 .gradient-text{-webkit-text-stroke-width:5px}}
*{scrollbar-color:#347fae #0b2238;scrollbar-width:thin}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:#0b2238}*::-webkit-scrollbar-thumb{background:#347fae;border:3px solid #0b2238;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#55adf2}*::-webkit-scrollbar-button{background:#102d49}*::-webkit-scrollbar-corner{background:#081421}
.coming-soon{color:#123a59}.coming-soon span{color:#0b4e7b}.credit{color:#164765}.credit strong{color:#0c3c62}footer{color:#123a59}

.tutorial-heading h1{font-family:'Bowlby One SC','Arial Black',Impact,sans-serif;font-size:clamp(38px,6vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.6px;text-transform:uppercase;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:5px #f22632;paint-order:stroke fill;text-shadow:0 3px 0 rgba(130,0,8,.55),0 8px 20px rgba(0,0,0,.3);margin-top:17px}.tutorial-heading h1 .gradient-text{background:none;color:#ff252e;-webkit-text-fill-color:#ff252e;-webkit-text-stroke:5px #b90d19}@media(max-width:680px){.tutorial-heading h1{font-size:clamp(32px,8vw,46px);letter-spacing:-.4px;-webkit-text-stroke-width:4px}.tutorial-heading h1 .gradient-text{-webkit-text-stroke-width:4px}}

.tutorial-heading h1 .title-note{display:block;color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:2px #f22632;font-size:.48em;line-height:1.2;letter-spacing:.04em;margin-top:2px}@media(max-width:680px){.tutorial-heading h1 .title-note{-webkit-text-stroke-width:1.5px}}

.back-link{font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.back-link span{font-size:25px;line-height:1;margin-right:7px}
.model-glyph img{display:block;width:16px;height:16px;object-fit:contain}