:root{--ink:#282338;--green:#6b46d9;--muted:#777184;--cream:#faf9fc;--line:#e8e4ef}body{background:#faf9fc}header{max-width:1280px;height:104px}.brand{letter-spacing:-1.4px}.brand span{color:#8a8299}.demo{background:#eeebf7;color:#6c4db5;border:0}nav a{font-weight:600}.hero{max-width:1200px;gap:42px;margin:10px auto 65px;padding:35px 20px 0;grid-template-columns:1.1fr 1fr}h1{font-size:70px;letter-spacing:-3.6px;line-height:1.1;font-weight:700}h1 em{color:#8055dc;font-family:inherit;font-style:normal}.eyebrow{font-size:10px;letter-spacing:2px}.lead{font-size:15px;line-height:1.9;max-width:410px}.btn,button{background:#30263f;border-radius:100px;padding:17px 25px}.hero .btn{margin-top:12px;background:#6b46d9;box-shadow:0 8px 20px #6b46d922}.hero-art{height:460px;background:#ece4fb;border-radius:24px;overflow:visible;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:0;border-radius:24px;background:radial-gradient(circle at 80% 15%,#fbe6d9,transparent 50%),linear-gradient(135deg,#ede4ff,#e0d5f4)}.orb{width:235px;height:295px;border-radius:150px 150px 25px 25px;box-shadow:inset -15px -15px 35px #39244d22,10px 22px 35px #46285620;border:1px solid #ffffff77}.orb.one{transform:translate(-63px,-10px) rotate(-16deg);background:linear-gradient(140deg,#ddc1e7,#a47acd)}.orb.two{transform:translate(62px,5px) rotate(16deg);background:linear-gradient(140deg,#f8c9ad,#e59e94)}.art-card{transform:rotate(-5deg);width:266px;border-radius:18px;padding:24px;background:#fffefa;box-shadow:0 24px 65px #38235126;margin-top:70px}.art-card b{font-family:inherit;font-size:25px;line-height:1.45;font-weight:600;letter-spacing:-.8px}.art-card p{font-size:11px}.art-card .eyebrow{font-size:8px}.art-star{z-index:3;top:26px;right:30px;font-size:70px;color:#67469a}.art-note{bottom:22px;color:#695780;font-size:9px;letter-spacing:3px}.hero-art:after{content:'♡  MỘT CHÚT RÕ RÀNG HƠN';position:absolute;top:40px;left:-25px;background:white;padding:15px 20px;border-radius:12px;font-size:9px;letter-spacing:1px;box-shadow:0 8px 25px #38235112;transform:rotate(-8deg)}.trust{font-size:10px;margin-top:25px;gap:16px}.section{max-width:1200px}.section-head h2{font-size:33px;font-weight:600;letter-spacing:-1.3px;margin:15px 0}.section-head{align-items:end;margin-bottom:30px}.section-head p{color:#8e8799}.cards{gap:24px}.card{border:1px solid #e9e4ef;border-radius:20px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #30204110}.cover{height:205px;overflow:hidden;font-size:115px;background:#e9e0f5;color:#78549a}.cover.pink{background:#f7dfd8;color:#bf716e}.cover.blue{background:#dce9ee;color:#447991}.cover:before,.cover:after{content:'';position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid currentColor;opacity:.18;transform:translate(-55px,35px)}.cover:after{transform:translate(55px,-35px)}.cover small{top:18px;left:20px;font-size:8px;letter-spacing:2px;color:#554760;z-index:2}.card-body{padding:26px}.card h3{font-size:22px;font-weight:600;letter-spacing:-.7px;margin:13px 0}.badge{font-size:10px;color:#87679e}.card p{font-size:12px;min-height:65px}.card button{background:#f3f0f8;color:#4a355e;border-radius:10px;border:1px solid #e9e2f1;padding:15px 18px}.card:hover button{background:#30263f;color:white}.meta{font-size:10px;letter-spacing:.3px}.price{font-size:9px}.steps{margin-top:0;padding-top:35px;padding-bottom:45px}.num{color:#9c7ac9;font-size:20px}.steps b{font-size:13px}.steps p{margin-left:38px;max-width:260px}footer{max-width:1200px;margin:auto;padding:28px 20px;color:#8b8299}footer b{color:#392d4c;font-size:18px}.panel{max-width:800px;border-radius:24px;padding:48px;box-shadow:0 20px 65px #3d205907;margin-top:45px;border:1px solid #e9e3f1}.panel h2{font-size:32px;font-weight:600;letter-spacing:-1px}.panel .eyebrow{color:#8b69bc}.option{border-radius:12px;padding:19px 22px;background:#fff;color:#45384f;transition:background .15s,transform .15s}.option:hover{background:#f6f2fc;transform:translateX(3px)}.option.selected{background:#f0e9fc;color:#613da4;border-color:#8c66cb;box-shadow:0 0 0 1px #8c66cb}.ghost{color:#6c5b7d;background:transparent}.progress{background:#eee8f5;height:4px}.progress i{background:#9b74d7}.notice{background:#f3eef9;color:#705b86;border:1px solid #e8dff2}.pay{background:#f7f3fb;border:1px solid #e9e0f1;padding:28px}.score{color:#7851b5}.report-list li{font-size:13px}.panel .row button{font-size:12px}.fine{color:#91839e}.panel details{margin:15px 0}button:focus-visible,a:focus-visible{outline:3px solid #bb9ce8;outline-offset:4px}@media(max-width:760px){header{height:90px}.hero{padding-top:15px;gap:38px;margin-bottom:48px;grid-template-columns:1fr}h1{font-size:48px;letter-spacing:-2.5px}.hero-art{height:350px;margin:0 10px}.orb{height:230px;width:180px}.art-card{width:235px;margin-top:30px}.art-card b{font-size:22px}.art-star{font-size:50px}.hero-art:after{top:20px;left:-10px;font-size:8px}.section-head h2{font-size:28px}.section-head p{display:none}.cover{height:200px}.panel{padding:27px 22px;margin:20px 14px 45px}.panel h2{font-size:25px}.steps p{max-width:none}.trust{font-size:9px;gap:10px}.card h3{font-size:23px}footer{margin:0 20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}