@font-face{font-family:Cairo;src:url(fonts/cairo-regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url(fonts/cairo-semibold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Cairo;src:url(fonts/cairo-bold.ttf) format('truetype');font-weight:700;font-display:swap}
.sp-app.en-public,.sp-app.en-public h1,.sp-app.en-public h2,.sp-app.en-public h3,.sp-app.en-public button,.sp-app.en-public input,.sp-app.en-public label,.sp-app.en-public summary{font-family:Cairo,sans-serif!important;letter-spacing:normal!important}
.sp-app.en-public{font-size:16px;font-weight:600;line-height:1.7}
.sp-app.en-public .sp-hero{padding:100px 0 90px;min-height:550px;background:var(--en-soft)}
.sp-app.en-public .sp-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:65px;align-items:center}
.sp-app.en-public .sp-hero-copy h1{font-size:50px;line-height:1.25;font-weight:700;margin:0 0 16px}
.sp-app.en-public .sp-hero-copy p{font-size:16px;font-weight:600;color:var(--en-ink);line-height:1.7}
.sp-app.en-public .sp-eyebrow,.sp-app.en-public .sp-hero-copy>.sp-text-link,.sp-app.en-public .sp-login-intro,.sp-app.en-public .sp-login-card>h2{display:none}
.sp-app.en-public .sp-login-card{padding:30px;border-radius:10px;box-shadow:none}
.sp-app.en-public .sp-login-card label{font-size:16px;font-weight:700}
.sp-app.en-public .sp-login-card .form-control{height:60px;font-size:16px;border-radius:9px;background:var(--en-tint)}
.sp-app.en-public .sp-login-submit{display:block;width:100%;min-height:55px;font-weight:700;text-align:center;font-size:16px}
.sp-app.en-public .sp-login-submit>span{display:none}
.sp-app.en-public .sp-signup-note{font-size:16px;color:var(--en-ink)}
.sp-app.en-public .sp-section-heading{max-width:900px;margin:0 auto 40px;text-align:center}
.sp-app.en-public .sp-section-heading h2{font-size:36px;line-height:1.3;font-weight:700;margin:0 0 12px}
.sp-app.en-public .sp-section-heading p{font-size:16px;font-weight:600;line-height:1.7}
.sp-app.en-public .sp-how,.sp-app.en-public .sp-reasons,.sp-app.en-public .sp-faq{padding:70px 0}
.sp-app.en-public .sp-features,.sp-app.en-public .sp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0}
.sp-app.en-public .sp-feature-card,.sp-app.en-public .sp-steps article{text-align:center;padding:0 10px;background:none;border:0;box-shadow:none;border-radius:0}
.sp-app.en-public .sp-feature-icon{position:static;margin:0 auto 20px;background:transparent;font-size:36px}
.sp-app.en-public .sp-feature-card h3,.sp-app.en-public .sp-steps h3{font-size:20px;font-weight:700;margin:0 0 12px}
.sp-app.en-public .sp-feature-card p,.sp-app.en-public .sp-steps p{font-size:16px;font-weight:600;line-height:1.7}
.sp-app.en-public .sp-step-number{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 22px;background:var(--en-accent);color:#fff;border-radius:50%;font-size:26px;font-weight:700}
.sp-app.en-public .sp-faq-grid{display:block}
.sp-app.en-public .sp-faq .sp-section-heading{text-align:center;margin:0 auto 40px}
.sp-app.en-public .sp-faq .sp-section-heading h2{font-size:36px}
.sp-app.en-public .sp-faq .sp-text-link{display:none}
.sp-app.en-public .sp-faq-items{max-width:950px;margin:auto}
.sp-app.en-public .sp-faq details{padding:20px 25px;margin:0 0 14px;border:0;border-radius:8px;box-shadow:none}
.sp-app.en-public .sp-faq summary{font-size:18px;font-weight:700;line-height:1.5}
.sp-app.en-public .sp-faq details p{font-size:16px;font-weight:600;line-height:1.7;margin:12px 0 0;color:var(--en-ink)}
/* Restrained premium finish, retaining the reference layout and font. */
.sp-app.en-public .en-topbar{border-bottom:1px solid var(--en-border)}
.sp-app.en-public .sp-hero{background:radial-gradient(ellipse at 75% 20%,#ffffffa8,transparent 60%),var(--en-soft)}
.sp-app.en-public .sp-login-card{border:1px solid #ffffffc9;border-radius:14px;box-shadow:0 18px 55px #15385f0d,0 2px 8px #15385f05}
.sp-app.en-public .sp-login-card .form-control{border-color:var(--en-border);transition:border-color .16s,box-shadow .16s}
.sp-app.en-public .sp-login-card .form-control:focus{border-color:var(--en-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--en-accent) 12%,transparent)}
.sp-app.en-public .sp-login-submit{box-shadow:0 5px 15px color-mix(in srgb,var(--en-accent) 20%,transparent);transition:filter .16s,box-shadow .16s}
.sp-app.en-public .sp-login-submit:hover{filter:brightness(.96);box-shadow:0 7px 20px color-mix(in srgb,var(--en-accent) 26%,transparent)}
.sp-app.en-public .sp-feature-card p{opacity:.88}
.sp-app.en-public .sp-step-number{box-shadow:0 6px 16px color-mix(in srgb,var(--en-accent) 15%,transparent)}
.sp-app.en-public .sp-steps p{color:var(--en-muted);font-weight:400}
.sp-app.en-public .sp-faq details{border:1px solid var(--en-border);border-radius:10px;box-shadow:0 3px 12px #15385f04;transition:border-color .16s}
.sp-app.en-public .sp-faq details[open]{border-color:color-mix(in srgb,var(--en-accent) 38%,var(--en-border))}
.sp-app.en-public .sp-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:600}
.sp-app.en-public .sp-faq summary::-webkit-details-marker{display:none}
.sp-app.en-public .sp-faq summary:after{content:'+';display:block;color:var(--en-accent);font-family:Arial,sans-serif;font-size:22px;font-weight:400;flex-shrink:0}
.sp-app.en-public .sp-faq details[open] summary:after{content:'−'}
.sp-app.en-public .sp-faq details p{font-weight:400;color:var(--en-muted)}
.sp-app.en-public .en-footer{border-top:1px solid var(--en-border)}
@media(prefers-reduced-motion:reduce){.sp-app.en-public *{transition:none!important}}
@media(max-width:1000px){.sp-app.en-public .sp-hero-grid{gap:35px}.sp-app.en-public .sp-hero-copy h1{font-size:40px}.sp-app.en-public .sp-features,.sp-app.en-public .sp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.sp-app.en-public .sp-hero{padding:45px 0 100px;min-height:0}.sp-app.en-public .sp-hero-grid{display:flex;flex-direction:column;gap:30px}.sp-app.en-public .sp-hero-copy h1{font-size:34px}.sp-app.en-public .sp-login-card{padding:24px;width:100%;max-width:none}.sp-app.en-public .sp-section-heading h2,.sp-app.en-public .sp-faq .sp-section-heading h2{font-size:28px}.sp-app.en-public .sp-features,.sp-app.en-public .sp-steps{grid-template-columns:1fr;gap:30px}.sp-app.en-public .sp-feature-card{padding:0!important}.sp-app.en-public .sp-how,.sp-app.en-public .sp-reasons,.sp-app.en-public .sp-faq{padding:45px 0}.sp-app.en-public .sp-faq details{padding:18px}}
