.hero-section{text-align:center;color:var(--text-color)}.hero-section h1{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px rgba(0,0,0,.15)}.hero-section p{font-size:20px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}@media (max-width:768px){.hero-section h1{font-size:32px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.hero-section p{font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,.15)}}@media (max-width:480px){.hero-section h1{font-size:25px;margin-bottom:25px}.hero-section p{font-size:16px}}.how-it-works{padding:10px 100px 100px;background:white}.how-it-works-container{width:100%}.title-header-works{font-size:42px;font-weight:700;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#ffd000,#ffce2b 20%,#ff8000 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px rgba(0,0,0,.15)}.subtitle-header-works{font-size:20px;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}.steps-grid{display:flex;justify-content:space-between}.step-card{background:white;border-radius:20px;padding:30px 20px;text-align:center;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s ease;border:1px solid #e2e8f0;overflow:hidden;width:23.5%;cursor:pointer}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ffd000,#ff9f22 35%,#e47200);transform:scaleX(0);transition:transform .3s ease}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.step-number{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffe055,#ffa735 35%,#e47200);color:white;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-icon{width:40px;margin:auto auto 20px;display:block}.step-card h3{font-size:17px;font-weight:600;color:#1e293b;margin-bottom:16px}.step-card p{color:#64748b;line-height:1.6;font-size:14px}@media (max-width:1087px){.how-it-works{padding:10px 70px 70px}.steps-grid{flex-wrap:wrap;gap:40px;justify-content:center}.step-card{width:45%}}@media (max-width:768px){.how-it-works{padding:10px 40px 70px}.title-header-works{font-size:32px;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.subtitle-header-works{font-size:18px;text-shadow:1px 1px 1px rgba(0,0,0,.15)}.steps-grid{gap:20px}.step-card{width:65%;border-top:4px solid #ffa73591}.step-card:before{display:none}}@media (max-width:480px){.title-header-works{font-size:25px;margin-bottom:25px}.subtitle-header-works{font-size:16px}.step-card{width:90%}}.uploader{color:var(--text-color);justify-content:space-between;align-items:center;width:100%}.upload-container,.uploader{display:flex;flex-direction:column}.upload-container{gap:24px;flex-wrap:wrap;align-items:flex-start;align-items:center;width:65%}.upload-container>p{font-weight:300;color:#a7a7a7;font-size:14px;text-align:center}.msg-display{display:block}.msg-mobile{display:none}.upload-container>p>span:hover{color:#4f7ebb;cursor:pointer}.upload-box{position:relative;display:flex;width:100%;min-height:400px;border:2px dashed var(--secondary-color);border-radius:12px;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .5s;text-align:center;padding:20px;gap:15px;z-index:1}.upload-box:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1;border-radius:14px;background:linear-gradient(135deg,#33b0e22c,#7c46d15d);filter:blur(8px);opacity:.6;transition:opacity .3s ease}.upload-box:hover:before{opacity:.8}.upload-box>img{width:70px;margin-bottom:-10px}.upload-box>p{color:#64748b;margin-bottom:-10px}@media (max-width:1087px){.upload-container{width:80%}}@media (max-width:768px){.upload-container{gap:15px;width:90%}.upload-box{min-height:250px;gap:5px}.upload-box>img{width:60px}.upload-box>p{font-size:14px}.upload-container>p{font-size:12px}.msg-display{display:none}.msg-mobile{display:block}}.benefits{padding:100px;background:linear-gradient(135deg,#1e293b,#334155);color:white}.benefits-container{width:100%}.section-header{text-align:center;margin-bottom:60px}.title-header-benefits{font-size:42px;font-weight:700;color:white;margin-bottom:16px;background:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 2px rgba(255,255,255,.075)}.subtitle-header-benefits{font-size:20px;color:#808ea1;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:2px 2px 1px rgba(0,0,0,.1)}.benefits-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.benefit-card{background:rgba(255,255,255,.05);border-radius:20px;padding:40px 32px;text-align:center;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:43%;border:1px solid rgba(255,255,255,.1);border-top:4px solid #3389ec7a}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2);border-top:4px solid #9a6ae7b2}.benefit-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#48c0f0,#338aec 20%,#9a6ae7 80%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.benefit-icon img{width:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin:auto}.benefit-card h3{font-size:22px;font-weight:600;color:white;margin-bottom:16px;position:relative;z-index:1}.benefit-card p{color:#cbd5e1;line-height:1.6;font-size:16px;position:relative;z-index:1}.box-benefits-btn-action{margin:120px 0 -80px}@media (max-width:1087px){.benefits{padding:70px}}@media (max-width:768px){.benefits{padding:60px 40px}.title-header-benefits{font-size:32px;text-shadow:1px 1px 1px rgba(255,255,255,.2)}.subtitle-header-benefits{font-size:18px;text-shadow:1px 1px 1px rgba(255,255,255,.15)}.benefits-grid{gap:30px}.benefit-card{width:80%}.benefit-icon{width:70px;height:70px}.benefit-icon span{font-size:28px}.box-benefits-btn-action{margin-top:50px!important}}@media (max-width:480px){.title-header-benefits{font-size:25px}.subtitle-header-benefits{font-size:16px}.benefit-card{width:95%}}