.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:16px;padding:22px;border:1px solid #edf1f7;box-shadow:0 12px 28px #0000000d;transition:.25s}.card-custom:hover{transform:translateY(-3px)}.notice-box{border-left:4px solid #ff4d4f}.notice-box h5{font-size:22px;font-weight:700;margin-bottom:16px}.notice-item{padding:12px 0;border-bottom:1px solid #eef2f7}.notice-item:last-child{border-bottom:none}.notice-item b{color:#0f172a}.notice-item small{color:#64748b;font-size:14px}h4{font-weight:700;margin-top:42px;margin-bottom:18px;font-size:28px;color:#0f172a}.step-box{position:relative;padding:18px 16px;border-radius:16px;background:#fff;border:1px solid #e8eef8;box-shadow:0 10px 24px #1e66d00f;transition:.25s;height:100%}.step-box:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1e66d01f}.step-header{display:flex;align-items:center;gap:14px}.step-number{width:42px;height:42px;min-width:42px;border-radius:50%;background:#2f80ed;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.step-text{flex:1}.step-text b{display:block;margin-bottom:4px;color:#0f172a;font-size:16px}.step-text p{margin:0;color:#64748b;font-size:14px}.major-card{border:1px solid #e8eef8;border-top:4px solid #2f80ed;border-radius:16px;padding:18px;transition:.25s;height:100%}.major-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1e66d01a}.major-card h6{font-size:17px;font-weight:700;margin-bottom:8px;color:#0f172a}.major-card p{font-size:14px;color:#64748b;margin-bottom:8px}.guide-box{border-radius:18px;padding:24px;background:#fff;box-shadow:0 14px 35px #1e66d014;border:1px solid #e8eef8}.guide-title{margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #e7f0ff}.guide-title h5{font-size:22px;font-weight:700;color:#212529}.guide-item{background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #d9e7ff;border-radius:16px;padding:20px;transition:.25s;height:100%}.guide-item:hover{transform:translateY(-4px);box-shadow:0 16px 30px #1e66d01f;border-color:#b9d2ff}.guide-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.guide-icon{width:46px;height:46px;border-radius:14px;background:#1e66d0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 18px #1e66d038}.guide-head b{font-size:17px;font-weight:700;color:#0f172a}.guide-list{margin:0;padding-left:18px}.guide-list li{margin-bottom:10px;line-height:1.6;color:#334155;font-size:15px}.guide-list li:last-child{margin-bottom:0}.guide-list li::marker{color:#1e66d0}.guide-address p{margin-bottom:10px;color:#334155;line-height:1.65;font-size:15px}.guide-address p:first-child{font-weight:700;color:#0f172a}.btn-primary{background:#1677ff;border:none}.btn-primary:hover{background:#4096ff}@media(max-width:992px){.hero{padding:50px 20px}h4{font-size:24px}}@media(max-width:768px){.hero{padding:28px 14px;text-align:left}.hero h1{font-size:22px;line-height:1.35;margin-bottom:8px}.hero p{font-size:13px;margin-bottom:14px}.hero .d-flex{flex-direction:column;gap:8px}.hero .btn{width:100%;font-size:14px;padding:10px}.card-custom{padding:14px;border-radius:14px}h4{font-size:19px;margin-top:24px;margin-bottom:12px;text-align:left}.step-grid{display:flex;flex-direction:column;gap:10px}.step-header{gap:10px}.step-box{padding:14px}.step-number{width:34px;height:34px;min-width:34px;font-size:13px}.step-text b{font-size:14px}.step-text p{font-size:12px}.major-card{padding:14px}.major-card h6{font-size:15px}.major-card p{font-size:13px}.guide-box{padding:14px;border-radius:14px}.guide-title{margin-bottom:12px;padding-bottom:10px}.guide-title h5{font-size:18px;text-align:center}.guide-item{padding:14px;border-radius:12px}.guide-head{flex-direction:column;justify-content:center;text-align:center;gap:8px;margin-bottom:12px}.guide-icon{width:40px;height:40px;font-size:16px;border-radius:12px}.guide-head b{font-size:15px}.guide-list li,.guide-address p{font-size:13px}.guide-address{text-align:center}.container{padding-left:12px;padding-right:12px}.row>[class*=col-]{width:100%;max-width:100%;flex:none}}@media(max-width:480px){.hero h1{font-size:20px}h4{font-size:17px}.guide-title h5{font-size:16px}.guide-list li,.guide-address p,.major-card p{font-size:12px}.step-text b,.major-card h6{font-size:13px}}
