input{color:#fff}.subscribe-container{max-width:600px;margin:40px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.subscribe-header{text-align:center;font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.subscribe-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.input-group{width:100%;gap:10px;justify-content:space-between;display:flex;flex-direction:row}.form-responsive .input-group{display:flex;flex-direction:row;gap:1rem}.form-row{display:flex;flex:1 1;position:relative;flex-direction:column;flex-wrap:wrap;gap:5px}.input-container{width:100%;position:relative}.floating-label{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:16px;color:#9e9e9e;transition:all .2s ease-in-out;pointer-events:none}.floating-label.active{top:15px;left:12px;font-size:16px;color:grey}.form-input{width:100%;font-size:16px;border:1px solid #ccc;background-color:#fff;color:#000;border-radius:4px;box-sizing:border-box;padding:10px 2rem 10px 10px}.form-input:focus{border-color:#3f51b5}.input-container .floating-label.active+.form-input{padding-top:30px}.form-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none;color:#aaa;font-size:20px}.form-input::placeholder{color:#aaa}.form-text{text-align:center;font-size:20px}.checkbox-container{font-size:14px;color:#333;display:flex;align-items:flex-start;gap:5px}.checkbox-container input{margin-top:4px}.policy-container{display:flex;align-items:flex-start;gap:5px}.policy{flex-wrap:wrap}.subscribe-link{color:#007bff;text-decoration:none;display:inline;margin-left:2px}.subscribe-link:hover{text-decoration:underline}.checkbox-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:16px;min-height:16px;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;position:relative}.checkbox-container input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.checkbox-container input[type=checkbox]:checked:after{content:"✓";font-size:12px;color:#fff;position:absolute;top:-1px;left:3px}.submit-button{width:100%;padding:12px 0;font-size:16px;font-weight:700;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#0056b3}.submit-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.success-form{display:flex;justify-content:center;align-items:center;min-height:50vh}.success-form-inner{text-align:center;background:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px;transform:scale(0);animation:grow-box .5s ease-out forwards;animation-delay:0s}.success-checkmark{margin-bottom:20px;opacity:0;animation:fade-in .4s ease-out forwards;animation-delay:.6s}.checkmark-circle{width:80px;height:80px;border-radius:50%;background-color:#4caf50;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto}.checkmark-stem{height:35px;left:62%;transform:scale(0) translateX(-50%) rotate(45deg);animation:checkmark-stem-draw .2s ease-out forwards;animation-delay:.7s}.checkmark-kick,.checkmark-stem{width:6px;background-color:#fff;position:absolute;bottom:28%;border-radius:3px}.checkmark-kick{height:20px;left:40%;transform:scale(0) translateX(-50%) rotate(-45deg);animation:checkmark-kick-draw .4s ease-out forwards;animation-delay:1.1s}@keyframes grow-box{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes checkmark-stem-draw{0%{transform:scale(0) translateX(-50%) rotate(45deg)}to{transform:scale(1) translateX(-50%) rotate(45deg)}}@keyframes checkmark-kick-draw{0%{transform:scale(0) translateX(-50%) rotate(-45deg)}to{transform:scale(1) translateX(-50%) rotate(-45deg)}}.success-form-header h4{margin:0;color:#333;font-size:1.5rem}.success-form-body p{color:#666;font-size:1rem;line-height:1.5;margin-top:10px}@media (max-width:480px){.success-form-inner{padding:20px}.checkmark-circle{width:60px;height:60px}.checkmark-stem{height:25px}.checkmark-kick{height:15px}.success-form-header h4{font-size:1.2rem}.success-form-body p{font-size:.9rem}}@media screen and (max-width:768px){.subscribe-container{padding:10px}.subscribe-header{font-size:20px}.form-responsive .input-group{flex-direction:column}.form-input{font-size:14px}.form-text{font-size:16px}.submit-button{font-size:14px}.policy-container{font-size:12px;display:flex}}