#tut{--g:#17C579;--g2:#0EA865;--dk:#080E1C;--ink:#111827;--body:#374151;--muted:#6B7280;--br:#E5EAF2;--surface:#F8FAFC;font-family:Poppins,system-ui,sans-serif}#tut *{box-sizing:border-box}#tut .max-w-wrap{max-width:1400px;margin:0 auto}#tut .tut-hero{position:relative;background:var(--dk);overflow:hidden;padding:64px 0 40px}#tut .tut-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 900px 500px at 15% 0%,rgba(23,197,121,.16),transparent 58%)}#tut .tut-hero-in{position:relative;z-index:1}#tut .tut-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g);margin-bottom:14px}#tut .tut-eyebrow-c{color:var(--g2)}#tut .tut-h1{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;line-height:1.14;letter-spacing:-.03em;color:#fff;margin-bottom:14px;max-width:720px}#tut .tut-sub{font-size:1rem;color:#ffffff80;line-height:1.75;max-width:600px;margin-bottom:28px}#tut .tut-mode-switch{display:inline-flex;align-items:center;gap:3px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:999px;padding:5px;margin-bottom:20px}#tut .tut-mode{font-size:.82rem;font-weight:700;padding:9px 18px;border-radius:999px;border:none;cursor:pointer;background:transparent;color:#ffffff8c;transition:all .2s}#tut .tut-mode:hover:not(.active){color:#fff;background:#17c5791f}#tut .tut-mode.active{background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;box-shadow:0 4px 14px #17c57961}#tut .tut-search-row{margin-bottom:18px}#tut .tut-search{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:13px;padding:12px 16px;max-width:440px;color:#fff6}#tut .tut-search:focus-within{border-color:var(--g);background:#ffffff1a}#tut .tut-search input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.88rem;font-family:inherit}#tut .tut-search input::-moz-placeholder{color:#ffffff52}#tut .tut-search input::placeholder{color:#ffffff52}#tut .tut-cats-bar{background:#fff;border-bottom:1px solid var(--br);padding:16px 0;position:sticky;top:70px;z-index:5}#tut .tut-cats{display:flex;flex-wrap:wrap;gap:9px}#tut .tut-cat-chip{font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:999px;border:1.5px solid var(--br);background:var(--surface);color:var(--body);cursor:pointer;transition:all .18s}#tut .tut-cat-chip:hover{border-color:#17c57980;color:var(--g2);background:#17c5790f}#tut .tut-cat-chip.active{background:var(--g);border-color:var(--g);color:#fff}#tut .tut-body{background:var(--surface);padding:32px 0 72px}#tut .tut-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}#tut .tut-player-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 12px 40px #00000024}#tut .tut-player-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#tut .tut-player-meta{padding:18px 2px 6px}#tut .tut-player-cat{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--g2);background:#17c5791a;padding:3px 11px;border-radius:999px;margin-bottom:10px}#tut .tut-player-title{font-size:1.24rem;font-weight:800;color:var(--ink);margin-bottom:6px;line-height:1.3}#tut .tut-player-desc{font-size:.88rem;color:var(--body);line-height:1.65}#tut .tut-player-nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--br)}#tut .tut-nav-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--ink);background:#fff;border:1.5px solid var(--br);border-radius:10px;padding:9px 15px;cursor:pointer;transition:all .18s}#tut .tut-nav-btn:hover:not(:disabled){border-color:var(--g);color:var(--g2)}#tut .tut-nav-btn:disabled{opacity:.35;cursor:default}#tut .tut-progress{font-size:.78rem;font-weight:600;color:var(--muted)}#tut .tut-cta-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--dk);border-radius:16px;padding:18px 22px;margin-top:22px}#tut .tut-cta-card strong{color:#fff;font-size:.92rem;display:block;margin-bottom:2px}#tut .tut-cta-card p{color:#ffffff70;font-size:.78rem;margin:0}#tut .tut-cta-btn{display:inline-flex;align-items:center;background:var(--g);color:#fff!important;font-size:.84rem;font-weight:800;padding:11px 20px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:background .2s}#tut .tut-cta-btn:hover{background:#1adb86}#tut .tut-list{display:flex;flex-direction:column;gap:8px;max-height:640px;overflow-y:auto;padding-right:4px}#tut .tut-item{display:flex;align-items:center;gap:11px;text-align:left;background:#fff;border:1.5px solid var(--br);border-radius:13px;padding:9px;cursor:pointer;transition:all .18s;width:100%}#tut .tut-item:hover{border-color:#17c57966}#tut .tut-item.active{border-color:var(--g);background:#17c5790f;box-shadow:0 2px 10px #17c57924}#tut .tut-item-thumb{position:relative;flex-shrink:0;width:96px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#eee}#tut .tut-item-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}#tut .tut-item-num{position:absolute;bottom:3px;right:3px;background:#080e1cc7;color:#fff;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:5px}#tut .tut-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}#tut .tut-item-cat{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--g2)}#tut .tut-item-title{font-size:.82rem;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#tut .tut-item-dur{font-size:.7rem;color:var(--muted)}#tut .tut-empty{text-align:center;padding:40px 16px;color:var(--muted);font-size:.86rem;background:#fff;border:1.5px dashed var(--br);border-radius:13px}#tut .tut-list::-webkit-scrollbar{width:6px}#tut .tut-list::-webkit-scrollbar-thumb{background:var(--br);border-radius:6px}#tut .tut-faq-sec{background:#fff;padding:64px 0}#tut .tut-w-sm{max-width:700px}#tut .tut-sc{text-align:center;margin-bottom:32px}#tut .tut-h2{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;color:var(--ink);letter-spacing:-.026em}#tut .tut-faqs{display:flex;flex-direction:column;gap:9px}#tut .tut-faq{background:var(--surface);border:1.5px solid var(--br);border-radius:13px;overflow:hidden;cursor:pointer;transition:all .2s}#tut .tut-faq:hover{border-color:#17c57959}#tut .tut-faq[open]{border-color:var(--g)}#tut .tut-faq summary{padding:16px 20px;font-size:.88rem;font-weight:700;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px}#tut .tut-faq summary::-webkit-details-marker{display:none}#tut .tut-faq summary:after{content:"+";font-size:1.3rem;font-weight:300;color:var(--g);flex-shrink:0;transition:transform .25s}#tut .tut-faq[open] summary:after{transform:rotate(45deg)}#tut .tut-faq p{padding:12px 20px 16px;font-size:.83rem;color:var(--body);line-height:1.7;border-top:1px solid var(--br);margin:0 20px}#tut .tut-faq-cta{text-align:center;margin-top:32px}#tut .tut-faq-cta p{font-size:.86rem;color:var(--muted);margin-bottom:12px}#tut .tut-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff!important;font-size:.86rem;font-weight:700;padding:11px 22px;border-radius:11px;text-decoration:none;transition:transform .2s}#tut .tut-wa-btn:hover{transform:translateY(-2px)}@media (max-width:900px){#tut .tut-grid{grid-template-columns:1fr}#tut .tut-list{max-height:none}}@media (max-width:640px){#tut .tut-hero{padding:44px 0 28px}#tut .tut-mode-switch{width:100%}#tut .tut-mode{flex:1;text-align:center;padding:9px 10px}#tut .tut-search{max-width:100%}#tut .tut-cats-bar{padding:12px 0;top:64px}#tut .tut-cats{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}#tut .tut-cats::-webkit-scrollbar{display:none}#tut .tut-cat-chip{flex-shrink:0}#tut .tut-body{padding:24px 0 48px}#tut .tut-cta-card{flex-direction:column;align-items:stretch;text-align:center}#tut .tut-cta-btn{justify-content:center}}