.howitworks-page{color:#1e293b;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.howitworks-hero{text-align:center;background:#fff;border-bottom:1px solid #e2e8f0;padding:8rem 2rem;position:relative}.howitworks-hero h1{color:#0f172a;z-index:2;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;position:relative}.gold-text{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.howitworks-hero p{color:#475569;z-index:2;max-width:600px;margin:0 auto;font-size:1.3rem;position:relative}.howitworks-steps{max-width:1200px;margin:5rem auto;padding:0 2rem}.steps-container{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.step-card{text-align:center;background:#fff;border:1px solid #e9eef3;border-radius:24px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 2px 4px #00000005,0 1px 2px #00000008}.step-card:before{content:"";background:#3b82f6;border-radius:24px 24px 0 0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.step-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 35px -12px #3b82f626}.step-card:hover:before{transform:scaleX(1)}.step-number{color:#e2e8f0;margin-bottom:1rem;font-size:3rem;font-weight:800;transition:color .3s}.step-card:hover .step-number{color:#3b82f6}.step-icon{margin-bottom:1rem;font-size:3rem}.step-title{color:#0f172a;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.step-description{color:#5b6e8c;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.step-duration{color:#3b82f6;background:#f8fafc;border:1px solid #e9eef3;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .3s;display:inline-flex}.step-card:hover .step-duration{background:#eff6ff;border-color:#3b82f6}.duration-icon{font-size:.9rem}.process-flow-section{text-align:center;background:#fafcff;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;padding:5rem 2rem;position:relative}.process-flow-section h2{color:#0f172a;margin-bottom:3rem;font-size:2.8rem;font-weight:700;display:inline-block;position:relative}.process-flow-section h2:after{content:"";background:#3b82f6;border-radius:2px;width:80px;height:3px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.process-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1000px;margin:0 auto;display:flex}.flow-item{text-align:center}.flow-icon{background:#fff;border:1.5px solid #e9eef3;border-radius:24px;justify-content:center;align-items:center;width:85px;height:85px;margin-bottom:.75rem;font-size:2rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000005}.flow-item:hover .flow-icon{background:#fff;border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 12px 24px -8px #3b82f626}.flow-label{color:#5b6e8c;font-size:.875rem;font-weight:500;transition:color .3s}.flow-item:hover .flow-label{color:#3b82f6}.flow-arrow{color:#cbd5e1;font-size:1.5rem;font-weight:700;transition:color .3s}.flow-item:hover+.flow-arrow{color:#3b82f6}.howitworks-benefits{text-align:center;max-width:1200px;margin:5rem auto;padding:0 2rem}.howitworks-benefits h2{color:#0f172a;margin-bottom:1rem;font-size:2.8rem;font-weight:700}.benefits-subtitle{color:#64748b;margin-bottom:3rem;font-size:1.1rem}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.benefit-card{text-align:center;background:#fff;border:1px solid #e9eef3;border-radius:24px;padding:2rem 1.5rem;transition:all .3s;box-shadow:0 2px 4px #00000005}.benefit-card:hover{border-color:#3b82f6;transform:translateY(-6px);box-shadow:0 20px 35px -12px #3b82f61f}.benefit-icon{margin-bottom:1.25rem;font-size:2.5rem}.benefit-card h3{color:#0f172a;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.benefit-card p{color:#5b6e8c;font-size:.9rem;line-height:1.6}.support-section{max-width:1200px;margin:5rem auto;padding:0 2rem}.support-content{background:#fafcff;border:1px solid #eef2f6;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3rem;display:grid;position:relative;box-shadow:0 4px 12px #00000005}.support-text{z-index:2;position:relative}.support-badge{color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#eef2ff 100%);border:1px solid #e2e8f0;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-block}.support-text h2{color:#0f172a;margin-bottom:1rem;font-size:2rem;font-weight:700}.support-text p{color:#5b6e8c;margin-bottom:2rem;font-size:1rem;line-height:1.6}.support-stats{gap:2rem;margin-bottom:2rem;display:flex}.stat{flex-direction:column;display:flex}.stat-value{color:#3b82f6;font-size:1.75rem;font-weight:800}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.support-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:14px;padding:.75rem 1.75rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:#3b82f6;border:none;box-shadow:0 2px 8px #3b82f633}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.btn-secondary{color:#0f172a;background:0 0;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px)}.support-card{text-align:center;z-index:2;background:#fff;border:1px solid #e9eef3;border-radius:24px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 8px 20px #0000000a}.support-card:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 16px 28px -8px #3b82f61f}.support-icon{margin-bottom:1rem;font-size:3rem}.support-card h3{color:#0f172a;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.support-card p{color:#64748b;margin-bottom:1.5rem;font-size:.875rem}.chat-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:14px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.chat-btn:hover{background:#2563eb;transform:translate(5px);box-shadow:0 4px 12px #3b82f64d}.cta-section{text-align:center;background:#fafcff;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;padding:5rem 2rem;position:relative}.cta-section h2{color:#0f172a;z-index:2;margin-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.cta-section p{color:#64748b;z-index:2;margin-bottom:2rem;font-size:1.1rem;position:relative}.cta-buttons{z-index:2;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.cta-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:14px;padding:.875rem 2rem;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #3b82f633}.cta-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.cta-secondary{color:#0f172a;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:14px;padding:.875rem 2rem;font-weight:600;transition:all .3s}.cta-secondary:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px)}@media screen and (max-width:992px){.howitworks-hero h1{font-size:2.8rem}.howitworks-hero p{font-size:1.1rem}.steps-container,.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.support-content{text-align:center;grid-template-columns:1fr}.support-stats,.support-buttons{justify-content:center}}@media screen and (max-width:768px){.howitworks-hero{padding:6rem 1.5rem}.howitworks-hero h1{font-size:2.2rem}.howitworks-hero p{font-size:1rem}.steps-container{grid-template-columns:1fr}.process-flow-section h2{font-size:2rem}.process-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.howitworks-benefits h2{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.support-section{margin:3rem auto}.support-content{padding:2rem}.support-text h2{font-size:1.5rem}.support-stats{flex-direction:column;align-items:center;gap:1rem}.cta-section h2{font-size:1.8rem}}@media screen and (max-width:576px){.howitworks-hero{padding:4rem 1rem}.howitworks-hero h1{font-size:1.8rem}.howitworks-steps{margin:3rem auto;padding:0 1rem}.step-card{padding:1.5rem}.process-flow-section{padding:3rem 1rem}.howitworks-benefits,.support-section{margin:3rem auto;padding:0 1rem}.support-content{padding:1.5rem}.cta-section{padding:3rem 1rem}.cta-section h2{font-size:1.5rem}.cta-buttons{flex-direction:column}}
