@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#182334;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f3f5f7;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:DM Sans,sans-serif}button,input{font-size:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #16867559}button:disabled{cursor:not-allowed}#root{min-height:100vh}::selection{color:#fff;background:#168675}:root{--navy:#142235;--navy-light:#20334a;--teal:#168675;--teal-dark:#106c5e;--teal-light:#74d6c0;--text:#202c3b;--muted:#778393;--border:#dfe5ea;--surface:#fff;--page:#f3f5f7;--danger:#bd3f48}.app-shell{background:var(--surface);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:100vh;display:grid}.brand-panel{isolation:isolate;color:#fff;background:radial-gradient(at 10% 75%,#1d7f6d3b,#0000 48%),linear-gradient(145deg,#142235,#101c2b);flex-direction:column;justify-content:center;min-height:100vh;padding:42px clamp(32px,5vw,76px);display:flex;position:relative;overflow:hidden}.brand-panel-content{z-index:1;width:100%;max-width:490px;margin:auto;position:relative}.brand-header{margin-bottom:clamp(55px,9vh,100px)}.stockora-brand{align-items:center;gap:12px;display:inline-flex}.stockora-mark{width:48px;height:48px;color:var(--teal-light);background:#16867530;border:1px solid #74d6c040;border-radius:13px;flex:none;place-items:center;display:grid}.stockora-wordmark{flex-direction:column;gap:3px;display:flex}.stockora-name{color:#fff;letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.stockora-period{color:var(--teal-light)}.stockora-caption{color:#aab9c9;letter-spacing:1.8px;font-size:9px;font-weight:700}.brand-eyebrow{color:#9ae3d2;letter-spacing:1.5px;background:#74d6c012;border:1px solid #74d6c038;border-radius:6px;align-items:center;gap:9px;padding:9px 12px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:var(--teal-light);border-radius:50%;width:7px;height:7px}.brand-introduction h1{letter-spacing:-2.5px;margin:26px 0 17px;font-family:Manrope,sans-serif;font-size:clamp(42px,4.5vw,61px);font-weight:800;line-height:1.12}.brand-description{color:#b5c2d0;max-width:410px;margin:0;font-size:14px;line-height:1.9}.benefit-list{gap:23px;margin-top:43px;display:grid}.benefit-item{align-items:center;gap:14px;display:flex}.benefit-icon{color:#83d9c4;background:#ffffff0e;border:1px solid #ffffff12;border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.benefit-item h2{color:#f3f6fa;margin:0;font-size:13px;font-weight:600}.benefit-item p{color:#9eafbf;margin:5px 0 0;font-size:11px;line-height:1.6}.brand-footer{color:#9eafbf;align-items:center;gap:9px;margin-top:55px;font-size:10px;line-height:1.7;display:flex}.brand-footer svg{color:#83d9c4;flex:none}.login-panel{background:var(--surface);flex-direction:column;justify-content:center;min-width:0;min-height:100vh;padding:36px clamp(30px,6vw,92px) 24px;display:flex}.login-content{width:100%;max-width:430px;margin:auto}.welcome-label{color:var(--teal);letter-spacing:2px;font-size:10px;font-weight:800}.login-title{color:var(--text);letter-spacing:-1.3px;margin:13px 0 9px;font-family:Manrope,sans-serif;font-size:clamp(27px,2.5vw,35px);font-weight:800;line-height:1.25}.login-subtitle{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.login-form{gap:23px;margin-top:35px;display:grid}.form-field label{color:#2c3746;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.password-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.password-heading label{margin-bottom:9px}.link-button{color:var(--teal);background:0 0;border:0;margin:0 0 9px;padding:0;font-size:11px;font-weight:700}.link-button:hover{color:var(--teal-dark);text-decoration:underline}.input-shell{border:1px solid var(--border);color:#8995a3;background:#fff;border-radius:8px;align-items:center;gap:11px;min-width:0;height:51px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.input-shell:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #16867517}.input-shell.input-error{border-color:var(--danger)}.input-shell.input-error:focus-within{box-shadow:0 0 0 3px #bd3f4817}.input-shell>svg{flex:none}.input-shell input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;padding:0;font-size:13px}.input-shell input:focus-visible{outline:none}.input-shell input::placeholder{color:#a4adb7}.visibility-button{color:#7d8997;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:6px;display:grid}.visibility-button:hover{color:var(--teal);background:#f1f8f6}.field-error{color:var(--danger);margin:7px 0 0;font-size:11px;line-height:1.5}.form-assurance{justify-content:space-between;align-items:center;gap:12px;margin-top:-3px;display:flex}.form-assurance>span:first-child{color:#6f7d8c;align-items:center;gap:6px;font-size:11px;display:flex}.form-assurance svg{color:var(--teal)}.form-assurance>span:last-child{color:#99a2ad;font-size:10px}.sign-in-button{color:#fff;background:var(--teal);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:51px;padding:12px 16px;font-size:13px;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:0 7px 16px #16867526}.sign-in-button:hover{background:var(--teal-dark)}.sign-in-button:active{transform:translateY(1px)}.sign-in-button:focus-visible{outline-offset:3px}.form-message{color:#245e54;background:#f0f8f6;border:1px solid #d9e8e4;border-radius:7px;margin-top:-8px;padding:12px 13px;font-size:12px;line-height:1.7}.form-message.error{color:#9d3039;background:#fff5f5;border-color:#f0d1d3}.login-divider{align-items:center;gap:10px;margin:31px 0 22px;display:flex}.login-divider>span:first-child,.login-divider>span:last-child{background:#e8ecf0;flex:1;height:1px}.divider-label{color:#9aa4af;letter-spacing:1px;text-align:center;font-size:8px;font-weight:700}.login-security-note{color:#8994a1;text-align:center;margin:0;font-size:10px;line-height:1.8}.login-footer{color:#98a2ad;justify-content:space-between;gap:12px;width:100%;max-width:430px;margin:30px auto 0;font-size:10px;display:flex}@media (width>=1400px){.brand-panel{padding-left:8%;padding-right:8%}}@media (width<=950px){.app-shell{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.brand-panel{padding-left:30px;padding-right:30px}.login-panel{padding-left:35px;padding-right:35px}.brand-introduction h1{letter-spacing:-1.8px;font-size:43px}}@media (width<=700px){.app-shell{display:block}.brand-panel{display:none}.login-panel{min-height:100dvh;padding:30px 24px 20px}.login-content{max-width:440px;padding-top:20px}.login-title{font-size:30px}.login-footer{max-width:440px;margin-top:28px}}@media (width<=380px){.login-panel{padding-left:18px;padding-right:18px}.login-title{font-size:27px}.form-assurance{align-items:flex-start}.divider-label{letter-spacing:.6px;font-size:7px}.login-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}