.staffrooster-login{color:#fff;background:radial-gradient(circle at 8% 10%,#214c3c 0,#0000 32%),radial-gradient(circle at 90% 90%,#163c30 0,#0000 30%),#10251d;flex-direction:column;min-height:100vh;padding:32px clamp(20px,5vw,76px) 26px;display:flex}.login-brand{color:#fff;letter-spacing:-.7px;align-items:center;gap:12px;width:max-content;font-size:24px;font-weight:800;text-decoration:none;display:flex}.login-shell{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(40px,8vw,100px);width:min(1100px,100%);margin:auto;display:grid}.login-story{max-width:630px}.login-kicker{color:#8ce1ad;letter-spacing:.16em;font-size:11px;font-weight:850}.login-story h1{letter-spacing:-.045em;margin:18px 0 22px;font-family:Georgia,serif;font-size:clamp(48px,6vw,76px);line-height:.98}.login-story>p{color:#c1d1ca;max-width:600px;margin:0;font-size:17px;line-height:1.7}.login-story ul{gap:18px;margin:38px 0 0;padding:0;list-style:none;display:grid}.login-story li{align-items:flex-start;gap:14px;display:flex}.login-story li>i{color:#153328;background:#7ee2a5;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:12px;font-style:normal;font-weight:900;display:grid}.login-story li span{flex-direction:column;gap:4px;display:flex}.login-story li b{font-size:13px}.login-story li small{color:#93aaa0;font-size:11px;line-height:1.5}.login-card{color:#18251f;background:#fbfcf8;border:1px solid #dce7df;border-radius:22px;padding:38px;box-shadow:0 30px 90px #05120c66}.login-card-label{color:#177a55;letter-spacing:.16em;margin-top:25px;font-size:9px;font-weight:900;display:block}.login-card h2{letter-spacing:-1.2px;margin:8px 0 10px;font-size:31px}.login-card>p{color:#68756f;margin:0;font-size:13px;line-height:1.6}.login-button{color:#fff;background:#0d8e62;border-radius:10px;justify-content:space-between;align-items:center;min-height:52px;margin-top:27px;padding:0 17px;font-size:13px;font-weight:850;text-decoration:none;display:flex;box-shadow:0 8px 22px #0d8e622d}.login-button:hover{background:#087650}.login-button span{font-size:19px}.login-security{background:#f1f5f1;border:1px solid #dce5de;border-radius:11px;gap:11px;margin-top:20px;padding:15px;display:flex}.login-security>span{color:#1d7a57;font-size:12px}.login-security p{flex-direction:column;gap:4px;margin:0;display:flex}.login-security b{font-size:11px}.login-security small{color:#728078;font-size:9px;line-height:1.5}.login-card nav{border-top:1px solid #e2e7e2;flex-wrap:wrap;gap:18px;margin-top:24px;padding-top:18px;display:flex}.login-card nav a{color:#58685f;font-size:9px;font-weight:750;text-decoration:none}.staffrooster-login>footer{color:#7f988d;justify-content:space-between;gap:16px;font-size:9px;display:flex}@media (max-width:820px){.staffrooster-login{padding:22px 18px}.login-shell{grid-template-columns:1fr;gap:42px;padding:54px 0}.login-story{text-align:center;margin:auto}.login-story h1{font-size:clamp(42px,12vw,58px)}.login-story>p{font-size:14px}.login-story ul{display:none}.login-card{width:min(100%,480px);margin:auto;padding:30px}.staffrooster-login>footer{text-align:center;flex-direction:column;gap:5px}}@media (max-width:380px){.login-brand .brand-wordmark{display:none}.login-shell{padding-top:38px}.login-card{padding:25px 20px}.login-card h2{font-size:27px}}.login-mode-tabs{background:#eef3ef;border:1px solid #dce5de;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;margin-top:25px;padding:4px;display:grid}.login-mode-tabs button{color:#68756f;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:11px;font-weight:800}.login-mode-tabs button.active{color:#183d30;background:#fff;box-shadow:0 2px 8px #10251d12}.staffrooster-auth-form{gap:13px;margin-top:18px;display:grid}.staffrooster-auth-form label{color:#3c4d44;gap:6px;font-size:10px;font-weight:800;display:grid}.staffrooster-auth-form input{color:#18251f;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #cfdad2;border-radius:9px;outline:none;padding:0 13px;font-size:13px}.staffrooster-auth-form input:focus{border-color:#14875f;box-shadow:0 0 0 3px #0d8e6217}.email-login-button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#0d8e62;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:850;display:flex;box-shadow:0 8px 22px #0d8e622d}.email-login-button:hover{background:#087650}.email-login-button:disabled{opacity:.65;cursor:wait}.email-login-button span{font-size:18px}.forgot-button{color:#476457;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:center;font-size:10px;font-weight:750;text-decoration:underline}.login-error,.login-message{border-radius:8px;margin:0;padding:10px 12px;font-size:10px;line-height:1.45}.login-error{color:#9c3829;background:#fff0ec}.login-message{color:#216b4c;background:#eaf6ee}.login-divider{color:#829087;text-transform:uppercase;align-items:center;gap:11px;margin:18px 0;font-size:9px;font-weight:800;display:flex}.login-divider:before,.login-divider:after{content:"";background:#dce5de;flex:1;height:1px}.chatgpt-login-button{color:#18251f;background:#fff;border:1px solid #cfd8d1;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 15px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.chatgpt-login-button:hover{background:#f4f6f4}.chatgpt-mark{color:#fff;background:#111;border-radius:7px;place-items:center;width:23px;height:23px;font-size:15px;display:grid}.provider-note{text-align:center;color:#7a8780!important;margin:9px 8px 0!important;font-size:9px!important;line-height:1.45!important}.auth-complete-page{align-items:center}.auth-complete-page>.login-brand{align-self:flex-start}.auth-complete-card{color:#18251f;background:#fbfcf8;border:1px solid #dce7df;border-radius:22px;width:min(440px,100%);margin:auto;padding:38px;box-shadow:0 30px 90px #05120c66}.auth-complete-card h1{letter-spacing:-1px;margin:9px 0;font-size:30px}.auth-complete-card>p{color:#68756f;font-size:12px;line-height:1.6}.auth-complete-card .login-error{color:#9c3829}.auth-return{color:#176f51;margin-top:15px;font-size:11px;font-weight:800;display:inline-block}