.tutorial-page{background:radial-gradient(circle at 80% 0,#1d1034 0,transparent 32%),#090611}.tutorial-page header{position:relative}.back-studio{height:38px;display:flex;align-items:center;border-radius:11px;padding:0 14px;background:linear-gradient(110deg,#7540c3,#a45bc1);color:white;text-decoration:none;font-size:10px}.tutorial-main{display:block;max-width:1280px;margin:auto;padding:0 42px 90px}.tutorial-hero{padding:86px 0 58px;position:relative}.tutorial-hero:after{content:"";position:absolute;width:330px;height:330px;right:3%;top:20px;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(188,128,255,.34),rgba(91,40,147,.13) 45%,transparent 70%);filter:blur(2px)}.tutorial-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.06em;margin:16px 0}.tutorial-hero h1 em{font-style:normal;color:#c790ff}.tutorial-hero>p{width:min(600px,75%);font-size:12px;line-height:1.8;color:#978ba2}.tutorial-tools{display:flex;align-items:center;justify-content:space-between;margin-top:46px;position:relative;z-index:1}.search{width:min(430px,45%);height:45px;margin:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#0e0a17;padding:0 14px}.search svg{width:17px;fill:none;stroke:#83768e;stroke-width:1.6}.search input{border:0;outline:0;background:transparent;color:white;width:100%;font-size:11px}.chips{display:flex;gap:6px}.chips button{border:1px solid transparent;background:transparent;color:#796e83;padding:9px 13px;border-radius:20px;font-size:10px;cursor:pointer}.chips button.active{background:#28193a;border-color:#49315f;color:#ddc8f6}.featured{display:grid;grid-template-columns:1.55fr 1fr;min-height:380px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#100b18}.featured-media{position:relative;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 60% 30%,#46236c 0,transparent 28%),linear-gradient(140deg,#110b1c,#1f1230 55%,#0a0710)}.featured-media:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(196,124,255,.08))}.play-ring{width:70px;height:70px;border:1px solid rgba(222,195,255,.3);border-radius:50%;display:grid;place-items:center;margin:auto;color:#d9bdff;font-size:18px;padding-left:4px}.featured-media span{font-size:8px;letter-spacing:.27em;color:#967bb4;margin-top:20px}.featured-media small{color:#5d5069;margin-top:5px}.featured-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.featured-copy>span{font-size:9px;color:#9f72dd;letter-spacing:.16em}.featured-copy h2{font-size:27px;margin:15px 0}.featured-copy p{color:#8b8095;font-size:11px;line-height:1.8}.featured-copy div{display:flex;gap:8px;margin-top:20px}.featured-copy b{font-size:8px;font-weight:500;padding:6px 9px;border-radius:20px;background:#1b1226;color:#8d7c9d}.library{padding-top:76px}.library-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.library-head h2{font-size:26px;margin:8px 0 0}.library-head>span{font-size:10px;color:#746a7d}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.course-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0e0a16;cursor:pointer;transition:.25s}.course-card:hover{transform:translateY(-4px);border-color:#5c3b7c}.course-cover{aspect-ratio:16/9;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 70% 25%,var(--glow),transparent 28%),linear-gradient(135deg,#161020,#251433)}.course-cover i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:rgba(5,3,9,.6);font-style:normal;color:#d9c4f1}.course-cover small{position:absolute;right:10px;bottom:9px;background:#08050dbd;padding:4px 7px;border-radius:6px;color:#c4b8cb;font-size:8px}.course-body{padding:17px}.course-body span{font-size:8px;color:#9c70d8}.course-body h3{font-size:13px;margin:8px 0}.course-body p{color:#756b7d;font-size:9px;line-height:1.6;margin:0}.course-empty{display:none;text-align:center;padding:70px;color:#655a70}.video-modal{position:fixed;inset:0;z-index:50;display:none;place-items:center}.video-modal.open{display:grid}.video-backdrop{position:absolute;inset:0;border:0;background:#030205df;backdrop-filter:blur(12px)}.video-modal section{width:min(900px,calc(100vw - 32px));aspect-ratio:16/9;position:relative;border:1px solid #4e3765;border-radius:18px;background:#08050d;z-index:1}.video-close{position:absolute;right:12px;top:10px;z-index:2;border:0;background:#1b1225;color:white;border-radius:50%;width:34px;height:34px}.video-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#655a70}.video-placeholder div{font-size:38px}.video-placeholder b{color:#c5b3d5;margin-top:13px}.video-placeholder small{margin-top:6px}@media(max-width:850px){.tutorial-main{padding:0 18px 60px}.tutorial-tools{align-items:flex-start;flex-direction:column;gap:16px}.search{width:100%}.featured{grid-template-columns:1fr}.featured-media{min-height:280px}.featured-copy{padding:30px}.course-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.status{display:none}.top-actions{gap:3px}.tutorial-hero{padding-top:60px}.tutorial-hero>p{width:100%}.chips{flex-wrap:wrap}.course-grid{grid-template-columns:1fr}.featured-media{min-height:220px}}