:root{--bone:#f3efe5;--black:#11110f}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bone);color:var(--black);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bone)}.name-form{width:min(440px,100%);display:flex;flex-direction:column;gap:18px}.name-form label{font-size:14px;letter-spacing:.02em;text-transform:lowercase}.name-form input{width:100%;border:0;border-bottom:1px solid var(--black);outline:0;background:transparent;color:var(--black);padding:10px 0 14px;font-size:20px}.name-form input::placeholder{color:var(--black);opacity:.35}.response{width:min(560px,100%);text-align:center;animation:appear .35s ease-out both}.response p{margin:0;font-size:14px}.dots{display:inline-block;margin-top:18px;letter-spacing:.2em;animation:blink 1s steps(3) infinite}.result-name{opacity:.45;margin-bottom:24px!important}.result h1{margin:0 auto 38px;max-width:510px;font-size:clamp(28px,5vw,48px);line-height:1.05;font-weight:400;letter-spacing:-.04em}.followup-form{width:min(440px,100%);margin:0 auto 28px;display:flex;flex-direction:column;gap:12px;text-align:left}.followup-form label{font-size:12px}.followup-form input{width:100%;border:0;border-bottom:1px solid var(--black);outline:0;background:transparent;color:var(--black);padding:9px 0 12px;font-size:16px}.followup-form input::placeholder{color:var(--black);opacity:.35}.result button{border:1px solid var(--black);border-radius:0;background:transparent;color:var(--black);padding:11px 15px;cursor:pointer;font-size:12px}.result button:hover{background:var(--black);color:var(--bone)}@keyframes appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}