:root{--blue:#4f46e5;--violet:#7c3aed;--lime:#bdf731}body{background:radial-gradient(circle at 8% 0,#eef2ff 0,transparent 28%),radial-gradient(circle at 92% 12%,#ecfeff 0,transparent 25%),#f8fafc}nav{box-shadow:0 1px 0 #e2e8f0,0 8px 30px #0f172a08}.hero{min-height:510px}.hero h1{background:linear-gradient(110deg,#0f172a 20%,#4338ca 75%);-webkit-background-clip:text;background-clip:text;color:transparent}.quality-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#111827,#172554);box-shadow:0 24px 70px #312e8130}.quality-card:before{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-80px;border-radius:50%;background:#4f46e544;filter:blur(4px)}.quality-ring{position:relative;border-color:#263451;box-shadow:inset 0 0 35px #0005,0 0 0 6px #ffffff08}.card{border-color:#e7eaf0;box-shadow:0 16px 50px #0f172a0b;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{border-color:#d9def0;box-shadow:0 22px 65px #0f172a12}.create-card{position:relative;overflow:hidden}.create-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),#06b6d4)}.wallet{background:linear-gradient(145deg,#111827,#1e293b);box-shadow:0 24px 60px #0f172a28}.wallet h2{letter-spacing:-2px}.primary{background:linear-gradient(110deg,var(--blue),var(--violet));box-shadow:0 10px 26px #4f46e535}.topup{background:linear-gradient(110deg,#d7ff65,var(--lime));box-shadow:0 10px 28px #bdf73122}.amounts button{transition:.2s ease}.amounts button.active{box-shadow:0 0 0 3px #bdf73124}.payment{position:relative;overflow:hidden;border-color:#c7d2fe;background:linear-gradient(135deg,#fff,#f5f7ff)}.payment:before{content:"THANH TOÁN AN TOÀN";position:absolute;right:18px;top:15px;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#6366f1}.payment img{padding:10px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 16px 40px #0f172a14}.history article{transition:.2s ease}.history article:hover{transform:translateX(4px);border-color:#c7d2fe;box-shadow:0 10px 30px #0f172a0b}.job-modal.show{animation:fadeIn .2s ease}.job-modal.show .job-modal-card{animation:modalIn .28s cubic-bezier(.2,.8,.2,1)}.credit-success{text-align:center}.credit-success .credit-check{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(145deg,#22c55e,#16a34a);color:#fff;font-size:38px;box-shadow:0 14px 34px #16a34a35}.credit-success strong{display:block;margin:8px 0;color:#16a34a;font-size:34px}.credit-success p{color:#64748b}.credit-success small{color:#94a3b8}button,a{transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}button:hover,.primary:hover,.topup:hover{transform:translateY(-2px);filter:brightness(1.03)}button:active,.primary:active,.topup:active{transform:translateY(0) scale(.97);transition-duration:.06s}button:focus-visible,a:focus-visible{outline:3px solid #818cf866;outline-offset:3px}button:disabled{opacity:.65;cursor:wait;transform:none!important}.press-ripple{position:relative;overflow:hidden}.press-ripple:after{content:"";position:absolute;inset:50%;border-radius:50%;background:#fff6;transform:translate(-50%,-50%) scale(0);opacity:0}.press-ripple.pressed:after{animation:ripple .45s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.55}100%{transform:translate(-50%,-50%) scale(12);opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:760px){.hero{min-height:0}.quality-card{box-shadow:0 18px 45px #312e8125}.payment:before{display:none}}