*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:#121215;-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}:is(a:focus-visible,button:focus-visible){outline-offset:5px;outline:3px solid #ff007f}header{border-bottom:1px solid #ededf0;justify-content:space-between;align-items:center;max-width:1320px;height:98px;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:1px;flex-direction:column;gap:6px;font-size:18px;font-weight:900;display:flex}.brand span{letter-spacing:4px;color:#f50079;font-size:10px}nav{gap:35px;font-size:14px;font-weight:700;display:flex}nav a:first-child{border-bottom:2px solid #ff007f;padding-bottom:7px}nav .navgroup{color:#777}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:1320px;margin:auto;padding:74px 40px 70px;display:grid}.eyebrow{letter-spacing:1px;border:1px solid #e9e4e7;border-radius:25px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;font-weight:700;display:inline-flex}.eyebrow i{background:#ff007f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ffe0f0}h1,h2,h3,p{margin:0}h1{letter-spacing:-2.6px;margin:25px 0;font-size:clamp(38px,4.2vw,61px);font-weight:900;line-height:1.13}em{color:#f50079;font-style:normal}.hero p{color:#68666f;max-width:510px;font-size:17px;line-height:1.85}.button{color:#fff;cursor:pointer;background:#f50079;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:30px;padding:18px 25px;font-size:14px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#d9006a;transform:translateY(-2px)}.hero .button{margin-top:30px}.heronote{color:#8b8790;margin-top:18px;font-size:11px}.heroart{background:#faf7f4;border-radius:25px;padding:12px;position:relative;transform:rotate(2deg);box-shadow:0 25px 65px #30212c12}.heroart img{border-radius:15px;width:100%;display:block}.floatbadge{letter-spacing:1px;background:#fff;border:1px solid #eee;padding:17px 22px;font-size:10px;line-height:1.7;position:absolute;bottom:35px;left:-27px;box-shadow:0 10px 25px #0000000a}.floatbadge b{color:#f50079}.strip{color:#65616a;border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:center;gap:100px;padding:25px 40px;font-size:13px;display:flex}.strip b{color:#f50079;margin-right:12px}.catalog{max-width:1320px;margin:auto;padding:85px 40px}.sectiontop{justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;display:flex}.label{letter-spacing:1.8px;text-transform:uppercase;font-size:10px;font-weight:800}.pink{color:#f50079}h2{letter-spacing:-1.2px;margin:15px 0;font-size:37px;line-height:1.25}.sectiontop p{color:#77727b;font-size:14px;line-height:1.8}.toolbar{justify-content:space-between;gap:20px;margin-bottom:30px;display:flex}.filters{flex-wrap:wrap;gap:9px;display:flex}.filters button{cursor:pointer;background:#fff;border:1px solid #e7e5ea;border-radius:30px;padding:11px 18px;font-size:12px;font-weight:700}.filters .active{color:#fff;background:#141416;border-color:#141416}.toolbar>input{border:1px solid #e7e5ea;border-radius:30px;width:190px;padding:11px 18px;font-size:13px}.grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.card{border:1px solid #eae7eb;border-radius:17px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #30132710}.cardart{aspect-ratio:1;background:#f9eee7;position:relative;overflow:hidden}.cardart img{object-fit:cover;width:100%;height:100%;display:block}.status{letter-spacing:1px;background:#fffffff0;border-radius:5px;padding:7px 9px;font-size:8px;font-weight:800;position:absolute;bottom:12px;left:12px}.cardbody{flex-direction:column;flex:1;padding:25px;display:flex}.card h3{margin:13px 0;font-size:21px;line-height:1.3}.card p{color:#77717c;flex:1;font-size:13px;line-height:1.8}.cardlink{border-top:1px solid #f1edf1;justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;font-size:12px;font-weight:700;display:flex}.cardlink b{color:#f50079;font-size:21px}.community{text-align:center;background:#fff3f8;border-radius:16px;margin:0 40px 70px;padding:60px 20px}.community h2{font-size:40px}.community p{color:#736471;max-width:500px;margin:15px auto 25px;font-size:14px;line-height:1.8}.black{background:#161416}.black:hover{background:#343034}footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:25px;max-width:1320px;margin:auto;padding:40px;display:flex}footer p,footer small{color:#8a8490;font-size:11px}.webart{background:#f6e7dd;flex-direction:column;justify-content:center;height:100%;padding:30px;display:flex}.webart>span{letter-spacing:7px;font-size:12px;font-weight:800}.webart strong{letter-spacing:-1.5px;margin-top:20px;font-size:35px;line-height:1.15}.browsermock{background:#fff;border:5px solid #181619;border-radius:10px;margin-top:25px;padding:15px;transform:rotate(-3deg);box-shadow:8px 12px #e8b5c6}.browsermock i{background:#ff007f;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.browsermock b{margin:16px 0;font-size:18px;line-height:1.4;display:block}.browsermock small{color:#fff;background:#ff007f;padding:6px 8px;font-size:7px}.detail{max-width:1200px;margin:0 auto;padding:35px 40px 85px}.back{color:#76717a;margin-bottom:30px;font-size:12px;display:inline-block}.detailgrid{grid-template-columns:1.05fr 1fr;align-items:start;gap:65px;display:grid}.detailart{aspect-ratio:1;background:#f9eee7;border-radius:18px;overflow:hidden}.detailart img{object-fit:cover;width:100%;height:100%}.formpanel{border:1px solid #eae5eb;border-radius:18px;padding:32px;box-shadow:0 20px 60px #22132106}.formpanel h1{letter-spacing:-1.2px;margin:15px 0;font-size:36px}.formpanel>p{color:#79727b;font-size:14px;line-height:1.8}.formheading{border-top:1px solid #eee;margin:25px 0 20px;padding-top:22px;font-size:19px;font-weight:800}label{margin-bottom:18px;font-size:12px;font-weight:700;display:block}label>input:not([type=checkbox]){background:#fff;border:1px solid #ded9e0;border-radius:7px;outline:none;width:100%;margin-top:9px;padding:14px;font-size:13px;display:block}input:focus{box-shadow:0 0 0 3px #ff007f15;border-color:#ff007f!important}.consent{color:#78717d;align-items:start;gap:8px;font-size:11px;font-weight:400;line-height:1.6;display:flex}.consent input{accent-color:#f50079;margin-top:3px}form .button{width:100%}.button:disabled{opacity:.6;cursor:wait}.privacy{color:#8c8491;text-align:center;margin-top:12px;font-size:10px;line-height:1.6;display:block}.zalo{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.zalo p{color:#8a808c;text-align:center;margin-bottom:12px;font-size:11px}.outline{color:#e60071;background:#fff;border-color:#ffc3df;width:100%}.outline:hover{background:#fff3f8}.benefits{padding-top:35px}.benefits h2{font-size:27px}.benefits>p{color:#635b68;margin:16px 0;font-size:14px}.benefits b{color:#ff007f;margin-right:7px}.how{background:#faf8fa;border-radius:12px;margin-top:30px;padding:25px}.how h3{font-size:17px}.how p,.how small{color:#7b727f;margin-top:12px;font-size:12px;line-height:1.8;display:block}.trap{position:absolute;left:-9999px}.error{color:#bf215c;margin-bottom:15px;font-size:12px}.success{text-align:center;background:#fff3f8;border-radius:12px;padding:25px 20px}.success>span{color:#f50079;font-size:30px}.success p{margin:15px 0;font-size:13px;line-height:1.8}.success small{color:#8a7c86;margin-top:12px;font-size:10px;display:block}.pending{background:#fff3f8;border-radius:10px;margin-top:25px;padding:22px}.pending h3{font-size:18px}.pending p{color:#7d6e78;margin-top:10px;font-size:13px;line-height:1.8}.empty{text-align:center;color:#777;padding:50px}@media (min-width:1500px){.community{max-width:1240px;margin-left:auto;margin-right:auto}}@media (max-width:900px){.hero{gap:30px;padding-top:45px}h1{font-size:43px}.strip{gap:30px}.grid{grid-template-columns:repeat(2,1fr)}.detailgrid{gap:28px}.formpanel{padding:25px}.formpanel h1{font-size:30px}.sectiontop p{max-width:250px}}@media (max-width:640px){header{height:80px;padding:0 20px}.brand{font-size:15px}nav{gap:0;font-size:11px}nav .navgroup{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:35px 22px 40px}h1{letter-spacing:-1.8px;font-size:43px}.hero p{font-size:15px}.heroart{width:90%;max-width:400px;margin:0 auto}.floatbadge{left:-15px}.eyebrow{letter-spacing:.5px;font-size:8px}.strip{align-items:start;gap:17px;padding:22px;font-size:10px}.strip div{flex:1;line-height:1.7}.strip b{display:block}.catalog{padding:50px 20px}.sectiontop{display:block}.sectiontop p{max-width:none}h2{font-size:30px}.toolbar{display:block}.toolbar>input{width:100%;margin-top:15px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.grid{grid-template-columns:1fr;gap:17px}.cardbody{padding:22px}.community{margin:0 20px 40px;padding:40px 20px}.community h2{font-size:31px}footer{flex-direction:column;align-items:start;gap:16px;padding:30px 20px}.detail{padding:25px 20px 50px}.detailgrid{grid-template-columns:1fr;gap:25px}.detailgrid>div:first-child{display:contents}.detailart{order:0}.formpanel{order:1}.benefits{order:2}.formpanel h1{font-size:32px}.webart{min-height:330px}}.brand,h1,h2,h3,.formheading{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:900}.brand{letter-spacing:.25px;font-size:22px;line-height:1.2}.brand span{letter-spacing:1.5px;color:#f50079;font-size:12px;font-weight:800;line-height:1.4}h2,h3{font-weight:900}@media (max-width:640px){.brand{font-size:18px}.brand span{letter-spacing:.65px;font-size:10px}header{gap:15px}nav{font-size:10px}}.brand,h1,h2,h3,.formheading{font-family:TT Commons Pro,Arial,Helvetica,sans-serif;font-weight:900}.brand span{font-family:TT Commons Pro,Arial,Helvetica,sans-serif;font-weight:700}.hero-trio{box-shadow:none;aspect-ratio:1.05;isolation:isolate;background:radial-gradient(#ffe9f4 0%,#fff 70%);border-radius:0;padding:0;position:relative;transform:none}.hero-poster{aspect-ratio:1;background:#fff;border:1px solid #f0e6ec;border-radius:18px;width:67%;padding:7px;transition:transform .25s,box-shadow .25s;display:block;position:absolute;box-shadow:0 20px 50px #35102820}.hero-poster img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.hero-poster-0{z-index:1;top:12%;left:0;transform:rotate(-10deg)}.hero-poster-1{z-index:2;top:0;right:0;transform:rotate(8deg)}.hero-poster-2{z-index:3;bottom:0;left:21%;transform:rotate(-2deg)}.hero-poster:hover{z-index:4;transform:translateY(-8px)rotate(0);box-shadow:0 24px 60px #35102830}@media (max-width:640px){.hero-trio{aspect-ratio:1.03;width:100%;max-width:430px;margin:4px auto 0}.hero-poster{border-radius:13px;padding:5px}.hero-poster img{border-radius:9px}}.unlocked-list{text-align:left;gap:8px;margin:20px 0;display:grid}.unlocked-list a{background:#fff;border:1px solid #ffd3e6;border-radius:7px;padding:12px 14px;font-size:13px;font-weight:700;display:block}.unlocked-list a:hover{color:#f50079;border-color:#f50079}.allskills{color:#d9006a;font-size:13px;font-weight:700}@font-face{font-family:TT Commons Compact;src:url(/fonts/tt-commons-compact-demibold.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}html,body,body *,button,input,select,textarea,input::placeholder,textarea::placeholder{font-synthesis:none;font-family:TT Commons Compact,Arial,Helvetica,sans-serif!important}.label,.eyebrow,.brand span,.status{letter-spacing:1px}.button,.formheading,.label,.eyebrow,.status{font-weight:600}.cardlink{color:#fff;background:#f50079;border:1px solid #f50079;border-radius:9px;padding:13px 17px;transition:background .2s,box-shadow .2s,filter .2s,transform .2s}.cardlink b{color:#fff}:is(.card:hover .cardlink,.card:focus-visible .cardlink){filter:brightness(1.08);background:#ff3298;border-color:#ff3298;transform:translateY(-1px);box-shadow:0 0 0 4px #ff329817,0 6px 22px #ff007f45}@media (prefers-reduced-motion:reduce){.cardlink{transition:none}}h1,h2,.card h3,.formpanel h1{-webkit-text-stroke:.5px currentColor;font-weight:900}.hero h1{-webkit-text-stroke:.7px currentColor}@media (max-width:640px){h1,h2,.card h3,.formpanel h1{-webkit-text-stroke:.4px currentColor}.hero h1{-webkit-text-stroke:.55px currentColor}}