.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-card-primary);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;box-shadow:0 20px 60px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#333;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;z-index:10}.modal-close:hover{background:rgba(0,0,0,.05)}.modal-content{padding:48px 40px;text-align:center}.modal-title{font-size:1.5rem;text-align:center;font-weight:600;margin:0 0 .5rem;color:#000000}.modal-subtitle{font-size:.875rem;color:var(--color-text-secondary);text-align:center;line-height:1.5;margin:0 10% 32px}.modal-selection{padding:48px 40px}.selection-buttons{display:flex;gap:16px;margin-top:2rem}.selection-button{flex:1 1;padding:16px 24px;background:white;border:1px solid transparent;border-radius:32px;font-size:1rem;font-weight:500;color:var(--color-text-dark);cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.03)}.selection-button:hover{background:var(--color-accent-pink);color:white;border-color:var(--color-accent-pink);box-shadow:0 4px 12px rgba(233,30,99,.15);transform:translateY(-2px)}.modal-brand-form{text-align:left}.brand-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-field{display:flex;flex-direction:column;gap:4px}.form-input{padding:16px;border:1px solid rgba(221,221,221,.269);border-radius:28px;font-size:.875rem;background:white;transition:border-color .2s;font-family:inherit}.form-input:focus{outline:none;border-color:rgba(195,56,119,.5)}.form-input-error,.form-input-error:focus{border-color:#dc3545}.form-error{font-size:.75rem;color:#dc3545;padding-left:16px;margin-top:-2px}.form-input-full{width:100%}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-help-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center;font-weight:500;margin:8px 0}.form-link{color:var(--color-accent-pink);text-decoration:none;font-weight:500}.form-link:hover{text-decoration:underline}.form-submit-button{padding:16px 32px;background:var(--color-accent-pink);color:white;border:none;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:center;width:50%;margin-top:8px}.form-submit-button:hover:not(:disabled){background:var(--color-accent-pink);transform:translateY(-2px);box-shadow:0 4px 12px rgba(233,30,99,.3)}.form-submit-button:disabled{opacity:.6;cursor:not-allowed}.modal-creator-download{padding:48px 40px}.creator-logo,.thank-you-logo{display:flex;justify-content:center;margin-bottom:32px}.app-icon-link{display:flex;justify-content:center;margin:16px 0 8px;transition:transform .2s ease}.app-icon-link:hover{transform:scale(1.05)}.creator-app-icon{width:150px;height:150px;cursor:pointer}.creator-get-started-link{display:inline-flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:600;color:var(--color-accent-pink);text-decoration:none;margin:0 0 32px;justify-content:center;cursor:pointer}.creator-get-started-link:after{content:"→";font-size:1rem;transition:transform .2s ease}.creator-get-started-link:hover:after{transform:translateX(4px)}.modal-thank-you{padding:64px 40px}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.brand-form{display:flex;flex-direction:column;gap:8px}.modal-container{max-width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{padding:40px 24px}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:.95rem}.selection-buttons{flex-direction:column}.selection-button{width:100%;min-height:60px}.form-row{grid-template-columns:1fr;gap:8px}.qr-code{width:180px;height:180px}.app-store-button{width:100%}}@media (max-width:480px){.modal-content{padding:32px 16px 48px}.modal-title{font-size:1.5rem}.form-input{padding:14px;font-size:.9rem}}