:root{--text:#4b5563;--text-h:#111827;--bg:#eeecea;--code-bg:#f3f4f6;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(90deg,#50322d12 1px,#0000 1px),linear-gradient(#50322d12 1px,#0000 1px);background-size:24px 24px;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:600}p{margin:0}code{font-family:var(--mono);color:var(--text-h)}.page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:3rem 1.5rem;display:flex}.header{text-align:center;flex-direction:column;align-items:center;gap:1.75rem;display:flex}.logo{width:300px;height:300px;animation:4s ease-in-out infinite logoHover;display:block}@keyframes logoHover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.wordmark{width:auto;height:48px;margin-top:.1rem;display:block}.cta-area{opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:.6s ease-out 6.7s forwards ctaIn;display:flex}@keyframes ctaIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cta{color:#fdfbf9;letter-spacing:.01em;cursor:pointer;background:#50322d;border:none;border-radius:999px;align-items:center;gap:.6rem;height:48px;padding:0 1.6rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;animation:.4s ease-out stageIn;display:inline-flex;box-shadow:0 1px 2px #50322d14}.cta:hover{background:#ff5c00;transform:translateY(-1px);box-shadow:0 6px 18px #ff5c0040}.cta-arrow{transition:transform .25s;display:inline-block}.cta:hover .cta-arrow{transform:translate(3px)}.cta-form{align-items:center;gap:.5rem;animation:.4s ease-out stageIn;display:flex}.cta-input{color:#50322d;background:#fdfbf9;border:1px solid #50322d2e;border-radius:999px;outline:none;width:260px;height:48px;padding:0 1.4rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.cta-input:focus{border-color:#ff5c00;box-shadow:0 0 0 3px #ff5c0026}.cta-input:-webkit-autofill{-webkit-text-fill-color:#50322d;caret-color:#50322d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fdfbf9}.cta-input:-webkit-autofill:hover{-webkit-text-fill-color:#50322d;caret-color:#50322d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fdfbf9}.cta-input:-webkit-autofill:focus{-webkit-text-fill-color:#50322d;caret-color:#50322d;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fdfbf9}.cta-input::placeholder{color:#50322d73;transition:color .2s}.cta-input:disabled{opacity:.6}.cta-input--empty,.cta-input--invalid,.cta-input--shake-empty,.cta-input--shake-invalid{border-color:#d9534f;box-shadow:0 0 0 3px #d9534f1f}.cta-input--empty::placeholder,.cta-input--invalid::placeholder,.cta-input--shake-empty::placeholder,.cta-input--shake-invalid::placeholder{color:#d9534f}.cta-input--shake-empty,.cta-input--shake-invalid{animation:.4s ease-in-out inputShake}@keyframes inputShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.cta-send{color:#fdfbf9;cursor:pointer;background:#50322d;border:none;border-radius:999px;align-items:center;gap:.6rem;height:48px;padding:0 1.6rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 1px 2px #50322d14}.cta-send:hover:not(:disabled) .cta-arrow{transform:translate(3px)}.cta-send:hover:not(:disabled){background:#e34d00;transform:translateY(-1px);box-shadow:0 6px 18px #ff5c004d}.cta-send:disabled{cursor:not-allowed;opacity:.7}.cta-success{color:#fdfbf9;background:#2f9e6f;border-radius:999px;justify-content:center;align-items:center;height:48px;padding:0 2rem;font-size:1rem;font-weight:500;animation:.5s cubic-bezier(.34,1.56,.64,1) successIn;display:inline-flex;box-shadow:0 6px 18px #2f9e6f40}@keyframes stageIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes successIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}.cta-error{color:#c0392b;font-size:.85rem}