.hero{background:var(--gradient-hero);color:#fff;padding:var(--space-3xl) 0 var(--space-2xl);text-align:center}.hero-content{max-width:700px;margin:0 auto}.hero h1{font-size:var(--font-size-4xl);color:#fff;margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-on-dark);line-height:var(--line-height-relaxed);margin:0}.form-section{padding:var(--space-3xl) 0;background:var(--gradient-subtle)}.form-container{max-width:600px;margin:0 auto}.form-card{background:#fff;padding:var(--space-2xl);margin-bottom:var(--space-2xl)}.form-header{text-align:center;margin-bottom:var(--space-xl)}.icon-badge{width:80px;height:80px;background:var(--gradient-hero);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto var(--space-lg);box-shadow:var(--shadow-lg)}.form-header h2{margin-bottom:var(--space-sm)}.form-description{font-size:var(--font-size-lg);color:var(--color-text-light);margin:0}.opt-in-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.phone-input-wrapper{display:flex;align-items:stretch;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;transition:border-color var(--transition-fast)}.phone-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f5a6231a}.country-code-input{position:relative;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-right:2px solid var(--color-border);background:var(--color-bg-subtle);transition:background-color var(--transition-fast);border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.country-code-input:focus-within{background:var(--color-bg-light)}.country-flag{font-size:1.5rem;line-height:1;user-select:none;min-width:1.5rem;text-align:center}.country-code-field{width:3rem;padding:0;border:none;background:transparent;font-size:var(--font-size-base);font-family:var(--font-family);font-weight:var(--font-weight-semibold);color:var(--color-text);text-align:center}.country-code-field:focus{outline:none}.country-dropdown-trigger{padding:.25rem;border:none;background:transparent;color:var(--color-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.country-dropdown-trigger:hover{background:var(--color-bg-light);color:var(--color-text)}.country-dropdown-trigger:active{transform:scale(.95)}.country-dropdown{position:absolute;top:calc(100% + .5rem);left:0;z-index:1000;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:280px;max-height:320px;overflow-y:auto;animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.country-dropdown-content{padding:var(--space-xs)}.country-option{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);text-align:left;font-family:var(--font-family)}.country-option:hover{background:var(--color-bg-subtle)}.country-option:active{background:var(--color-bg-light)}.country-option-flag{font-size:1.5rem;line-height:1;min-width:1.5rem}.country-option-name{flex:1;font-size:var(--font-size-base);color:var(--color-text)}.country-option-code{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-light)}.form-input{flex:1;padding:var(--space-md);border:none;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:transparent}.phone-input{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.form-input:focus{outline:none}.form-input::placeholder{color:var(--color-text-light);opacity:.6}.form-help{font-size:var(--font-size-xs);color:var(--color-text-light)}.form-error{font-size:var(--font-size-xs);color:#dc2626;display:none}.form-error.visible{display:block}.phone-input-wrapper.error{border-color:#dc2626}.consent-group{margin-top:var(--space-sm)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:24px;height:24px;min-width:24px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkbox-input:checked+.checkbox-custom{background:var(--gradient-hero);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:16px;font-weight:700}.checkbox-input:focus-visible+.checkbox-custom{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox-text{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed)}.btn-full{width:100%;margin-top:var(--space-sm)}.privacy-notice{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-sm)}.privacy-notice p{font-size:var(--font-size-xs);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0}.privacy-notice a{color:var(--color-primary);text-decoration:underline}.success-message{text-align:center;padding:var(--space-xl) 0}.success-icon{width:80px;height:80px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto var(--space-lg);animation:successPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-message h3{color:var(--color-success);margin-bottom:var(--space-md)}.success-message p{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.success-note{font-size:var(--font-size-base);color:var(--color-text-light);padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.info-section{margin-top:var(--space-xl)}.info-section h3{text-align:center;margin-bottom:var(--space-xl);color:var(--color-text)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg)}.info-card{text-align:center;padding:var(--space-lg);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-icon{font-size:2rem;margin-bottom:var(--space-sm)}.info-card h4{font-size:var(--font-size-lg);margin-bottom:var(--space-xs);color:var(--color-text)}.info-card p{font-size:var(--font-size-base);color:var(--color-text-light);line-height:var(--line-height-relaxed);margin:0}@media(max-width:768px){.country-code-input{padding:clamp(.5rem,1vw,.75rem) clamp(.375rem,.8vw,.5rem);gap:clamp(2px,.3vw,4px)}.country-flag{font-size:clamp(1.125rem,3vw,1.5rem);min-width:clamp(1.125rem,3vw,1.5rem)}.country-code-field{width:clamp(2.25rem,6vw,3rem);font-size:var(--font-size-sm)}.country-dropdown-trigger{padding:clamp(.125rem,.3vw,.25rem)}.country-dropdown-trigger svg{width:clamp(8px,2.5vw,12px);height:clamp(8px,2.5vw,12px)}.icon-badge{width:clamp(56px,15vw,80px);height:clamp(56px,15vw,80px);font-size:clamp(1.75rem,5vw,2.5rem)}.info-grid{grid-template-columns:1fr}}