.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:1100;animation:fadeIn .2s ease-out}.modal-backdrop--banjo{background-color:#cd320e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;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{position:absolute;top:12px;right:12px;z-index:1;background:none;border:none;font-size:28px;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:20px 24px 24px}.modal-title{font-family:Lilita One,sans-serif;font-size:32px;text-align:center;margin-bottom:0;line-height:1.2}.early-access-intro{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.early-access-headshot-wrap{display:flex;justify-content:center;margin-bottom:12px;line-height:0}.early-access-headshot,.early-access-headshot-wrap{background-color:var(--brand-sky);border-radius:50%}.early-access-headshot{width:88px;height:88px;object-fit:cover;object-position:center 18%;border:3px solid rgba(255,255,255,.65);box-shadow:0 4px 14px rgba(26,26,26,.12)}.modal-title .brand-super{color:var(--brand-super)}.modal-title .brand-banjo{color:#cd320e}.early-access-content{max-width:100%}.early-access-description{font-size:16px;line-height:1.6;color:#374151;margin-bottom:12px}.early-access-disclaimer{font-size:13px;line-height:1.5;color:#6b7280;margin:16px 0 0;text-align:center}.early-access-form{gap:20px}.early-access-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{margin-bottom:0}.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:#cd320e;box-shadow:0 0 0 3px rgba(205,50,14,.12)}.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:#cd320e;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(205,50,14,.28)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(205,50,14,.34);background:#b82c0d}.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)}