.ocs-tutorials{background:#fff;color:#29233f}.ocs-tutorials .ocs-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#9149d5}.tv-hero{padding:75px 0;background:radial-gradient(ellipse at 90% 70%,#56348988,transparent 65%),#14142d}.tv-hero-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:90px;align-items:center}.tv-hero .ocs-eyebrow{color:#8fd8e9}.ocs-native .ocs-tutorials .tv-hero h1{color:#fff;font-size:clamp(38px,4vw,59px);line-height:1.13;letter-spacing:-.045em;margin:20px 0 27px}.tv-hero p:not(.ocs-eyebrow){color:#c6bdd8;font-size:17px;line-height:1.85;max-width:650px;margin-bottom:30px}.tv-visual{padding:30px;border:1px solid #bda2ee33;border-radius:24px;background:linear-gradient(145deg,#ffffff0c,#ffffff02);box-shadow:0 30px 70px #0003;transform:rotate(3deg)}.tv-visual img{width:160px;height:auto}.tv-play{display:grid;place-items:center;margin:30px auto;width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,#b753f4,#6654c6);box-shadow:0 0 50px #ad66ed44;color:#fff;font-size:27px;padding-left:5px}.tv-timeline{display:flex;align-items:center;position:relative;height:3px;background:#ffffff18;margin-top:40px}.tv-timeline i{height:3px;width:35%;background:linear-gradient(90deg,#75d5ed,#ab65ef)}.tv-timeline b{width:9px;height:9px;background:#cda0ff;border-radius:50%}.tv-visual-label{display:block;margin-top:15px;color:#a99fbb;font-size:9px;letter-spacing:2px}.tv-library{padding:65px 0 80px;scroll-margin-top:130px}.ocs-tutorials h2{font-size:clamp(28px,3vw,40px);line-height:1.22;letter-spacing:-.035em;margin:15px 0 25px}.tv-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.tv-topics a{display:flex;align-items:center;gap:15px;border:1px solid #e6ddef;padding:18px 22px;border-radius:13px;background:#faf7fd;color:#49345e;font-size:14px;font-weight:600}.tv-topics span{color:#a078c6;font-size:11px}.tv-notice{display:flex;gap:20px;padding:25px 28px;background:#faf7ef;border:1px solid #eae1ca;border-radius:15px;margin-bottom:45px}.tv-notice>span{height:27px;width:27px;flex-shrink:0;border:1px solid #c3a363;color:#9c7d3d;border-radius:50%;display:grid;place-items:center;font-size:16px}.ocs-native .ocs-tutorials .tv-notice h3{font-size:16px;margin:2px 0 10px;color:#796238}.tv-notice p{font-size:13px;line-height:1.85;color:#8a795c;margin:0}.tv-lesson{display:grid;grid-template-columns:1.35fr 1fr;gap:45px;align-items:center;padding:35px 0;border-bottom:1px solid #e9e1f1;scroll-margin-top:135px}.tv-player{background:#15152d;border-radius:20px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 12px 35px #24183e0c;min-width:0}.ocs-native .ocs-tutorials .tv-player iframe{display:block;width:100%!important;height:100%!important;position:static;border:0;aspect-ratio:16/9;max-width:100%}.tv-copy{padding:10px 0}.tv-meta{display:flex;gap:14px;color:#9b78bc;font-size:11px;letter-spacing:.5px}.tv-meta span{color:#a88cbd}.ocs-native .ocs-tutorials .tv-copy h2{font-size:30px;line-height:1.25;margin:17px 0 20px}.tv-copy>p:not(.tv-meta){font-size:15px;line-height:1.85;color:#7c7089}.tv-tag{display:inline-block;font-size:11px;padding:7px 12px;background:#f3edf9;border:1px solid #e8ddf1;color:#8a5caf;border-radius:20px;margin:8px 0 25px}.tv-copy>a{display:block;color:#8b43c5;font-size:13px;font-weight:650}.tv-help{padding:65px 0;background:radial-gradient(ellipse at 0 100%,#e9dbfa,transparent 65%),#f5f0fb}.tv-help>.ocs-wrap{display:grid;grid-template-columns:1fr auto;gap:65px;align-items:center}.tv-help p:not(.ocs-eyebrow){font-size:15px;line-height:1.85;color:#80708e;max-width:730px}.tv-actions{display:grid;gap:20px;justify-items:start}.tv-actions>a:not(.ocs-button){font-size:14px;color:#8847bf;font-weight:650}.ocs-tutorials a:focus-visible{outline:3px solid #ac73e4;outline-offset:4px}
@media(max-width:1000px){.tv-hero-grid{gap:40px}.tv-lesson{gap:30px}.tv-topics a{padding:15px}}
@media(max-width:760px){.tv-hero,.tv-library,.tv-help{padding:43px 0}.tv-hero-grid,.tv-lesson,.tv-help>.ocs-wrap{grid-template-columns:1fr;gap:25px}.tv-visual{display:none}.tv-topics{grid-template-columns:1fr;gap:10px;margin:25px 0}.tv-notice{padding:20px;gap:15px}.tv-lesson{padding:28px 0;gap:12px}.ocs-native .ocs-tutorials .tv-copy h2{font-size:27px}.tv-copy{padding:7px 0}.tv-hero p:not(.ocs-eyebrow){font-size:15px}.tv-player{border-radius:14px}.tv-tag{margin-bottom:18px}}