:root{--primary: #3f7e7c;--primary-dark: #1e4e4c;--secondary: #72aaa8;--secondary-light: #b8d4d0;--primary-pale: #dff2ee;--brand-gradient: linear-gradient(to right, var(--primary) 0%, var(--secondary-light) 50%, var(--primary) 100%);--primary-text: #666666;--subtle-text: #afafb0;--app-background: #f7f7fa;--white-background: #ffffff;--border: #c2c8cf;--alert: #d40033}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--primary-text);background:var(--app-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shell{min-height:100vh;display:flex;align-items:stretch;justify-content:center;background:var(--brand-gradient)}.card{width:520px;max-width:100%;min-height:100vh;background:var(--white-background);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 40px;box-shadow:8px 0 20px #0000002e,-8px 0 20px #0000002e}.brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.brandLogo{width:100px;height:52px;display:block}.brandLogo path{fill:var(--secondary)}.brandText{text-align:center}.brandEyebrow{margin:0;font-family:Raleway,Helvetica Neue,sans-serif;font-weight:700;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--primary)}.brandTitle{margin:2px 0 0;font-family:Raleway,Helvetica Neue,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.3px;color:var(--primary-dark)}.heading{margin:0 0 28px;font-size:24px;font-weight:500;color:var(--primary-text);text-align:center}form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:20px}.field{position:relative}.field>label{position:absolute;top:-9px;left:12px;padding:0 4px;background:var(--white-background);font-size:12px;font-weight:500;color:var(--primary-text);z-index:1}input{width:100%;height:54px;padding:0 16px;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:16px;color:#333;background:var(--white-background)}input:focus{outline:none;border-color:var(--secondary)}.field.hasAction input{padding-right:44px}.toggleVisibility{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--subtle-text);cursor:pointer}button.primary{width:100%;height:45.5px;background:var(--primary);color:#fff;border:0;border-radius:10px;font-family:inherit;font-size:17px;font-weight:500;cursor:pointer;transition:background-color .15s ease}button.primary:hover{background:var(--primary-dark)}button.primary:disabled{opacity:.6;cursor:default}button.link{align-self:center;background:none;border:0;color:var(--primary);font-family:inherit;font-size:14px;font-weight:500;padding:0;cursor:pointer}button.link:hover{text-decoration:underline}.row-end{display:flex;justify-content:flex-end;margin-top:-8px}.row-end button.link{align-self:auto}.error{color:var(--alert);font-size:14px;margin:0;text-align:center}.hint{color:var(--primary-text);font-size:14px;margin:0;text-align:center}