@charset "UTF-8";
*,*:before,*:after{box-sizing:border-box}
body,h1,h2,h3,h4,p{margin:0}
html{font-size:100%}
body{font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;font-size:1rem;line-height:1.5;color:#111;background:#f5f5f5;-webkit-font-smoothing:antialiased}
a{color:#007c8c;font-weight:600;text-decoration:none}
a:hover{color:#004964}
button{cursor:pointer;font:inherit;border:0;background:none;padding:0}

.ux-balance .container{display:flex;width:100%;padding:0 16px}
.ux-balance .container>*{margin:auto;max-width:1280px;width:100%}
.ux-balance .container__inner{width:100%}
.ux-balance .container-vertical-spacing--0>*{padding:0}
.ux-balance .container-vertical-spacing--30>*{padding:.5rem 0}

.ux-balance .stack{display:flex;flex-direction:column;width:100%}
.ux-balance .stack>*{margin:0;max-width:100%}
.ux-balance .stack.stack-vertical-spacing--40>*+*{margin-top:.75rem}
.ux-balance .stack.stack-vertical-spacing--50>*+*{margin-top:1rem}
.ux-balance .stack.stack-vertical-spacing--60>*+*{margin-top:1.5rem}
.ux-balance .stack.stack-vertical-spacing--70>*+*{margin-top:2rem}
.ux-balance .stack.stack--centered{align-items:center}

.ux-balance .tile{background:#fff;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.16)}
.ux-balance .tile--padded{padding:1.5rem}

.ux-balance .cta{align-items:center;border-radius:10rem;border:1px solid transparent;display:inline-flex;justify-content:center;padding:calc(1.5em - 11px) calc(2em - 12px);text-align:center;transition:all .25s;gap:.4em;font-weight:600}
.ux-balance .cta--primary{background:#417514;color:#fff}
.ux-balance .cta--primary:hover{background:#1d4900}
.ux-balance .cta--large{font-size:1rem}
.ux-balance .cta--full-width{width:100%}
.ux-balance .cta--text-secondary{color:#707070;background:none;padding:.25rem 0}
.ux-balance .cta--text-secondary:hover{color:#333}
.ux-balance .cta--small{font-size:.875rem}
.ux-balance .cta__label{transform:translateY(-.08em)}

.ux-balance .form-control__container{display:flex;flex-direction:column;width:100%;gap:.5rem}
.ux-balance .form-control__label{font-size:.9rem;font-weight:600}
.ux-balance .form-control__input{font-size:1.1rem;border-radius:8px;border:1px solid #8c8c8c;padding:.75rem 1rem;width:100%;transition:all .25s}
.ux-balance .form-control__input:hover{border-color:#5e9c11}
.ux-balance .form-control__input:focus{outline:none;border-color:#360;box-shadow:0 0 0 4px #5e9c11}
.ux-balance .form-control__input--error{border-color:#dd3721!important}
.ux-balance .form-control__input--error:focus{box-shadow:0 0 0 4px #ea7153;border-color:#9f1016}
.ux-balance .form-control__input::placeholder{color:#8c8c8c}

.ux-balance .form-control__container--checkbox{flex-direction:row;align-items:center;gap:.5rem}
.ux-balance .form-control__input--checkbox{width:20px;height:20px;accent-color:#5e9c11}

.field-error{color:#be1e18;font-size:.8rem;display:flex;align-items:center;gap:.3rem;margin-top:.25rem}
.field-error svg{flex-shrink:0}

.auth-layout{display:flex;flex-direction:column;min-height:100vh}
.main{flex:1}
.content-wrapper{max-width:420px;margin:0 auto}
.form{width:100%}

.header{padding:1rem;display:flex;justify-content:center;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.regions-logo{height:28px;width:auto}
.regions-logo--green{fill:#417514}

.fdic-section{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#707070;padding:.75rem 0;justify-content:center}

.auth-heading{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.header-title{font-weight:300;color:#111}
.auth-heading__description{font-size:1rem;color:#707070;font-weight:400}

.step{display:none}
.step.active{display:block}

.step-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:50%;background:#f0fad4;color:#417514;margin-bottom:.5rem}

.error-box{display:none;background:#fde5d2;border:1px solid #dd3721;border-radius:8px;padding:.75rem 1rem;color:#9f1016}
.error-box.show{display:block}
.error-box p{display:flex;align-items:center;gap:.5rem;margin:0}
.error-box svg{flex-shrink:0}

.card-row{display:flex;gap:1rem}
.card-row .form-control__container{flex:1}

.file-upload-container{display:flex;gap:1rem;flex-wrap:wrap}
.file-upload-box{flex:1;min-width:140px;border:2px dashed #ccc;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .25s;position:relative}
.file-upload-box:hover{border-color:#5e9c11;background:#fafff5}
.file-upload-box.has-file{border-color:#5e9c11;border-style:solid;background:#f0fad4}
.file-upload-box.has-error{border-color:#dd3721;background:#fef2f2}
.file-upload-box input{display:none}
.file-upload-box label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#707070}
.file-upload-box svg{color:#8c8c8c}
.file-upload-box.has-file svg{color:#417514}
.file-name{font-size:.75rem;word-break:break-all}
.file-upload-preview{display:none;max-width:100%;max-height:120px;margin-top:.5rem;border-radius:8px}
.file-upload-preview.show{display:block}

.footer{background:#fff;padding:2rem 1rem;margin-top:2rem;border-top:1px solid #e8e8e8}
.footer__inner{max-width:1280px;margin:0 auto;text-align:center}
.footer__nav{margin-bottom:1rem}
.footer__nav-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;padding:0;margin:0}
.footer__compliance{margin:1.5rem 0;padding:1rem;background:#f5f5f5;border-radius:8px}
.footer__compliance-title{font-size:.8rem;font-weight:600;margin-bottom:.5rem}
.footer__compliance-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;list-style:none;padding:0;margin:0;font-size:.75rem;color:#707070}
.footer__legal--global{font-size:.75rem;color:#707070}
.footer__copy{margin:.25rem 0}
.footer__icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}
.footer__icon-graphic{height:24px}
.text-style-body-3{font-size:.9rem}
.text-style-body-4{font-size:.8rem;color:#707070}

.loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:9999}
.loader.hidden{display:none}
.loader svg{animation:spin 1s linear infinite}

@keyframes spin{to{transform:rotate(360deg)}}

.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:50%;transform:translateX(-50%);top:10px;z-index:9999;background:#fff;padding:.5rem 1rem;border-radius:4px}

@media(min-width:768px){
    .ux-balance .tile--padded{padding:2rem}
    .content-wrapper{max-width:480px}
}
.file-upload-box.dragover{border-color:#5e9c11;background:#f0fad4;transform:scale(1.02)}
.file-upload-box .upload-label{display:block;font-weight:600;color:#333;margin:.75rem 0 .25rem}
.file-upload-box .upload-hint{display:block;font-size:.75rem;color:#888}