.tutorial-layout-article{color:#eef2f7;background:linear-gradient(#ffffff06,#ffffff02),#11161d;border:1px solid #ffffff14;border-radius:22px;margin-top:1rem;padding:54px 56px 90px;font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 80px #00000040}.light .tutorial-layout-article{color:#111;background:#fff;border-color:#00000014;box-shadow:0 10px 40px #0000000d}@media (max-width:768px){.tutorial-layout-article{border-radius:16px;padding:34px 21px 70px}}.tutorial-badge{color:#78e7b0;letter-spacing:.12em;background:#78e7b014;border:1px solid #78e7b024;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:900;display:inline-flex}.tutorial-dot{background:#78e7b0;border-radius:50%;width:6px;height:6px}.tutorial-title{font-family:var(--sans);letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.15}.light .tutorial-title{color:#000}.tutorial-meta{flex-wrap:wrap;gap:7px;display:flex}.tutorial-chip{color:#9aa6b1;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;padding:6px 9px;font-size:10px}.light .tutorial-chip{color:#555;background:#00000008;border-color:#00000014}.tutorial-lead{color:#afb9c3;margin:24px 0;font-size:17px;line-height:1.75}.light .tutorial-lead{color:#444}.tutorial-rule{background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;margin:28px 0}.light .tutorial-rule{background:linear-gradient(90deg,#0000,#00000014,#0000)}.tutorial-prose{color:#c3ccd6;font-size:17px;line-height:1.9}.light .tutorial-prose{color:#222}@media (max-width:768px){.tutorial-prose{font-size:16px}}.tutorial-prose h2{color:#f0f4f7;margin:4px 0 17px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;line-height:1.25}.light .tutorial-prose h2{color:#111}.tutorial-prose h3{color:#e8edf2;margin:30px 0 10px;font-size:20px}.light .tutorial-prose h3{color:#222}.tutorial-prose p{margin:0 0 20px}.tutorial-prose a{color:#8392ff;text-decoration:none}.tutorial-prose a:hover{text-decoration:underline}.tutorial-prose img{border:1px solid #ffffff14;border-radius:12px;max-width:100%;margin:24px auto;display:block;box-shadow:0 10px 30px #0003}.light .tutorial-prose img{border-color:#00000014}.tutorial-intro{background:#8392ff0b;border:1px solid #8392ff24;border-radius:15px;margin-bottom:52px;padding:20px}.light .tutorial-intro{background:#8392ff14;border-color:#8392ff4d}.tutorial-intro:before{content:"BẠN SẼ HỌC ĐƯỢC GÌ?";color:#9ba8ff;letter-spacing:.14em;margin-bottom:10px;font-size:9px;font-weight:900;display:block}.light .tutorial-intro:before{color:#5a6cfc}.tutorial-intro p{color:#bec8d2;margin:0;font-size:13px;line-height:1.7}.light .tutorial-intro p{color:#444}.tutorial-intro ul.objectives{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding:0;list-style:none;display:grid}@media (max-width:640px){.tutorial-intro ul.objectives{grid-template-columns:1fr}}.tutorial-intro ul.objectives li{color:#aeb9c3;background:#ffffff06;border:1px solid #ffffff14;border-radius:9px;padding:9px 10px;font-size:11px}.light .tutorial-intro ul.objectives li{color:#555;background:#00000005;border-color:#0000000d}.tutorial-intro ul.objectives li:before{content:"✓ ";color:#78e7b0;margin-right:4px}.light .tutorial-intro ul.objectives li:before{color:#10b981}ol.tutorial-steps{counter-reset:tutorial-step;padding-left:0!important;list-style:none!important}ol.tutorial-steps>li{margin-bottom:40px;position:relative}ol.tutorial-steps>li:before{counter-increment:tutorial-step;content:"0" counter(tutorial-step);color:#707c89;letter-spacing:.14em;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:flex-start;width:auto;height:auto;margin-bottom:4px;font-size:11px;font-weight:800;display:block;position:static}ol.tutorial-steps>li>h3{margin-top:0}.admonition{border-left:none;border-radius:12px;margin:24px 0;padding:15px 17px}.admonition-title{letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:900}.admonition-note{background:#8392ff0d;border:1px solid #8392ff21}.admonition-note .admonition-title{color:#9ba8ff}.light .admonition-note{background:#8392ff1a;border-color:#8392ff4d}.light .admonition-note .admonition-title{color:#5a6cfc}.admonition-tip{background:#78e7b00d;border:1px solid #78e7b021}.admonition-tip .admonition-title{color:#78e7b0}.light .admonition-tip{background:#78e7b01a;border-color:#78e7b04d}.light .admonition-tip .admonition-title{color:#10b981}.admonition-caution,.admonition-danger{background:#e5c86d0d;border:1px solid #e5c86d21}.admonition-caution .admonition-title,.admonition-danger .admonition-title{color:#e5c86d}.light .admonition-caution,.light .admonition-danger{background:#e5c86d1a;border-color:#e5c86d4d}.light .admonition-caution .admonition-title,.light .admonition-danger .admonition-title{color:#b45309}.admonition-content p{margin:0;font-size:15px}.tutorial-code-block{background:#090d12;border:1px solid #ffffff14;border-radius:12px;margin:22px 0;overflow:hidden}.light .tutorial-code-block{background:#1a1b26;border-color:#0000001a}.tutorial-code-header{color:#8c99a6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:10px;display:flex}.tutorial-code-block pre{color:#c8e9da!important;background:0 0!important;border:none!important;margin:0!important;padding:16px!important;font:13px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace!important;overflow:auto!important}.tutorial-video{width:100%;margin:24px 0;padding-bottom:56.25%;position:relative}.tutorial-video iframe{border:1px solid #ffffff14;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.light .tutorial-video iframe{border-color:#0000001a}.tutorial-nav-cards{border-top:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4rem;padding-top:2rem;display:grid}.light .tutorial-nav-cards{border-top-color:#00000014}@media (max-width:640px){.tutorial-nav-cards{grid-template-columns:1fr}}.tutorial-nav-card{color:inherit;background:#0003;border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;padding:1.25rem 1.5rem;transition:all .2s;display:flex;text-decoration:none!important}.light .tutorial-nav-card{background:#00000005;border-color:#00000014}.tutorial-nav-card:hover{background:#78e7b00d;border-color:#78e7b0}.light .tutorial-nav-card:hover{background:#10b9810d;border-color:#10b981}.tutorial-nav-card.next{text-align:right;align-items:flex-end}.tutorial-nav-label{color:#8995a2;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.tutorial-nav-title{color:#eef2f7;font-size:1.125rem;font-weight:600}.light .tutorial-nav-title{color:#111}.tutorial-nav-card:hover .tutorial-nav-title{color:#78e7b0}.light .tutorial-nav-card:hover .tutorial-nav-title{color:#10b981}.heading-anchor{opacity:0;margin-left:.5rem;font-weight:400;transition:opacity .2s,color .2s;color:#8995a2!important;text-decoration:none!important}.heading-anchor:hover{color:#78e7b0!important}.tutorial-prose h2:hover .heading-anchor,.tutorial-prose h3:hover .heading-anchor{opacity:1}