/* Underlife — custom email field (icon, live check, soft focus ring, typo hint) */
.em{position:relative}
.em-f .em input[type=text]{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 44px 13px 44px;transition:border-color .3s,box-shadow .3s}
.em-f .em input[type=text]::placeholder{color:var(--muted)}
.em-f .em input[type=text]:hover{border-color:color-mix(in srgb,var(--ink) 22%,transparent)}
.em-f .em input[type=text]:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 4px color-mix(in srgb,var(--or) 16%,transparent)}
.em-f .em input:-webkit-autofill,.em-f .em input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;transition:background-color 9999s}
.em-i,.em-ok{position:absolute;top:50%;width:18px;height:18px;pointer-events:none}
.em-i{left:15px;transform:translateY(-50%);color:var(--muted);transition:color .3s}
.em:focus-within .em-i{color:var(--or-text)}
.em-ok{right:15px;transform:translateY(-50%) scale(.6);opacity:0;color:var(--or-text);transition:opacity .25s,transform .3s var(--ease)}
.em-f.ok .em-ok{opacity:1;transform:translateY(-50%) scale(1)}
.em-f.bad .em input[type=text],.em-f.bad .em input[type=text]:focus{border-color:#d33;box-shadow:none}
.em-f.bad .em-i{color:#d33}
.em-f.bad .em-ok{opacity:0}
.em-s:empty{display:none}
.em-fix{background:none;border:0;padding:0;font:inherit;font-weight:500;color:var(--or-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}