*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:Georgia,Times New Roman,serif;min-height:100vh;background:#fdfcfb}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f5f3f0}::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f0f0f0}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.content{text-align:center;max-width:800px;width:100%;margin:0 auto}.logo{position:absolute;top:2rem;left:2rem;width:70px;height:auto;transition:transform .3s ease,opacity .3s ease;cursor:pointer}.logo:hover{transform:scale(1.05);opacity:.8}h1{font-size:2.125rem;margin-bottom:1rem;font-weight:400;letter-spacing:.08em;color:#2c2c2c;line-height:1.2;animation:fadeInUp .8s ease-out forwards;opacity:0}p{font-size:.9375rem;margin-bottom:2rem;font-weight:400;color:#5a5a5a;line-height:1.6;letter-spacing:.05em;animation:fadeInUp .8s ease-out .2s forwards;opacity:0}.demo-video{width:100%;max-width:100%;height:460px;margin-bottom:2rem;border-radius:16px;box-shadow:0 8px 24px #0000001f,0 0 40px #5b4a8f26;object-fit:cover;border:2px solid rgba(91,74,143,.1);animation:fadeInUp .8s ease-out .4s forwards;opacity:0;aspect-ratio:16 / 9}.signup-form{display:flex;flex-direction:column;gap:.625rem;max-width:480px;margin:0 auto;animation:fadeInUp .8s ease-out .6s forwards;opacity:0}.error-message{color:#c74545;font-size:.9375rem;text-align:left;margin-top:-.625rem;font-family:system-ui,sans-serif}.success-message{color:#5b4a8f;font-size:.9375rem;text-align:center;margin-top:-.625rem;font-family:system-ui,sans-serif;padding:.75rem;background:#f5f3f8;border-radius:4px;border:1px solid #5B4A8F;animation:fadeInUp .3s ease-out forwards;box-shadow:0 2px 8px #5b4a8f26}.email-input{width:100%;padding:.9375rem 1.125rem;font-size:1rem;border:2px solid #E8E8E8;border-radius:4px;transition:all .3s ease;font-family:system-ui,-apple-system,sans-serif;background:#fff;color:#2c2c2c;box-shadow:0 2px 8px #0000000a}.email-input:focus{outline:none;border-color:#5b4a8f;box-shadow:0 4px 16px #5b4a8f26;transform:translateY(-1px)}.email-input::placeholder{color:#c5c5c5;opacity:.8}.submit-btn{width:100%;padding:.9375rem 1.125rem;font-size:1rem;font-weight:400;border:2px solid #5B4A8F;border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:Georgia,Times New Roman,serif;background:#5b4a8f;color:#fdfcfb;letter-spacing:.01em;box-shadow:0 4px 12px #5b4a8f33}.submit-btn:hover{background:#4a3972;border-color:#4a3972;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #5b4a8f4d}.submit-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #5b4a8f33}.footer{text-align:center;padding:2rem 0 1rem;font-size:.875rem;color:#8a8a8a;font-family:system-ui,-apple-system,sans-serif}.footer a{color:#5b4a8f;text-decoration:none;transition:color .3s ease;margin-left:.5rem}.footer a:hover{color:#4a3972}@media(min-width:1200px){.content{max-width:900px}.demo-video{max-height:500px}h1{font-size:2.5rem}p{font-size:1.0625rem}}@media(max-width:768px){.container{padding:1rem}.logo{width:50px;left:1rem;top:1.5rem}h1{font-size:1.75rem;margin-bottom:.75rem}p{font-size:.875rem;margin-bottom:1.5rem}.demo-video{height:auto;margin-bottom:1.5rem;border-radius:12px}.signup-form{max-width:100%;gap:.75rem}.email-input,.submit-btn{font-size:1rem;padding:1rem 1.125rem;min-height:48px}.success-message,.error-message{font-size:.875rem}}@media(max-width:480px){.container{padding:.75rem}.logo{width:40px;top:1rem;left:.75rem}h1{font-size:1.5rem;padding-top:.5rem}p{font-size:.8125rem;margin-bottom:1.25rem}.demo-video{height:auto;border-radius:8px;margin-bottom:1.25rem}.signup-form{gap:.625rem}.email-input,.submit-btn{font-size:.9375rem;padding:.9375rem 1rem}.footer{padding:1.5rem 0 .75rem;display:flex;flex-direction:column;gap:.5rem}.footer a{margin-left:0}}