/* Coming Soon card styles */ .cs-wrap { min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center; padding: 40px 16px; } .cs-card { max-width: 480px; width: 100%; background: #fff; border: 2px solid #d1fae5; border-radius: 24px; padding: 44px 36px; text-align: center; box-shadow: 0 8px 40px rgba(0,0,0,0.07); } [data-theme="dark"] .cs-card { background: #1e293b !important; border-color: #334155 !important; } .cs-icon-wrap { width: 72px; height: 72px; background: #d1fae5; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .cs-icon-wrap svg { width: 34px; height: 34px; stroke: #059669; } .cs-badge { display: inline-flex; align-items: center; gap: 6px; background: #d1fae5; color: #059669; border: 1.5px solid #34d39944; border-radius: 50px; padding: 5px 14px; font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .cs-title { font-size: 1.55rem; font-weight: 900; color: #0f172a; letter-spacing: -0.02em; margin-bottom: 10px; line-height: 1.25; } [data-theme="dark"] .cs-title { color: #f1f5f9 !important; } .cs-desc { font-size: 0.92rem; color: #64748b; line-height: 1.65; margin-bottom: 28px; } [data-theme="dark"] .cs-desc { color: #94a3b8 !important; } .cs-divider { height: 1px; background: linear-gradient(90deg, transparent, #34d39966, transparent); margin-bottom: 24px; } .cs-notify-btn { display: inline-flex; align-items: center; gap: 8px; background: #059669; color: #fff; padding: 13px 28px; border-radius: 12px; font-weight: 700; font-size: 0.88rem; text-decoration: none; transition: all 0.2s; box-shadow: 0 4px 14px #05966944; margin-bottom: 14px; width: 100%; justify-content: center; } .cs-notify-btn:hover { opacity: 0.9; transform: translateY(-2px); } .cs-back-btn { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #64748b; padding: 10px 20px; border-radius: 10px; font-weight: 600; font-size: 0.85rem; text-decoration: none; border: 1.5px solid #e2e8f0; transition: all 0.2s; width: 100%; justify-content: center; } [data-theme="dark"] .cs-back-btn { border-color: #334155; color: #94a3b8; } .cs-back-btn:hover { border-color: #059669; color: #059669; } .cs-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 24px; } .cs-dot { width: 8px; height: 8px; border-radius: 50%; background: #d1fae5; border: 2px solid #34d399; animation: dotPulse 1.5s ease-in-out infinite; } .cs-dot:nth-child(2) { animation-delay: 0.3s; } .cs-dot:nth-child(3) { animation-delay: 0.6s; } @keyframes dotPulse { 0%,100% { transform: scale(1); opacity: 0.6; } 50% { transform: scale(1.3); opacity: 1; background: #059669; } }
Coming Soon

Ideal Weight Calculator

We're building this tool for you. It will be available very soon — check back shortly!

Back to Home Browse All Tools