:root{--brand-header-bg:var(--primary-color,#0f294e);--brand-body-text:var(--text-primary,#0d1a2f);--brand-footer-bg:var(--primary-color,#0f294e);--brand-footer-text:#fff;--brand-phrase-bg:transparent;--brand-phrase-text:#fff}
html.theme-loading .header{visibility:hidden}
html.theme-ready .header{visibility:visible}
body{overflow-x:hidden}
.header{background-color:var(--brand-header-bg)!important;padding:20px 16px!important;text-align:center;position:relative}
.company-brand-top{display:none;position:relative;overflow:hidden;background-color:var(--brand-header-bg);background-repeat:no-repeat;margin:-20px -16px 15px;min-height:78px}
.company-brand-top.show{display:block}
.company-brand-logo{display:none;position:absolute;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}
.logo-container{position:relative!important;z-index:1;max-width:190px!important;height:62px!important;margin:0 auto!important;padding:8px 16px!important;background:#fff!important;border-radius:14px 14px 0 0!important;box-shadow:0 -2px 6px rgba(0,0,0,.06)!important;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}
.logo-container::before{content:"";position:absolute;z-index:0;left:50%;bottom:0;width:100vw;height:32px;transform:translateX(-50%);background:#fff}
.logo-container .logo{position:relative;z-index:1;width:82%;height:82%;max-width:82%;max-height:82%;object-fit:contain}
.header-text{color:var(--brand-phrase-text)!important;background-color:var(--brand-phrase-bg);font-size:18px!important;font-weight:500!important;margin:0 -16px!important;padding:12px 16px;text-transform:uppercase}
.header-text.has-bg{margin:0 -16px!important;padding:12px 16px}
.progress-bar{display:flex!important;justify-content:center;align-items:center;gap:0;margin-top:15px!important;color:#fff;font-size:14px}
.progress-step{display:flex;align-items:center}.step-number{width:30px!important;height:30px!important;border-radius:50%;background:rgba(255,255,255,.3)!important;display:flex;align-items:center;justify-content:center;margin-right:8px;font-weight:500}
.step-number.active{background:#fff!important;color:var(--brand-header-bg)!important}.step-divider{margin:0 15px!important;color:rgba(255,255,255,.55)}
.main-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:20px 16px!important}
.form-card,.main-content>.card{background:#fff;border-radius:var(--radius,12px)!important;box-shadow:var(--shadow,0 4px 12px rgba(0,0,0,.1))!important;width:100%;max-width:540px;padding:24px;margin-top:-30px;position:relative;z-index:1;color:var(--brand-body-text)}
.form-title{color:var(--brand-body-text)!important}.btn-primary,.selfie-btn{background-color:var(--brand-header-bg)!important}.footer{background-color:var(--brand-footer-bg)!important;color:var(--brand-footer-text)!important}
@media(max-width:768px){.company-brand-top{max-height:220px}.progress-bar{width:100%;max-width:100%;font-size:10px!important;overflow:hidden}.progress-step{min-width:0;white-space:nowrap}.progress-step span{font-size:10px}.step-number{width:24px!important;height:24px!important;min-width:24px;margin-right:3px!important}.step-divider{margin:0 3px!important}.header{padding-left:12px!important;padding-right:12px!important}.main-content{padding-left:12px!important;padding-right:12px!important}.form-card,.main-content>.card{padding:18px}.logo-container{width:min(52vw,180px)!important;height:56px!important;padding:7px 14px!important}.header-text{margin-left:-12px!important;margin-right:-12px!important;font-size:15px!important}.company-brand-logo{max-width:none!important;max-height:100%!important}}
@media(max-width:380px){.progress-bar{justify-content:space-between}.progress-step span{font-size:9px}.step-divider{margin:0 1px!important}}
