diff --git a/landing/index.html b/landing/index.html index ee5712b..63773ef 100644 --- a/landing/index.html +++ b/landing/index.html @@ -439,6 +439,75 @@ .copy-install-btn:active { transform: scale(0.98); } + + /* Acknowledgement Modal Styles */ + #ackModal .modal-content { + border-color: var(--danger); + max-width: 500px; + text-align: center; + } + + #ackModal h2 { + color: var(--danger); + margin-top: 0; + display: flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + } + + #ackModal .modal-body { + font-size: 1.1rem; + color: var(--text); + margin: 1.5rem 0; + line-height: 1.6; + } + + #ackModal .modal-actions { + display: flex; + justify-content: center; + gap: 1rem; + margin-top: 2rem; + } + + #ackModal .btn-cancel { + background: transparent; + border: 1px solid var(--border); + color: var(--text); + padding: 0.75rem 1.5rem; + border-radius: 9999px; + cursor: pointer; + transition: all 0.2s; + font-weight: 600; + } + + #ackModal .btn-cancel:hover { + background: var(--surface-alt); + color: var(--text-strong); + } + + #ackModal .btn-confirm { + background: var(--danger); + border: 1px solid var(--danger); + color: white; + padding: 0.75rem 1.5rem; + border-radius: 9999px; + cursor: pointer; + transition: all 0.2s; + font-weight: 600; + box-shadow: 0 4px 12px rgba(255, 50, 50, 0.3); + } + + #ackModal .btn-confirm:hover { + background: #ff4d4d; /* lighter red */ + transform: translateY(-2px); + box-shadow: 0 6px 16px rgba(255, 50, 50, 0.4); + } + + /* Define danger color if not exists in dashboard/styles.css */ + :root { + --danger: #ef4444; + }
@@ -469,7 +538,7 @@Install via NPM
npm install torch-lock
-