.weather-icon img { width: 100%; height: 100%; } .weather-temp-section { text-align: left; } .weather-temp { font-size: 3rem; font-weight: 800; color: #ffffff; line-height: 1; } .weather-temp span { font-size: 1.5rem; font-weight: 400; color: #64748b; vertical-align: super; } .weather-condition { font-size: 1rem; color: #a78bfa; font-weight: 600; margin-top: 0.3rem; text-transform: capitalize; } .weather-details { display: flex; justify-content: center; gap: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.06); } .weather-detail-item { display: flex; align-items: center; gap: 0.5rem; } .weather-detail-item svg { width: 18px; height: 18px; color: #64748b; } .weather-detail-label { font-size: 0.75rem; color: #64748b; } .weather-detail-value { font-size: 0.9rem; color: #cbd5e1; font-weight: 600; } .weather-loading { display: flex; align-items: center; justify-content: center; gap: 0.6rem; padding: 1.5rem; color: #64748b; font-size: 0.9rem; } .weather-spinner { width: 20px; height: 20px; border: 2px solid rgba(139, 92, 246, 0.2); border-top-color: #8b5cf6; border-radius: 50%; animation: spin 0.8s linear infinite; } .weather-error { color: #f87171; font-size: 0.85rem; padding: 1rem; } /* Toast notification */ .toast { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%) translateY(100px); background: rgba(139, 92, 246, 0.2); border: 1px solid rgba(139, 92, 246, 0.3); backdrop-filter: blur(20px); padding: 1rem 2rem; border-radius: 12px; color: #e2e8f0; font-size: 0.9rem; z-index: 100; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; } .toast.show { transform: translateX(-50%) translateY(0); } /* Responsive */ @media (max-width: 600px) { h1 { font-size: 2rem; } .description { font-size: 1rem; } .countdown { gap: 0.6rem; } .countdown-item { min-width: 70px; padding: 1rem; } .countdown-number { font-size: 1.5rem; } .notify-form { flex-direction: column; } .notify-form button { width: 100%; } }
🔧 Under Maintenance

Kami Sedang Melakukan Peningkatan

DeepLearn sedang dalam pemeliharaan untuk memberikan pengalaman yang lebih baik. Kami akan segera kembali. Terima kasih atas kesabaran Anda.

00 Jam
00 Menit
00 Detik
Progress Pemeliharaan 65%
✅ Terima kasih! Kami akan memberitahu Anda saat situs kembali online.