*{box-sizing:border-box}body{margin:0;background:#050713;color:#f7f8fc;font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}.top{max-width:1080px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff17}.brand{font-weight:800;font-size:20px;text-decoration:none}.brand b{display:inline-grid;place-items:center;width:40px;height:36px;margin-right:10px;border-radius:11px;background:linear-gradient(135deg,#8649f4,#19c5e2)}.home{color:#b994ff;text-decoration:none;font-weight:700}.wrap{max-width:960px;margin:auto;padding:58px 24px 90px}.crumb{color:#92a0b9;font-size:14px;margin-bottom:24px}.crumb a{color:#ad7cff;text-decoration:none}.tag{color:#b479ff;font-weight:800;letter-spacing:.12em;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.hero h1{font-size:clamp(38px,6vw,62px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 22px}.lead{font-size:18px;color:#b1bbce}.thumb{aspect-ratio:9/12;border:1px solid #8d5cf2;border-radius:22px;background-image:url('/reels-reference.png');background-size:700% 300%;box-shadow:0 25px 70px #000a}.p1{background-position:16.66% 0}.p2{background-position:50% 0}.p3{background-position:33.33% 50%}.p4{background-position:50% 50%}.p5{background-position:100% 100%}.cta{display:inline-flex;margin-top:18px;padding:14px 21px;border-radius:999px;background:linear-gradient(105deg,#8b46ef,#17bfdc);text-decoration:none;font-weight:800}.article{max-width:760px;margin:64px auto 0;padding:34px;border:1px solid #ffffff16;border-radius:20px;background:#0d1122}.article h2{font-size:30px;margin:0 0 14px}.article p{color:#c4ccda}.note{border-left:3px solid #9a5cff;padding-left:16px}.related{margin-top:56px}.related h2{font-size:28px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related a{padding:16px 18px;background:#10152a;border:1px solid #ffffff18;border-radius:13px;text-decoration:none}.related a:hover{border-color:#8c57e9}footer{max-width:1080px;margin:auto;border-top:1px solid #ffffff17;padding:28px 24px;color:#8995ab;font-size:14px}@media(max-width:720px){.hero{grid-template-columns:1fr}.thumb{max-width:330px;width:100%;margin:auto}.article{padding:24px}.related-grid{grid-template-columns:1fr}}