.phone-input{align-items:center;gap:.5rem;width:100%;display:flex}.phone-input__dial-trigger{align-items:center;gap:.25rem;min-width:0;display:inline-flex}.phone-input__dial-code{color:#1e293b;font-size:.875rem}.phone-input__option{align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.phone-input__option-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.phone-input__option-code{color:#64748b;flex-shrink:0}
.chip-selector{gap:.5rem;width:100%;display:grid}.chip-selector--columns-1{grid-template-columns:1fr}.chip-selector--columns-2{grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.chip-selector--columns-2{grid-template-columns:1fr}}.chip-selector--columns-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.chip-selector--columns-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.chip-selector--columns-3{grid-template-columns:1fr}}.chip-selector__chip{border:1px solid var(--border);color:var(--foreground);text-align:center;cursor:pointer;background-color:#f8fafc;border-radius:.5rem;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.875rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.chip-selector__chip:hover{border-color:var(--primary);background-color:var(--accent)}.chip-selector__chip--selected{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground);font-weight:500}.chip-selector__chip--selected:hover{background-color:var(--primary);opacity:.9}.chip-selector__chip:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring);outline:none}
.option-card-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.option-card-group__item{border:1px solid var(--border);width:100%;color:var(--foreground);text-align:left;cursor:pointer;background-color:#f8fafc;border-radius:.5rem;align-items:center;padding:.5rem 1rem;font-size:.875rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.option-card-group__item:hover{border-color:var(--primary);background-color:var(--accent)}.option-card-group__item--selected{border-color:var(--primary);background-color:var(--primary);color:var(--primary-foreground);font-weight:500}.option-card-group__item--selected:hover{background-color:var(--primary);opacity:.9}.option-card-group__item:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--ring);outline:none}
.subscribe-step-one{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding-top:2rem;display:flex}@media (max-width:640px){.subscribe-step-one{gap:1rem;padding-top:1.5rem}}.subscribe-step-one__card{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.subscribe-step-one__content{flex-direction:column;gap:1rem;padding:2rem;display:flex}@media (max-width:640px){.subscribe-step-one__content{padding:1rem}}.subscribe-step-one__section{flex-direction:column;gap:.5rem;display:flex}.subscribe-step-one__field{flex-direction:column;gap:.25rem;display:flex}.subscribe-step-one__social-media{flex-direction:column;gap:.5rem;display:flex}.subscribe-step-one__actions{gap:.5rem;margin-top:1rem;display:flex}.subscribe-step-one__actions button{flex:1}
.subscribe-step-two{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding-top:2rem;display:flex}@media (max-width:640px){.subscribe-step-two{gap:1rem;padding-top:1.5rem}}.subscribe-step-two__card{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.subscribe-step-two__content{flex-direction:column;gap:1rem;padding:2rem;display:flex}@media (max-width:640px){.subscribe-step-two__content{padding:1rem}}.subscribe-step-two__section{flex-direction:column;gap:.5rem;display:flex}.subscribe-step-two__actions{gap:.5rem;margin-top:1rem;display:flex}.subscribe-step-two__actions button{flex:1}
.subscribe-step-three{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;margin:0 auto;padding-top:2rem;display:flex}@media (max-width:640px){.subscribe-step-three{gap:1rem;padding-top:1.5rem}}.subscribe-step-three__card{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.subscribe-step-three__content{flex-direction:column;gap:1rem;padding:2rem;display:flex}@media (max-width:640px){.subscribe-step-three__content{padding:1rem}}.subscribe-step-three__section{flex-direction:column;gap:.5rem;display:flex}.subscribe-step-three__textarea{resize:vertical;min-height:150px}.subscribe-step-three__actions{gap:.5rem;margin-top:1rem;display:flex}.subscribe-step-three__actions button{flex:1}