.HowTradingWorksPage{min-height:100vh;background-color:#fff;font-family:var(--font-inter),"Inter",sans-serif}.HowTradingWorksPage .page-header{background:linear-gradient(180deg,#0b4c5f,#179ec5 180.04%);color:#fff;padding:80px 0;text-align:center;position:relative;overflow:hidden}.HowTradingWorksPage .page-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.1),transparent);pointer-events:none}.HowTradingWorksPage .page-header .main-title{font-size:3rem;font-weight:700;margin-bottom:15px;letter-spacing:-.5px}@media(max-width:991px){.HowTradingWorksPage .page-header .main-title{font-size:2rem}}.HowTradingWorksPage .page-header .main-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;font-weight:300}@media(max-width:991px){.HowTradingWorksPage .page-header .main-subtitle{font-size:1rem}}.HowTradingWorksPage .content-body{padding:120px 0 60px;background:linear-gradient(180deg,#f9f9f9 0,#ffffff)}.HowTradingWorksPage .steps-flow{display:flex;justify-content:space-between;gap:30px;margin-bottom:80px}@media(max-width:991px){.HowTradingWorksPage .steps-flow{flex-direction:column;align-items:center;gap:50px}}.HowTradingWorksPage .steps-flow .step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}@media(max-width:991px){.HowTradingWorksPage .steps-flow .step-item{max-width:300px}}.HowTradingWorksPage .steps-flow .step-item .step-header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.HowTradingWorksPage .steps-flow .step-item .step-header .step-badge{background-color:#1a3a3a;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:4px;margin-bottom:12px}.HowTradingWorksPage .steps-flow .step-item .step-header .step-title{font-size:1.15rem;font-weight:700;color:#2c3e50}.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:20px;position:relative}.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .icon-circle{width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#2c3e50;box-shadow:0 4px 15px rgba(0,0,0,.05);z-index:2;transition:all .3s ease}.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .icon-circle svg{stroke-width:1.5}.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .step-arrow{position:absolute;left:100%;margin-left:15px;top:50%;transform:translate(-50%,-50%);font-size:4.5rem;color:#ccc;z-index:1}@media(max-width:1249px){.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .step-arrow{margin-left:10px}}@media(max-width:991px){.HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .step-arrow{display:none}}.HowTradingWorksPage .steps-flow .step-item:hover .icon-circle{transform:scale(1.1);background-color:#c4a16a;color:#fff;box-shadow:0 8px 25px rgba(196,161,106,.4)}.HowTradingWorksPage .steps-flow .step-item .step-description{font-size:17px;color:#7f8c8d;line-height:1.5}.HowTradingWorksPage .why-it-matters-section{margin-top:150px}.HowTradingWorksPage .why-it-matters-section .section-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:50px}.HowTradingWorksPage .why-it-matters-section .section-divider .divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#eee,transparent)}.HowTradingWorksPage .why-it-matters-section .section-divider .section-title{font-size:1.5rem;font-weight:600;color:#0b4c5f;white-space:nowrap}.HowTradingWorksPage .why-it-matters-section .benefits-container{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}@media(max-width:991px){.HowTradingWorksPage .why-it-matters-section .benefits-container{gap:30px}}.HowTradingWorksPage .why-it-matters-section .benefits-container .benefit-card{display:flex;align-items:center;gap:15px;max-width:320px}.HowTradingWorksPage .why-it-matters-section .benefits-container .benefit-card .benefit-icon{font-size:2rem;color:#1a3a3a;opacity:.8}.HowTradingWorksPage .why-it-matters-section .benefits-container .benefit-card .benefit-info .benefit-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin-bottom:4px}.HowTradingWorksPage .why-it-matters-section .benefits-container .benefit-card .benefit-info .benefit-subtitle{font-size:.9rem;color:#7f8c8d}.HowTradingWorksPage .cta-container{margin-top:80px;display:flex;justify-content:center;padding-bottom:40px}.HowTradingWorksPage .cta-container .explore-marketplace-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#1a3a3a,#2c5e5e);color:#fff;padding:14px 32px;border-radius:6px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.HowTradingWorksPage .cta-container .explore-marketplace-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15);background:linear-gradient(90deg,#2c5e5e,#1a3a3a)}.HowTradingWorksPage .page-footer-gradient{height:150px;background:linear-gradient(180deg,#ffffff,#f0f4f4);position:relative}.HowTradingWorksPage .page-footer-gradient:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3%3Cpath fill='%230b4c5f' fill-opacity='0.05' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,256C960,245,1056,203,1152,192C1248,181,1344,203,1392,213.3L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;background-size:cover;opacity:.3}[dir=rtl] .HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .step-arrow{left:auto;right:100%;margin-right:15px;transform:translate(50%,-50%)}@media(max-width:1249px){[dir=rtl] .HowTradingWorksPage .steps-flow .step-item .step-icon-wrapper .step-arrow{margin-right:10px}}