:root{--primary-orange: #f48f00;--primary-navy: #1e204b;--white: #ffffff;--light-gray: #f5f5f5;--text-gray: #666666;--accent-muted: #c08a3e;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading-color: var(--primary-navy);--transition: all .25s ease;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;width:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-body);line-height:1.6;color:var(--primary-navy);background-color:var(--light-gray)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--heading-color)}button,input,select,textarea{font:inherit}input,select,textarea{max-width:100%;min-width:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary-navy)!important;box-shadow:0 0 0 3px #1e204b1f!important}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-muted);outline-offset:2px}.kyc-fields label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:var(--primary-navy)}.kyc-fields>div{margin-bottom:16px}.kyc-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.kyc-page>main{flex:1;display:flex;flex-direction:column}.kyc-nav-link{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-navy);background:none;border:0;cursor:pointer}.kyc-nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent-muted);opacity:0;transition:opacity .2s ease}.kyc-nav-link:hover:after,.kyc-nav-link:focus-visible:after{opacity:1}@media(max-width:480px){.kyc-user{display:none}}.kyc-step-label{white-space:nowrap}@media(max-width:640px){.kyc-step:not(.is-active) .kyc-step-label{display:none}.kyc-step.is-first .kyc-step-label{align-self:flex-start}.kyc-step.is-last .kyc-step-label{align-self:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
