.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:white;border-radius:12px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;font-size:32px;line-height:1;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-button:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:24px}.modal-title{font-family:Lilita One,sans-serif;font-size:32px;text-align:center;margin-bottom:24px;line-height:1.2}.modal-title .brand-super{color:#434343}.modal-title .brand-banjo{color:#cd320e}.early-access-content{max-width:100%}.early-access-description{font-size:16px;line-height:1.6;color:#4b5563;margin-bottom:24px}.early-access-form{gap:20px}.early-access-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:400;color:#6b7280;margin-bottom:8px;line-height:1.5}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s;outline:none}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.error-message{font-size:14px;color:#ef4444;margin:0}.submit-button{padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(59,130,246,.3)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.confirmation-message{text-align:center;padding:20px}.confirmation-message.success{color:#059669}.confirmation-message.error{color:#dc2626}.confirmation-icon{font-size:64px;margin-bottom:16px;animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-text{font-size:18px;line-height:1.6;margin-bottom:24px}.confirmation-button{padding:12px 32px;background:#111827;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.confirmation-button:hover{background:#1f2937;transform:translateY(-2px)}.confirmation-button:active{transform:translateY(0)}