:root{--color-primary: #0066cc;--color-primary-focus: #0071e3;--color-primary-on-dark: #2997ff;--color-ink: #1d1d1f;--color-ink-muted-80: #333333;--color-ink-muted-48: #7a7a7a;--color-hairline: #e0e0e0;--color-divider-soft: #f0f0f0;--color-canvas: #ffffff;--color-canvas-parchment: #f5f5f7;--color-surface-black: #000000;--font-primary: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;font-family:var(--font-primary);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--color-canvas-parchment);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}a{color:inherit}.app-shell{min-height:100vh;background:var(--color-canvas)}.sub-nav-content{display:flex;align-items:center;justify-content:space-between;width:min(100% - 48px,1200px);height:100%;margin:0 auto}.sub-nav{position:relative;z-index:2;height:52px;border-bottom:1px solid var(--color-hairline);background:#f5f5f7eb;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.sub-nav-content{color:var(--color-ink);font-size:21px;font-weight:600;letter-spacing:.231px}.private-label{color:var(--color-ink-muted-48);font-size:12px;font-weight:400;letter-spacing:-.12px}.login-layout{display:grid;place-items:center;min-height:calc(100vh - 52px);padding:80px 24px;background:var(--color-canvas-parchment)}.login-panel{display:grid;align-items:center;width:min(100%,560px);padding:48px;background:var(--color-canvas)}.login-form{display:grid;gap:24px;width:min(100%,420px);margin:0 auto}.overline{margin:0 0 12px;color:var(--color-primary);font-size:12px;font-weight:600;letter-spacing:.08em}.login-heading h1{margin:0;font-size:clamp(40px,4.1vw,56px);font-weight:600;line-height:1.07;letter-spacing:-.28px}.form-description{max-width:370px;margin:17px 0 0;color:var(--color-ink-muted-48);font-size:17px;font-weight:400;line-height:1.47;letter-spacing:-.374px}.fields{display:grid;gap:17px}.fields>label{display:grid;gap:8px;color:var(--color-ink-muted-80);font-size:14px;font-weight:600;line-height:1.29;letter-spacing:-.224px}.fields input{width:100%;height:48px;padding:0 20px;border:1px solid var(--color-hairline);border-radius:9999px;outline:none;color:var(--color-ink);background:var(--color-canvas);font-size:17px;font-weight:400;letter-spacing:-.374px;transition:border-color .16s ease,box-shadow .16s ease}.fields input::placeholder{color:var(--color-ink-muted-48)}.fields input:focus{border-color:var(--color-primary-focus);box-shadow:0 0 0 3px #0071e32e}.password-field{position:relative;display:block}.password-field input{padding-right:92px}.show-password{position:absolute;top:50%;right:14px;padding:5px 7px;border:0;color:var(--color-primary);background:transparent;cursor:pointer;transform:translateY(-50%);font-size:12px;font-weight:600}.show-password:hover{text-decoration:underline}.form-options{display:flex;align-items:center;justify-content:space-between;gap:17px;font-size:14px;line-height:1.43;letter-spacing:-.224px}.remember{display:flex;align-items:center;gap:8px;color:var(--color-ink-muted-80)}.remember input{width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.form-options a{color:var(--color-primary);text-decoration:none}.form-options a:hover{text-decoration:underline}.submit-button{justify-self:start;min-width:112px;padding:12px 24px;border:0;border-radius:9999px;color:#fff;background:var(--color-primary);cursor:pointer;font-size:17px;font-weight:400;line-height:1.24;letter-spacing:-.374px;transition:background .16s ease}.submit-button:hover,.submit-button:focus-visible{background:var(--color-primary-focus)}.privacy-note{margin:-8px 0 0;color:var(--color-ink-muted-48);font-size:12px;line-height:1.3;letter-spacing:-.12px}footer{padding:24px max(24px,calc((100% - 1200px)/2));border-top:1px solid var(--color-hairline);color:var(--color-ink-muted-80);background:var(--color-canvas-parchment);font-size:12px;letter-spacing:-.12px}footer p{margin:0}@media(max-width:900px){.login-layout{padding:64px 24px}}@media(max-width:560px){.sub-nav-content{width:calc(100% - 32px)}.login-layout{padding:32px 16px}.login-panel{padding:40px 24px}.login-heading h1{font-size:40px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.submit-button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
