*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out}.animate-fade-in-delay{animation:fade-in .6s ease-out .2s both}.animate-fade-in-delay-2{animation:fade-in .6s ease-out .4s both}.min-h-screen{min-height:100vh;position:relative;overflow:hidden}.background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#1f2937,#000,#1f2937);background-image:radial-gradient(circle at 20% 50%,rgba(49,59,68,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(49,59,68,.2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(0,0,0,.8) 0%,transparent 50%),linear-gradient(to bottom right,#1f2937,#000,#1f2937)}.background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.content-wrapper{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem}.logo-container{width:100%;max-width:32rem;margin-bottom:2rem}.logo-image{width:100%;height:auto;max-width:24rem;margin:0 auto;display:block;filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));border-radius:8px}.text-center{text-align:center;margin-bottom:2rem}.headline{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.025em}.subheading{color:#d1d5db;font-size:1.125rem}.form-wrapper{width:100%}.form-container{width:100%;max-width:36rem;margin:0 auto;padding:1rem}.subscription-form{background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;padding:2rem;border:1px solid rgba(255,255,255,.1)}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:.5rem}.form-grid .form-group{margin-bottom:0}.birthday-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.mobile-grid{display:flex;gap:.75rem}.form-group{margin-bottom:1.25rem}.field-label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#60a5fa}.field-label-red{display:block;font-size:.875rem;margin-bottom:.5rem;color:#f44;font-weight:500}input[type=text],input[type=email],input[type=tel],.select-input{width:100%;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:border-color .2s}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,.select-input:focus{outline:none;border-color:#fff6}input::placeholder{color:#fff}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.select-input option{background:#000;color:#fff}.mobile-input{flex:1}.mobile-grid .select-input{width:85px;flex-shrink:0;padding-left:.5rem;padding-right:2rem;font-size:.875rem}.checkbox-container{display:flex;align-items:flex-start;gap:.75rem;padding-top:.5rem;margin-bottom:1.25rem}input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem;min-width:1rem;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;cursor:pointer;accent-color:white}.checkbox-label{color:#fff;font-size:.8125rem;line-height:1.5}.privacy-link{color:#60a5fa;text-decoration:underline;transition:opacity .2s}.privacy-link:hover{opacity:.8}.error-message{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem;min-height:1rem}.submit-button{width:100%;padding:1rem;border-radius:.25rem;font-weight:700;color:#000;background-color:#ff5722;border:none;cursor:pointer;font-size:1rem;transition:all .3s;margin-bottom:1rem;letter-spacing:.025em}.submit-button:hover{transform:scale(1.02);background-color:#ff6b3d}.submit-button:active{transform:scale(.98)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.submit-button.loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-text{text-align:center;font-size:.6875rem;color:#9ca3af;padding-top:.5rem;line-height:1.4}.footer-text .privacy-link{color:#d1d5db}.footer-text .privacy-link:hover{color:#fff}.success-message{background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.success-title{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.success-subtitle{color:#9ca3af;font-size:.875rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-error{border-color:#ef4444!important}@media (max-width: 480px){.birthday-grid{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 640px){.birthday-grid{grid-template-columns:1fr 1fr}.birthday-grid select:last-child{grid-column:1 / -1}}@media (max-width: 640px){.mobile-grid{flex-direction:column}.mobile-grid .select-input{width:100%}}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}.headline{font-size:3rem}.subheading{font-size:1.5rem}}
