.pricing-grid{width:min(100%,1020px);margin-inline:auto;gap:17px}
.price-card{position:relative;overflow:hidden;padding:25px 24px;border:1px solid transparent;border-radius:21px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,#b8e4f8,#dce6f0 52%,#c8bdf8) border-box;box-shadow:0 12px 32px rgba(13,73,120,.09),inset 0 1px 0 rgba(255,255,255,.8)}
.price-card:before{content:"";position:absolute;width:115px;height:115px;right:-65px;top:-65px;border-radius:50%;background:rgba(56,189,248,.07)}
.price-card.featured{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,#168ee8,#63d5ff 55%,#7059df) border-box;box-shadow:0 15px 36px rgba(8,124,190,.14),0 0 0 3px rgba(56,189,248,.055)}
.price-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,73,120,.14)}
.price-card.selected{transform:translateY(-5px);background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#075ea8,#38bdf8 48%,#4338ca) border-box;box-shadow:0 0 0 3px rgba(56,189,248,.17),0 20px 42px rgba(7,94,168,.2)}
.price-card.selected:after{content:"✓ ĐÃ CHỌN";position:absolute;right:18px;bottom:76px;padding:4px 8px;border-radius:999px;background:#075ea8;color:#fff;font-size:8px;font-weight:800;letter-spacing:.5px}
.price-card .plan-icon{width:43px;height:43px;border-radius:12px;font-size:20px}.price-card h3{margin-top:20px;font-size:19px}.price-card .price{margin:20px 0}.price-card .price strong{font-size:30px}.price-card ul{padding-top:16px;margin-bottom:18px}.price-card li{padding-block:6px;font-size:11px}.price-card .button{min-height:45px;font-size:12px}
.price-card .plan-icon{
  position:relative;width:50px;height:50px;border:1px solid rgba(255,255,255,.72);border-radius:16px;
  background:linear-gradient(145deg,#40c9ff,#0878e4 62%,#0752aa);
  box-shadow:0 10px 22px rgba(8,120,228,.27),inset 0 1px 0 rgba(255,255,255,.55);
}
.price-card .plan-icon:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(45,174,244,.2);border-radius:19px}
.price-card .plan-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,50,100,.2))}
.price-card .plan-icon.amber{background:linear-gradient(145deg,#ffd360,#f4a719 58%,#d87905);box-shadow:0 10px 22px rgba(225,145,8,.25),inset 0 1px 0 rgba(255,255,255,.6)}
.price-card .plan-icon.amber:after{border-color:rgba(240,166,27,.22)}
.price-card .plan-icon.pink{background:linear-gradient(145deg,#ff95c0,#df4c91 58%,#a92f75);box-shadow:0 10px 22px rgba(207,67,136,.24),inset 0 1px 0 rgba(255,255,255,.58)}
.price-card .plan-icon.pink:after{border-color:rgba(223,76,145,.2)}
@media(max-width:600px){.price-card .plan-icon{width:46px;height:46px;border-radius:14px}.price-card .plan-icon:after{border-radius:17px}.price-card .plan-icon svg{width:24px;height:24px}}
body.dark .price-card,body.dark .price-card.featured{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(145deg,#168ee8,#29455f 50%,#7059df) border-box}
@media(max-width:950px){.pricing-grid{max-width:590px}.price-card{padding:24px}}

.benefits article:nth-child(1){border-color:#b9ddf5;background:linear-gradient(135deg,#f1f9ff,#fbfdff)}
.benefits article:nth-child(2){border-color:#d4ccf8;background:linear-gradient(135deg,#f7f4ff,#fdfcff)}
.benefits article:nth-child(3){border-color:#bfe9df;background:linear-gradient(135deg,#f0fbf8,#fbfffe)}
.benefits article{box-shadow:0 8px 22px rgba(27,87,130,.055),inset 0 1px 0 rgba(255,255,255,.9);transition:.22s ease}
.benefits article:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(27,87,130,.1)}
body.dark .benefits article:nth-child(1),body.dark .benefits article:nth-child(2),body.dark .benefits article:nth-child(3){background:var(--surface)}