:root{--primary-bg:#fdfdfd;--primary-text:#172631;--accent:#19ceeb}*{box-sizing:border-box}body{background-color:var(--primary-bg);color:var(--primary-text);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:3rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{text-align:center;width:100%;max-width:760px;padding:2rem 1.5rem}.logo{letter-spacing:.2em;color:var(--primary-text);text-transform:capitalize;margin-bottom:2.5rem;font-size:2.2rem;font-weight:600}h1{opacity:0;color:var(--primary-text);margin-bottom:2rem;font-size:2.1rem;font-weight:600;line-height:1.35;animation:1s ease-in forwards fadeIn}.story{color:#4a5568;text-align:left;opacity:0;max-width:680px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.8;animation:1s ease-in .25s forwards fadeIn}.story p{color:#4a5568;margin:0 0 1.35rem;font-size:1.05rem;font-weight:400;line-height:1.8}.form-container{opacity:0;margin:2rem auto 1.5rem;animation:1s ease-in .45s forwards fadeIn}.email-form{justify-content:center;align-items:center;gap:.75rem;max-width:500px;margin:0 auto;display:flex}.email-input{color:var(--primary-text);background-color:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:.85rem 1.25rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.email-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,206,235,.25)}.email-input::placeholder{color:#a0aec0}.submit-button{background-color:var(--accent);color:var(--primary-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.85rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#16b8d2;transform:translateY(-1px);box-shadow:0 4px 14px rgba(25,206,235,.35)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.65;cursor:not-allowed}.form-success{color:var(--primary-text);background-color:rgba(25,206,235,.12);border:1px solid rgba(25,206,235,.45);border-radius:8px;align-items:center;gap:.6rem;margin:0 auto;padding:.9rem 1.6rem;font-weight:500;animation:.4s ease-in forwards fadeIn;display:inline-flex}.success-icon{color:#0b9bb3;flex-shrink:0;width:22px;height:22px}.form-error{color:#e53e3e;margin-top:.75rem;font-size:.9rem}.spam-promise{color:#718096;max-width:500px;margin-top:1.25rem;margin-left:auto;margin-right:auto;font-size:.85rem;font-style:italic;line-height:1.5}.animation-container{opacity:0;justify-content:center;gap:1rem;margin-top:3.5rem;animation:1s ease-in .65s forwards fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.data-flow{flex-direction:column;gap:8px;display:flex}.flow-line{background:var(--accent);opacity:.2;border-radius:2px;width:140px;height:3px;position:relative;overflow:hidden}.flow-line:after{content:"";background:var(--accent);opacity:.9;width:100%;height:100%;animation:2s ease-in-out infinite flowData;position:absolute;top:0;left:-100%}.flow-line:nth-child(2):after{animation-delay:.4s}.flow-line:nth-child(3):after{animation-delay:.8s}@keyframes flowData{0%{left:-100%}to{left:100%}}@media (width<=640px){h1{font-size:1.6rem}.logo{margin-bottom:1.5rem;font-size:1.75rem}.story{padding:0 .5rem;font-size:1rem}.email-form{flex-direction:column;width:100%}.email-input,.submit-button{width:100%}}