.promote-hero{background:linear-gradient(180deg, #fafaf8 0%, var(--paper) 100%)}.how-section{padding:clamp(40px, 6vw, 80px) var(--page-pad);background:var(--sand)}.how-inner{max-width:1100px;margin:0 auto}.how-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:clamp(14px,2vw,24px);margin-top:clamp(20px,3vw,36px);display:grid}.how-step{background:var(--paper);text-align:center;border:1px solid var(--border);border-radius:16px;padding:clamp(20px,2.6vw,32px);transition:all .25s}.how-step:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.how-num{letter-spacing:3px;color:var(--gold);margin-bottom:clamp(14px,2vw,20px);font-family:Inter,sans-serif;font-size:clamp(11px,1.2vw,13px);font-weight:600}.how-icon{background:var(--teal-light);width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);color:var(--teal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto clamp(14px,2vw,20px);font-size:clamp(20px,2.6vw,26px);display:flex}.how-step h3{color:var(--ink);margin-bottom:8px;font-family:Inter,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:600}.how-step p{color:var(--ink-soft);font-family:Inter,sans-serif;font-size:clamp(12px,1.4vw,14px);line-height:1.55}.how-arrow{color:var(--border-dark);justify-content:center;align-items:center;font-size:clamp(18px,2vw,24px);display:flex}.promote-grid{grid-template-columns:1fr 1fr 1fr!important}.promote-card{cursor:pointer}.promote-card.selected{border-color:var(--gold);border-width:2px;box-shadow:0 0 0 4px #a8722e1f}.selected-package-banner{background:var(--teal-light);border:1px solid var(--teal);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(20px,3vw,32px);padding:clamp(14px,2vw,20px) clamp(16px,2.4vw,24px);display:flex}.spb-left,.spb-right{flex-direction:column;gap:4px;display:flex}.spb-right{text-align:right;align-items:flex-end}.spb-label{letter-spacing:2px;text-transform:uppercase;color:var(--teal);font-family:Inter,sans-serif;font-size:clamp(9px,1vw,10px);font-weight:600}.spb-left strong{color:var(--ink);font-family:Inter,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:600}.spb-right strong{color:var(--gold);font-family:Inter,sans-serif;font-size:clamp(16px,2vw,20px);font-weight:600}.spb-duration{color:var(--ink-muted);font-family:Inter,sans-serif;font-size:clamp(10px,1.2vw,12px)}.promote-form-section{padding:clamp(40px, 6vw, 80px) var(--page-pad);background:var(--paper)}.promote-form-inner{max-width:720px;margin:0 auto}.promote-form{margin-top:clamp(20px,3vw,32px)}.pf-row{grid-template-columns:1fr 1fr;gap:clamp(12px,1.8vw,18px);display:grid}.pf-group{margin-bottom:clamp(14px,2vw,20px)}.pf-group label{letter-spacing:1px;text-transform:uppercase;color:var(--ink);margin-bottom:7px;font-family:Inter,sans-serif;font-size:clamp(10px,1.2vw,12px);font-weight:600;display:block}.pf-group .req{color:var(--red);margin-left:2px}.pf-group input,.pf-group select,.pf-group textarea{border:1.5px solid var(--border-dark);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:clamp(10px,1.4vw,13px) clamp(12px,1.6vw,16px);font-family:Inter,sans-serif;font-size:clamp(12px,1.4vw,14px);transition:all .2s}.pf-group input:focus,.pf-group select:focus,.pf-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #5f79841a}.pf-group textarea{resize:vertical;min-height:100px;font-family:Inter,sans-serif;line-height:1.6}.pf-char-count{color:var(--ink-muted);text-align:right;margin-top:4px;font-family:Inter,sans-serif;font-size:10px}.pf-upload{border:2px dashed var(--border-dark);text-align:center;cursor:pointer;background:#fafaf8;border-radius:12px;padding:clamp(24px,3.6vw,40px);transition:all .2s;position:relative}.pf-upload:hover{border-color:var(--teal);background:var(--teal-light)}.pf-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pf-upload-prompt{pointer-events:none}.pf-upload-prompt i{color:var(--teal);margin-bottom:8px;font-size:clamp(28px,3.6vw,38px)}.pf-upload-prompt div{color:var(--ink);margin-bottom:4px;font-family:Inter,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:500}.pf-upload-prompt small{color:var(--ink-muted);font-family:Inter,sans-serif;font-size:11px}.pf-upload-preview{max-width:100%;position:relative}.pf-upload-preview img{object-fit:cover;border-radius:8px;width:100%;max-height:260px;display:block}.pf-remove-img{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;top:8px;right:8px}.pf-remove-img:hover{background:var(--red)}.pf-info-box{color:var(--ink-soft);background:#fff8e8;border:1px solid #f0e2bc;border-radius:10px;gap:12px;margin:clamp(16px,2.4vw,24px) 0;padding:clamp(14px,2vw,18px);font-family:Inter,sans-serif;font-size:clamp(11px,1.3vw,13px);line-height:1.6;display:flex}.pf-info-box i{color:var(--gold);flex-shrink:0;margin-top:1px;font-size:16px}.pf-info-box strong{color:var(--ink)}.pf-submit{color:#fff;letter-spacing:.5px;cursor:pointer;background:#25d366;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:clamp(8px,1.4vw,16px);padding:clamp(14px,1.8vw,18px);font-family:Inter,sans-serif;font-size:clamp(13px,1.5vw,15px);font-weight:700;transition:all .25s;display:flex}.pf-submit:hover:not(:disabled){background:#1ebe57;transform:translateY(-1px);box-shadow:0 12px 32px #25d36659}.pf-submit:disabled{background:var(--border-dark);cursor:not-allowed}.pf-submit i{font-size:20px}@media (max-width:900px){.how-steps{grid-template-columns:1fr;gap:12px}.how-arrow{padding:4px 0;transform:rotate(90deg)}.promote-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.pf-row{grid-template-columns:1fr;gap:0}.pf-group input,.pf-group select,.pf-group textarea{padding:11px 13px;font-size:13px}.selected-package-banner{flex-direction:column;align-items:flex-start;gap:10px}.spb-right{text-align:left;align-items:flex-start}.pf-submit{padding:14px;font-size:13px}.how-step{padding:20px}.how-icon{width:48px;height:48px;font-size:20px}}@media (max-width:400px){.pf-upload{padding:24px 16px}.pf-upload-prompt i{font-size:26px}.pf-info-box{padding:12px;font-size:11px}}