Alphagenda - Suivi d'Habitudes

/* Reset specific to noscript content to ensure consistency */ .noscript-wrapper * { box-sizing: border-box; margin: 0; padding: 0; } .noscript-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background-color: rgba(15, 23, 42, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .noscript-content { background: #ffffff; color: #333333; padding: 3rem 2rem; border-radius: 1rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-width: 480px; width: 100%; text-align: center; border: 1px solid #e2e8f0; position: relative; } .noscript-icon { font-size: 4rem; margin-bottom: 1.5rem; display: block; animation: float 3s ease-in-out infinite; } .noscript-title { font-size: 1.75rem; font-weight: 800; margin: 0 0 1rem 0; color: #1e293b; letter-spacing: -0.025em; } .noscript-message { font-size: 1.1rem; line-height: 1.6; color: #64748b; margin: 0 0 2rem 0; } .noscript-btn { display: inline-flex; align-items: center; justify-content: center; background-color: #3b82f6; color: white; font-weight: 600; padding: 0.875rem 2rem; border-radius: 0.75rem; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.5); max-width: 100%; } .noscript-btn:hover { background-color: #2563eb; transform: translateY(-1px); box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.5); } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* Responsive adjustments */ @media (max-width: 480px) { .noscript-content { padding: 2rem 1.5rem; } .noscript-icon { font-size: 3rem; margin-bottom: 1rem; } .noscript-title { font-size: 1.5rem; } .noscript-message { font-size: 1rem; margin-bottom: 1.5rem; } .noscript-btn { width: 100%; padding: 0.75rem 1.5rem; } } @media (prefers-color-scheme: dark) { .noscript-content { background: #1e293b; color: #ffffff; border-color: #334155; } .noscript-title { color: #f8fafc; } .noscript-message { color: #94a3b8; } .noscript-btn { background-color: #3b82f6; } .noscript-btn:hover { background-color: #60a5fa; } }

⚡

JavaScript requis

Pour profiter pleinement de l'expérience Alphagenda, veuillez activer JavaScript dans les paramètres de votre navigateur.

Comment l'activer ?