.login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.login__theme{position:absolute;top:18px;right:18px}.login__card{width:360px;max-width:100%;text-align:center}.login__logo{width:44px;height:44px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:var(--on-primary);font:700 20px var(--font-sans);margin:0 auto 20px}.login__title{font:600 22px/1.3 var(--font-sans);color:var(--ink);margin-bottom:6px}.login__sub{font:400 13.5px/1.55 var(--font-sans);color:var(--text-secondary);margin-bottom:26px}.login__google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 0;font:500 14.5px var(--font-sans);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer}.login__google svg{flex-shrink:0}.login__passkey{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:rgba(0,0,0,0);border:1px solid var(--border-strong);border-radius:10px;padding:11px 0;font:500 13.5px var(--font-sans);color:var(--neutral-700);margin-top:10px}.login__passkey[hidden]{display:none}.login__passkey svg{color:var(--accent);flex-shrink:0}.login__divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login__divider span{flex:1;height:1px;background:var(--border)}.login__divider em{font:400 11px var(--font-sans);font-style:normal;color:var(--neutral-400)}.login__magic{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:rgba(0,0,0,0);border:1px solid var(--border-strong);border-radius:10px;padding:11px 0;font:500 13.5px var(--font-sans);color:var(--neutral-700)}.login__magic-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.login__magic-form[hidden]{display:none}.login__magic-form input{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:12px 14px;font:400 14px var(--font-sans);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm)}.login__magic-form input::placeholder{color:var(--neutral-400)}.login__magic-send{width:100%;text-align:center;font:500 14px var(--font-sans);color:var(--on-primary);background:var(--primary);border-radius:10px;padding:13px 0}.login__magic-send:hover{background:var(--primary-hover)}.login__inbox{background:var(--surface-sunken);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;margin-top:18px;text-align:left}.login__inbox[hidden]{display:none}.login__inbox-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font:400 14px var(--font-sans)}.login__inbox-head strong{font:500 12.5px var(--font-sans);color:var(--ink)}.login__inbox p{font:400 11.5px/1.5 var(--font-sans);color:var(--text-secondary)}.login__terms{font:400 11px/1.5 var(--font-sans);color:var(--neutral-300);margin-top:30px}.login__terms a{color:var(--accent)}.login__terms a:hover{color:var(--primary)}