/* Modals */
    .modal {
      position: fixed; inset: 0; background: rgba(5, 8, 15, 0.7); backdrop-filter: blur(6px);
      display: flex; align-items: center; justify-content: center; z-index: 10000;
      opacity: 0; visibility: hidden; transition: all 0.3s ease;
    }
    .modal.show { opacity: 1; visibility: visible; }
    .modal-content {
      background: var(--grad-soft); border: 1px solid var(--border); border-radius: 24px; padding: 32px;
      max-width: 400px; width: 90%; text-align: center; box-shadow: var(--shadow);
      transform: scale(0.9); transition: transform 0.3s ease; margin: 0 20px; position: relative;
    }
    .modal.show .modal-content { transform: scale(1); }
    .modal-icon { width: 64px; height: 64px; background: var(--grad-main); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; color: white; font-size: 28px; }
    .modal-content .h2 { font-size: 28px; line-height: 1.15; }
    .modal-content .h3 { font-size: 20px; line-height: 1.2; }
    .modal h3 { margin: 0 0 8px 0; color: var(--text); }
    .modal p { margin: 0 0 24px 0; color: var(--text-dim); font-size: 14px; line-height: 1.4; }
    
    .modal-close { background: var(--grad-main); color: white; border: none; padding: 12px 24px; border-radius: 12px; font-weight: 600; cursor: pointer; transition: filter 0.2s ease; }
    .modal-close:hover { filter: brightness(1.08); }