.hero{background:linear-gradient(135deg,#1e66d0,#2f80ed);color:#fff;padding:60px 0;text-align:center}.hero-badge{margin-top:18px;display:inline-block;padding:10px 18px;background:#ffffff2e;border-radius:30px;font-weight:600}.card-custom{background:#fff;border-radius:10px;padding:20px;border:1px solid #eee;box-shadow:0 8px 24px #0000000d}.notice-box{border-left:4px solid #ff4d4f;padding-left:16px}.notice-item{padding:10px 0;border-bottom:1px solid #eee}.step-box{text-align:center;padding:20px;border-radius:10px;background:#fff;border:1px solid #eee;height:100%;transition:.3s}.step-box:hover{transform:translateY(-4px)}.step-number{width:40px;height:40px;background:#2f80ed;color:#fff;border-radius:50%;margin:auto auto 10px;line-height:40px;font-weight:700}.major-card{border-top:3px solid #2f80ed;transition:.3s}.major-card:hover{transform:translateY(-4px)}h4{font-weight:700;margin-top:40px}.btn-primary{background:#1677ff;border:none}.btn-primary:hover{background:#4096ff}@media(max-width:992px){.hero{padding:50px 20px}.hero h2{font-size:30px}.hero p{font-size:16px}}@media(max-width:768px){body{overflow-x:hidden}.container{padding-left:14px;padding-right:14px}.hero{padding:40px 15px}.hero h2{font-size:24px;line-height:1.5}.hero p{font-size:14px}.hero .btn{width:100%;margin-bottom:10px}.card-custom,.step-box{padding:18px}h4{font-size:22px;margin-top:28px}.step-number{width:36px;height:36px;line-height:36px;font-size:14px}.row>[class*=col-]{margin-bottom:15px}}@media(max-width:480px){.hero h2{font-size:20px}.hero p{font-size:13px}.card-custom,.step-box{padding:15px}h4{font-size:20px}.notice-item small,.major-card p{font-size:13px}}
