.sign-in-page{color:#171816;background:#fff;flex-direction:column;justify-content:space-between;min-height:100svh;font-family:Inter Variable,Inter,sans-serif;display:flex}.sign-in-header{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.sign-in-header .brand{color:#171816;font-size:18px;font-weight:700;text-decoration:none}.sign-in-header .brand:hover{opacity:.85}.sign-in-main{flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}.sign-in-container{flex-direction:column;align-items:stretch;width:100%;max-width:360px;display:flex}.sign-in-title{letter-spacing:-.02em;text-align:center;color:#171816;margin-bottom:24px;font-size:32px;font-weight:600}.sign-in-title.has-subtitle{margin-bottom:8px}.sign-in-subtitle{text-align:center;color:#6e706b;margin-bottom:24px;font-size:15px;line-height:1.5}.sign-in-card{flex-direction:column;gap:12px;width:100%;display:flex}.sign-in-card .oauth-button{color:#171816;cursor:pointer;background:#fff;border:1px solid #e5e5e3;border-radius:999px;justify-content:center;align-items:center;gap:12px;height:52px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.sign-in-card .oauth-button:hover:not(:disabled){background:#f9f9f8;border-color:#d8d8d6}.sign-in-card .auth-divider{color:#8e8e93;letter-spacing:.05em;text-align:center;align-items:center;gap:14px;margin:6px 0;font-size:11px;font-weight:600;display:flex}.sign-in-card .auth-divider:before,.sign-in-card .auth-divider:after{content:"";background:#ebebeb;flex:1;height:1px}.email-stacked-form{flex-direction:column;gap:14px;width:100%;display:flex}.email-stacked-input{color:#171816;box-sizing:border-box;background:#fff;border:1px solid #e5e5e3;border-radius:999px;outline:none;width:100%;height:52px;padding:0 20px;font-size:14px;transition:border-color .15s,box-shadow .15s}.email-stacked-input:focus{border-color:#171816;box-shadow:0 0 0 1px #171816}.email-stacked-input::placeholder{color:#8e8e93}.email-stacked-button{color:#fff;cursor:pointer;background:#171816;border:0;border-radius:999px;place-items:center;width:100%;height:52px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:grid}.email-stacked-button:hover:not(:disabled){background:#2e312d}.email-stacked-button:active:not(:disabled){transform:scale(.98)}.email-stacked-button:disabled{color:#a1a29d;cursor:not-allowed;background:#f0f0ee}.sign-in-authenticated{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.sign-in-mascot{object-fit:contain;width:130px;height:130px;margin-bottom:8px}.sign-in-user-info{flex-direction:column;gap:6px;display:flex}.sign-in-user-name{color:#171816;font-size:18px;font-weight:600}.sign-in-user-desc{color:#6e706b;font-size:14px;line-height:1.4}.sign-in-authenticated-actions{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.sign-in-primary-action{color:#fff;background:#171816;border-radius:999px;justify-content:center;align-items:center;height:50px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.sign-in-primary-action:hover{background:#2e312d}.sign-in-secondary-action{color:#171816;cursor:pointer;background:#fff;border:1px solid #e5e5e3;border-radius:999px;justify-content:center;align-items:center;height:50px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.sign-in-secondary-action:hover{background:#f9f9f8;border-color:#d8d8d6}.sign-in-subtle-link{color:#8e8e93;margin-top:4px;font-size:13px;text-decoration:none}.sign-in-subtle-link:hover{color:#171816;text-decoration:underline}.sign-in-footer{flex-direction:column;align-items:center;gap:14px;padding:24px 32px 32px;display:flex}.sign-in-footer-mark{color:#171816;width:22px;height:22px;display:block}.sign-in-footer-mark svg{width:100%;height:100%}.sign-in-legal-links{color:#8e8e93;align-items:center;gap:12px;font-size:12px;display:flex}.sign-in-legal-links a{color:inherit;text-decoration:none;transition:color .15s}.sign-in-legal-links a:hover{color:#171816;text-decoration:underline}.sign-in-legal-links span{opacity:.5}@media (max-width:600px){.sign-in-header{padding:16px 20px}.sign-in-main{padding:24px 16px}.sign-in-title{font-size:28px}.sign-in-footer{padding:20px 16px 24px}}