*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;width:100%;background:linear-gradient(180deg,#2a8a7e,#1a4f4a);padding:3rem 2rem}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;gap:3rem;max-width:700px;width:100%}.logo-wrapper{display:flex;justify-content:center;margin-bottom:1rem;animation:slideInDown .7s ease-out}.logo-img{max-width:180px;width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25))}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.main-title{font-size:4rem;font-weight:800;color:#e5d0c3;text-align:center;margin:0;letter-spacing:-.02em;animation:slideInUp .7s ease-out .1s both;line-height:1}.description{font-size:1.1rem;color:#d9c8be;text-align:center;margin:0;line-height:1.7;max-width:500px;animation:slideInUp .7s ease-out .2s both}.subscription-form{width:100%;max-width:500px;animation:slideInUp .7s ease-out .3s both}.input-wrapper{display:flex;gap:.75rem;margin-bottom:1rem}.email-field{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid #E5D0C3;border-radius:12px;outline:none;transition:all .3s ease;background-color:#e5d0c3f2;color:#272a22;font-weight:500}.email-field::placeholder{color:#999;font-weight:400}.email-field:focus{border-color:#e85d45;box-shadow:0 0 0 4px #e85d451a;background-color:#e5d0c3}.email-field:disabled{opacity:.6;cursor:not-allowed}.cta-button{padding:1rem 2.5rem;font-size:1rem;font-weight:700;color:#e5d0c3;background:#e85d45;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.cta-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #e85d4566;background:#d04a35}.cta-button:active:not(:disabled){transform:translateY(-1px)}.cta-button:disabled{opacity:.9;cursor:not-allowed}.error{color:#ff6b6b;text-align:center;font-size:.9rem;margin:0;animation:slideInUp .4s ease-out}.success{color:#6fe090;text-align:center;font-size:.9rem;margin:0;font-weight:600;animation:slideInUp .4s ease-out}.social-section{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;animation:slideInUp .7s ease-out .4s both}.social-title{font-size:.85rem;color:#d9c8be;text-transform:uppercase;letter-spacing:.15em;margin:0;font-weight:700;tracking:.05em}.social-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.social-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:14px;background:#e85d45;color:#e5d0c3;text-decoration:none;font-weight:700;font-size:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #e85d4533}.social-btn span{display:flex;align-items:center;justify-content:center}.social-btn:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 30px #e85d4566}.social-btn:active{transform:translateY(-4px) scale(1.02)}.social-btn.twitter,.social-btn.facebook,.social-btn.youtube,.social-btn.linkedin{background:#e85d45}.page-footer{text-align:center;color:#d5b08db3;font-size:.8rem;margin-top:auto;padding-top:2rem;animation:slideInUp .7s ease-out .5s both}.page-footer p{margin:0;letter-spacing:.03em}@media(max-width:768px){.main-title{font-size:3rem}.description{font-size:1rem}.logo-img{max-width:140px}.center-content{gap:2.5rem}}@media(max-width:640px){.container{padding:2rem 1.5rem}.center-content{gap:2rem}.main-title{font-size:2.5rem}.description{font-size:.95rem}.logo-img{max-width:120px}.input-wrapper{flex-direction:column;gap:.5rem}.email-field,.cta-button{width:100%}.social-btn{width:55px;height:55px;font-size:1.3rem}.social-buttons{gap:1.2rem}.page-footer{font-size:.75rem}}