:root { --primary:#0d6efd; --gray:#6c757d; }
body { background:#f8f9fa; font-family:'Segoe UI',sans-serif; }
.cafe-login-box { max-width:420px; margin:80px auto; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.18); }
.cafe-title { font-weight:800; color:var(--primary); letter-spacing:1px; }
.cafe-subtitle { font-size:.95rem; color:var(--gray); }
.cafe-version { font-size:.85rem; color:var(--gray); font-style:italic; }
/* Responsive clock overrides for login page */
@media (max-width: 576px) {
    #maldives-clock-container {
        padding: 0.5rem;
        max-width: 180px;
    }
    #maldives-clock-container h1 { font-size: 0.8rem; }
    #maldives-clock-container .clock { font-size: 1.4rem; }
    #maldives-clock-container .date { font-size: 0.7rem; }
}