.email-login{--blue:#3269e7;box-sizing:border-box;max-width:480px;margin:0 auto;padding:40px 28px 24px;color:#252a34;font-family:system-ui,-apple-system,sans-serif}.email-login *{box-sizing:border-box}.email-login [hidden]{display:none!important}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:48px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8efff;color:var(--blue);font-weight:700}.login-brand strong{font-size:19px}.login-brand>span:last-child{margin-left:auto;font-size:12px;color:#7b8597}.email-login h1{font-size:32px;line-height:1.4;letter-spacing:-.7px;margin:0 0 14px}.email-login p{font-size:14px;color:#68758b;line-height:1.8}.email-login .eyebrow{font-size:12px;color:var(--blue);margin:0 0 12px;letter-spacing:.6px}.email-login .login-intro{font-size:16px;margin-bottom:28px}.email-login button{font:inherit;border:0;border-radius:12px;padding:14px 16px;min-height:48px;cursor:pointer;transition:background .15s}.email-login .primary{width:100%;background:var(--blue);color:white;font-weight:600}.email-login .primary:hover{background:#2459cd}.email-login .primary>span{float:right}.email-login .secondary,.email-login .google-button{width:100%;margin-top:12px;background:white;color:#252a34;border:1px solid #dce1e9}.email-login button:disabled{opacity:.55;cursor:wait}.email-login .login-note{font-size:12px;text-align:center;line-height:1.7}.trial-note{margin-top:32px;padding:18px 20px;border:1px solid #e1e6ef;border-radius:14px}.trial-note strong{font-size:13px}.trial-note p{font-size:12px;margin:8px 0 0}.trial-note b{font-weight:500}.email-login footer{font-size:11px;text-align:center;color:#7b8597;margin-top:32px}.email-login .text-button{padding:8px 0;min-height:44px;background:transparent;color:var(--blue);font-size:13px}.email-login [data-back],.email-login [data-demo-back]{margin-bottom:16px}.email-login form{display:grid;gap:10px;margin-top:20px}.email-login label{display:block;font-size:13px;margin-bottom:8px}.email-login input{width:100%;font:inherit;border:1px solid #dce1e9;border-radius:12px;padding:15px;background:white;color:#252a34;min-width:0}.email-login input:focus{border-color:var(--blue)}.email-login [data-message]{font-size:13px;min-height:22px;margin:0;overflow-wrap:anywhere}.email-login :focus-visible{outline:3px solid #91b6ff;outline-offset:3px}.email-login .google-button{display:flex;align-items:center;justify-content:center;gap:12px}.google-icon{font-weight:700;font-size:20px;color:#4285f4}.email-login .login-divider{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:12px;color:#7b8597}.login-divider:before,.login-divider:after{content:'';height:1px;background:#e1e6ef;flex:1}.email-login [data-google-link]{color:var(--blue);display:block;text-align:center;padding:14px;margin-top:8px}.email-login [data-google-help]{font-size:12px}.code-actions{display:flex;justify-content:space-between;gap:12px}.email-login .email-destination{font-size:13px;margin:0 0 20px;overflow-wrap:anywhere}.email-destination strong{display:block;color:#252a34}.email-login .code-help{font-size:12px;margin:10px 0 0}.email-login .storage-note{margin-top:24px;font-size:12px;color:#68758b}.storage-note summary{cursor:pointer;text-align:center;padding:10px}.storage-note p{font-size:12px}.email-login blockquote{margin:22px 0;padding:18px;background:#eaf0fc;border-radius:14px;font-size:15px;line-height:1.8}.demo-task{padding:20px;background:white;border:1px solid #e1e6ef;border-radius:16px}.demo-tag{font-size:11px;color:var(--blue)}.demo-task h2{font-size:18px;margin:12px 0 20px}.demo-task dl{font-size:13px}.demo-task dl>div{display:flex;justify-content:space-between;gap:16px;margin:12px 0}.demo-task dt{color:#68758b}.demo-task dd{margin:0}.demo-task details{border-top:1px solid #edf0f5;padding-top:16px;font-size:12px;color:#68758b}.demo-task summary{cursor:pointer}.email-login .demo-task p{font-size:12px}@media(max-width:480px){.email-login{padding:24px 24px}.login-brand{margin-bottom:32px}.email-login h1{font-size:28px}}@media(prefers-reduced-motion:reduce){.email-login button{transition:none}}

.email-login .demo-entry{display:block;margin:20px auto 0;text-align:center}.email-login .storage-note{margin-top:8px}.email-login [data-message]:empty{min-height:0}.email-login .login-brand{margin-bottom:36px}

.guest-card{padding:28px;line-height:1.8}.guest-card h2{font-size:20px}.guest-card p{color:#68758b}.guest-card .primary{margin-top:12px}.email-login [data-home]{margin-bottom:12px}

.guest-header-links{display:flex;align-items:center;gap:20px}.guest-header-links a{text-decoration:none}
