.agency-program-page{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.page-header-wrapper{color:#fff;text-align:center;background:0 0;padding-top:130px;padding-bottom:50px}@media (width<=768px){.page-header-wrapper{padding-top:124px!important;padding-bottom:35px!important}}.agency-container{max-width:1200px;margin:40px auto;padding:0 24px}.policy-title{text-align:center;color:var(--text-title);margin-bottom:8px;font-size:28px;font-weight:800}.policy-subtitle{text-align:center;color:var(--text-muted);margin-bottom:40px;font-size:15px}.tier-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:50px;display:grid}@media (width<=1024px){.tier-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tier-grid{grid-template-columns:1fr}}.tier-card{border:1px solid var(--border-color);box-shadow:var(--card-shadow);text-align:center;transition:var(--transition-smooth);background-color:#fff;border-radius:20px;flex-direction:column;padding:26px 16px;display:flex;position:relative;overflow:hidden}.tier-card:before{content:"";width:100%;height:6px;position:absolute;top:0;left:0}.tier-card.bronze:before{background-color:#b45309}.tier-card.silver:before{background-color:#64748b}.tier-card.gold:before{background-color:#eab308}.tier-card.platinum:before{background-color:#0284c7}.tier-card.vip:before{background-color:#7c3aed}.tier-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-5px)}.tier-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;align-self:center;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-block}.tier-card.bronze .tier-badge{color:#b45309;background-color:#fef3c7}.tier-card.silver .tier-badge{color:#475569;background-color:#f1f5f9}.tier-card.gold .tier-badge{color:#a16207;background-color:#fef9c3}.tier-card.platinum .tier-badge{color:#0369a1;background-color:#e0f2fe}.tier-card.vip .tier-badge{color:#6d28d9;background-color:#f3e8ff}.tier-commission{color:var(--text-title);margin-bottom:10px;font-size:34px;font-weight:800}.tier-commission span{color:var(--text-muted);font-size:16px;font-weight:600}.tier-target{color:var(--text-body);background-color:#f8fafc;border-radius:10px;margin-bottom:20px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-block}.tier-features{text-align:left;flex-direction:column;flex-grow:1;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.tier-feature-item{color:var(--text-body);align-items:center;gap:8px;font-size:13px;display:flex}.tier-feature-item svg{flex-shrink:0;width:15px;height:15px}.tier-card.bronze .tier-feature-item svg{color:#b45309}.tier-card.silver .tier-feature-item svg{color:#64748b}.tier-card.gold .tier-feature-item svg{color:#eab308}.tier-card.platinum .tier-feature-item svg{color:#0284c7}.tier-card.vip .tier-feature-item svg{color:#7c3aed}.info-panel{border:1px solid var(--border-color);box-shadow:var(--card-shadow);background-color:#fff;border-radius:24px;margin-bottom:50px;padding:40px}.info-title{color:var(--text-title);text-align:center;margin-bottom:24px;font-size:20px;font-weight:800}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.benefits-grid{grid-template-columns:1fr}}.benefit-item{gap:16px;display:flex}.benefit-icon-box{background-color:var(--primary-light);width:48px;height:48px;color:var(--primary-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-h{color:var(--text-title);margin:0 0 4px;font-size:15px;font-weight:700}.benefit-d{color:var(--text-body);margin:0;font-size:13.5px}.agency-register-box{border:1px solid var(--border-color);max-width:600px;box-shadow:var(--card-shadow);background-color:#fff;border-radius:24px;margin:0 auto;padding:40px}.register-title{text-align:center;color:var(--text-title);margin-bottom:8px;font-size:22px;font-weight:800}.register-desc{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:14px}@media (width<=576px){.agency-register-box,.info-panel{padding:24px 16px}.page-header-wrapper{padding-top:100px;padding-bottom:35px}.page-header-wrapper h1{font-size:28px!important}.page-header-wrapper p{font-size:14px!important}}.agency-cta-wrapper{text-align:center;justify-content:center;align-items:center;margin:36px 0 48px;display:flex}.agency-cta-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.agency-cta-btn .btn-icon{width:20px;height:20px}.agency-cta-btn.disabled-login{color:#64748b;background:#f1f5f9;border:1.5px solid #cbd5e1}.agency-cta-btn.disabled-login:hover{color:#334155;background:#e2e8f0;transform:translateY(-2px)}.agency-cta-btn.primary-register{color:#fff;background:linear-gradient(135deg,#0068ff 0%,#004dc7 100%);box-shadow:0 8px 20px #0068ff47}.agency-cta-btn.primary-register:hover{background:linear-gradient(135deg,#005ce6 0%,#0042b3 100%);transform:translateY(-2px);box-shadow:0 12px 26px #0068ff61}.agency-cta-btn.active-distributor{color:#fff;background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 8px 20px #10b98147}.agency-cta-btn.active-distributor:hover{background:linear-gradient(135deg,#059669 0%,#065f46 100%);transform:translateY(-2px);box-shadow:0 12px 26px #10b98161}.agency-cta-btn.pending-distributor{color:#b45309;cursor:not-allowed;box-shadow:none;background:#fef3c7;border:1.5px solid #fcd34d}.agency-cta-btn.pending-distributor:hover{transform:none}.modal-overlay .modal-content:has(.distributor-register-modal-content),.modal-content:has(.distributor-register-modal-content){width:92%!important;max-width:580px!important;padding:6px!important}.distributor-register-modal-content{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:24px 28px 28px}.distributor-register-modal-content .modal-header-box{text-align:center;margin-bottom:24px}.distributor-register-modal-content .modal-header-box .partner-badge{color:#0284c7;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);border:1.5px solid #bae6fd;border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:11px;font-weight:800;display:inline-flex}.distributor-register-modal-content .modal-header-box .partner-badge svg{color:#0284c7;width:14px;height:14px}.distributor-register-modal-content .modal-header-box .modal-title-text{color:var(--text-title,#0f172a);letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:800}.distributor-register-modal-content .modal-header-box .modal-subtitle-text{color:var(--text-muted,#64748b);margin:0;font-size:13.5px;line-height:1.5}.distributor-register-modal-content .register-form-body{flex-direction:column;gap:16px;display:flex}.distributor-register-modal-content .form-group{text-align:left;flex-direction:column;gap:6px;display:flex}.distributor-register-modal-content .form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=520px){.distributor-register-modal-content{padding:16px 12px 20px}.distributor-register-modal-content .form-grid-2{grid-template-columns:1fr}}.distributor-register-modal-content .form-label{color:var(--text-title,#334155);font-size:13px;font-weight:700}.distributor-register-modal-content .form-label .required-star{color:#ef4444;font-weight:800}.distributor-register-modal-content .input-with-icon{align-items:center;display:flex;position:relative}.distributor-register-modal-content .input-with-icon .field-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;left:14px}.distributor-register-modal-content .input-with-icon .form-control{border:1.5px solid var(--border-color,#cbd5e1);width:100%;color:var(--text-title,#0f172a);box-sizing:border-box;background-color:#f8fafc;border-radius:12px;padding:11px 14px 11px 42px;font-size:14px;transition:all .2s}.distributor-register-modal-content .input-with-icon .form-control:focus{background-color:#fff;border-color:#0068ff;outline:none;box-shadow:0 0 0 4px #0068ff1f}.distributor-register-modal-content .input-with-icon .form-control::placeholder{color:#a0aec0}.distributor-register-modal-content .input-with-icon:focus-within .field-icon{color:#0068ff}.distributor-register-modal-content .registration-notice-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;display:flex}.distributor-register-modal-content .registration-notice-card .notice-icon{color:#16a34a;flex-shrink:0;width:18px;height:18px;margin-top:2px}.distributor-register-modal-content .registration-notice-card .notice-text{color:#15803d;font-size:12.5px;font-weight:500;line-height:1.45}.distributor-register-modal-content .modal-actions-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:18px;display:flex}.distributor-register-modal-content .modal-actions-footer .btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s}.distributor-register-modal-content .modal-actions-footer .btn-cancel:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.distributor-register-modal-content .modal-actions-footer .btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0068ff 0%,#004dc7 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 16px #0068ff47}.distributor-register-modal-content .modal-actions-footer .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#005ce6 0%,#0042b3 100%);transform:translateY(-2px);box-shadow:0 10px 22px #0068ff61}.distributor-register-modal-content .modal-actions-footer .btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}