:root{font-family:"Nunito","Segoe UI",sans-serif;color:#243e43;background:#fff;font-synthesis:none;--orange:#f54c19;--teal:#086578;--muted:#69777a}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{transition:background .18s,transform .18s}button:active{transform:translateY(1px)}[hidden]{display:none!important}
.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.brand{position:relative;isolation:isolate;overflow:hidden;background:#fff5ee;padding:44px clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.brand:before{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;background:#ffe5d1;right:-210px;bottom:-200px}.brand:after{content:"";position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;background:#f8ebdd;left:-205px;top:34%}.brand-link{display:block;width:205px;text-decoration:none;color:var(--teal)}.logo{display:block;width:205px;height:auto}.brand-link>span{display:block;font-size:10px;letter-spacing:5px;font-weight:700;margin:4px 0 0 5px}.brand-content{padding:24px 0 16px;animation:appear .45s ease-out}.brand-symbol{width:100px;height:100px;margin-bottom:32px}.brand-symbol svg{width:100%;height:100%;fill:var(--orange)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;line-height:1.6;margin:0;color:var(--teal)}h1{font-size:clamp(38px,4.3vw,64px);line-height:1.07;letter-spacing:-2px;font-weight:750;margin:16px 0 24px;color:var(--teal)}.brand-description{font-size:17px;line-height:1.7;margin:0;color:#52686b}.companies{font-size:12px;font-weight:600;color:#596e71;margin:27px 0 0;line-height:1.7}.companies span{margin:0 10px;color:#bb7d5d}blockquote{max-width:440px;margin:0;padding:18px 20px;background:#ffffffb0;border:1px solid #ffffff;border-radius:16px}blockquote p{font-size:13px;line-height:1.65;margin:0;color:#607174}cite{display:block;margin-top:7px;font-size:11px;font-style:normal;font-weight:650;color:#687b7d}
.access{position:relative;padding:64px 40px 90px;display:flex;align-items:center;justify-content:center;background:white}.form-container{width:100%;max-width:390px;animation:appear .55s ease-out}.form-container>.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted)}h2{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:12px 0;color:#263d42}.intro{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 34px}form{margin:0}.field{margin-bottom:22px}.field label{font-size:13px;font-weight:650}.field>label{display:block;margin-bottom:9px}.field input{display:block;width:100%;height:54px;border:1px solid #dce2e2;border-radius:12px;background:#fafbfb;color:#263d42;padding:0 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.field input:focus{border-color:var(--teal);background:white;box-shadow:0 0 0 3px #0865780d}.field input::placeholder{color:#899496}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.text-button{border:0;background:none;padding:0;color:var(--teal);font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:86px}#toggle-password{position:absolute;right:10px;top:12px;padding:7px 9px;border:0;background:transparent;color:var(--teal);font-weight:600;font-size:12px;border-radius:6px}#toggle-password:hover{background:#e9f2f3}.remember{display:flex;align-items:center;gap:10px;font-size:13px;color:#667578;margin:3px 0 28px;cursor:pointer}.remember input{accent-color:var(--teal);width:17px;height:17px;margin:0;flex-shrink:0}.primary{width:100%;border:0;border-radius:999px;padding:16px 24px;background:var(--teal);color:white;font-weight:650;font-size:15px;min-height:52px;box-shadow:0 7px 18px #08657814}.primary:hover{background:#075363}.primary span{margin-left:12px}.access-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin:26px 0 0;font-size:11px;color:#7c8789;line-height:1.7}.access-note svg{width:15px;height:18px;flex-shrink:0}.preview-note{position:absolute;bottom:24px;margin:0;text-align:center;font-size:11px;color:#7d888a}.status{margin:16px 0 0;padding:14px;border:1px solid #d4e4e6;border-radius:10px;background:#f1f7f8;font-size:13px;line-height:1.6;color:#225860}dialog{width:min(440px,calc(100% - 32px));border:1px solid #e1e7e7;border-radius:20px;padding:28px;color:#243e43}dialog::backdrop{background:#193e4666}dialog h2{font-size:27px}dialog p:not(.eyebrow){font-size:15px;line-height:1.65;color:#667578}dialog form{margin-top:24px}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.brand{padding-left:max(80px,calc((100vw - 1350px)/2))}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand{padding:24px;gap:0}.brand-link,.logo{width:165px}.brand-content,blockquote{display:none}.access{padding:38px 24px 76px;min-height:calc(100svh - 107px);align-items:flex-start}.form-container{max-width:420px}h2{font-size:32px}.preview-note{bottom:20px}.intro{margin-bottom:28px}.access-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
