/* HOSTPOKA page: domain-transfer | Developer: RAHAT */
.transfer-hero { background: linear-gradient(135deg, var(--hp-brand) 0%, var(--hp-brand-700) 100%); padding: 90px 0 70px; text-align: center; color: #fff; }
.transfer-hero h1 { font-size: 38px; font-weight: 900; margin-bottom: 15px; }
.transfer-hero p { font-size: 17px; opacity: 0.9; max-width: 600px; margin: 0 auto 35px; }
.transfer-box { max-width: 750px; margin: 0 auto; background: #fff; padding: 10px; border-radius: 15px; display: flex; box-shadow: 0 15px 40px rgba(0,0,0,0.2); }
.transfer-box input { flex: 1; border: none; padding: 15px 20px; font-size: 16px; outline: none; color: #333; }
.transfer-btn { background: var(--primary); color: #fff; border: none; padding: 15px 35px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.transfer-btn:hover { background: var(--hp-brand-700); }
.why-transfer { padding: 80px 0; background: #fff; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.feature-item { text-align: center; padding: 30px; border-radius: 20px; background: #f8faff; border: 1px solid #eef2ff; }
.feature-item i { font-size: 35px; color: var(--primary); margin-bottom: 20px; }
.feature-item h4 { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.feature-item p { font-size: 14px; color: #64748b; line-height: 1.6; }
.steps-section { padding: 80px 0; background: var(--dark); color: #fff; }
.step-box { display: flex; align-items: center; gap: 25px; margin-bottom: 30px; background: rgba(255,255,255,0.05); padding: 25px; border-radius: 15px; border-left: 5px solid var(--primary); }
.steps-section .step-num { min-width: 50px; height: 50px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 900; }
.step-text h4 { font-size: 18px; margin-bottom: 5px; color: var(--secondary); }
.step-text p { font-size: 14px; opacity: 0.8; }
@media (max-width: 768px) { .transfer-box { flex-direction: column; gap: 10px; padding: 15px; } .transfer-btn { width: 100%; } .transfer-hero h1 { font-size: 28px; } }