:root{--cream:#FAF6F0;--deep-blue:#1A2B4A;--barragan-pink:#E63E5C;--ochre:#C9923B;--terracotta:#B6532A;--ink:#2B2922;--muted:#6B6258;--max-width:36rem}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh}body,main{display:flex}main{flex:1 1;justify-content:center;align-items:center;padding:4rem 1.5rem}.wrap,main{flex-direction:column}.wrap{width:100%;max-width:var(--max-width);display:flex;gap:2rem}.wordmark{font-size:2.75rem;font-weight:700;letter-spacing:-.02em;color:var(--deep-blue);line-height:1}.wordmark .dot{color:var(--barragan-pink)}.lede{font-size:1.25rem;color:var(--deep-blue);line-height:1.45}.lede strong{font-weight:700}.form-row{display:flex;gap:.5rem;flex-wrap:wrap}.form-row input[type=email]{flex:1 1;min-width:0;padding:.85rem 1rem;font-size:1rem;border:1.5px solid var(--deep-blue);border-radius:6px;background:white;color:var(--ink);font-family:inherit}.form-row input[type=email]:focus{outline:none;border-color:var(--barragan-pink);box-shadow:0 0 0 3px rgba(230,62,92,.15)}.form-row button{padding:.85rem 1.5rem;font-size:1rem;font-weight:600;background:var(--barragan-pink);color:white;border:none;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s ease}.form-row button:hover:not(:disabled){background:#c9304a}.form-row button:disabled{opacity:.6;cursor:not-allowed}.note{font-size:.875rem;color:var(--muted)}.status{padding:.85rem 1rem;border-radius:6px;font-size:.95rem;line-height:1.4}.status.ok{background:rgba(201,146,59,.12);color:var(--terracotta);border:1px solid var(--ochre)}.status.err{background:rgba(230,62,92,.08);color:var(--barragan-pink);border:1px solid var(--barragan-pink)}footer{padding:1.5rem;display:flex;justify-content:flex-end}footer,footer a{align-items:center}footer a{display:inline-flex;opacity:.5;transition:opacity .15s ease}footer a:hover{opacity:1}footer svg{color:var(--deep-blue)}@media (max-width:480px){.wordmark{font-size:2.25rem}.lede{font-size:1.1rem}.form-row{flex-direction:column}.form-row button{width:100%}}