.notify{position:relative;display:flex;align-items:center;gap:6px;max-width:440px;margin:16px 0 0;padding:5px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.04)}
.notify:focus-within{border-color:rgba(255,255,255,.28)}
.notify input[type=email]{flex:1 1 auto;min-width:0;padding:9px 6px 9px 16px;border:0;background:transparent;color:var(--ink);font:400 15px Inter,system-ui,sans-serif;outline:0}
.notify input::placeholder{color:var(--mute)}
.notify button{flex:none;cursor:pointer;border:0;border-radius:100px;padding:10px 18px;background:var(--ink);color:#07060d;font:600 14px Inter,system-ui,sans-serif;white-space:nowrap;transition:.2s}
.notify button:hover{background:#fff;transform:translateY(-1px)}
.notify button:disabled{opacity:.6;cursor:default;transform:none}
.notify .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.notify .msg{position:absolute;top:100%;left:16px;margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--mute)}
.notify .msg.ok{color:#5ee6a8}.notify .msg.err{color:#ff8a8a}
.notify .msg:empty{display:none}
.notify.center{margin-inline:auto}

.contactform{max-width:520px;margin:30px auto 0;text-align:left;display:flex;flex-direction:column;gap:10px;position:relative}
.contactform input[type=email],.contactform textarea{width:100%;padding:13px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font:400 15px Inter,system-ui,sans-serif;outline:0;resize:vertical}
.contactform textarea{min-height:110px;line-height:1.5}
.contactform input::placeholder,.contactform textarea::placeholder{color:var(--mute)}
.contactform input:focus,.contactform textarea:focus{border-color:rgba(255,255,255,.28)}
.contactform .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.contactform button{align-self:flex-start;cursor:pointer;border:0;border-radius:100px;padding:12px 24px;background:var(--ink);color:#07060d;font:600 15px Inter,system-ui,sans-serif;transition:.2s}
.contactform button:hover{background:#fff;transform:translateY(-1px)}
.contactform button:disabled{opacity:.6;cursor:default;transform:none}
.contactform .msg{margin:0;font-size:13px;line-height:1.4;color:var(--mute)}
.contactform .msg.ok{color:#5ee6a8}.contactform .msg.err{color:#ff8a8a}.contactform .msg:empty{display:none}
.contactform .or{text-align:center;color:var(--mute);font-size:13px;margin:6px 0 -6px}
