body{margin:0;font-family:'Noto Sans Bengali',sans-serif;background:linear-gradient(to bottom,#fff,#f9f9f9)}
header.header{background:#c62828;color:white;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,0.2);position:sticky;top:0;z-index:10}
.header .title{font-size:22px;font-weight:bold}
.today-banner{background:linear-gradient(135deg,#f44336,#c62828);color:white;margin:15px;padding:20px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,0.2);display:flex;justify-content:space-between;flex-wrap:wrap}
.today-banner .date-info h2{margin:0;font-size:18px}
.today-banner .big-date{font-size:22px;font-weight:bold;margin:5px 0}
.today-banner .holiday{margin-top:8px;font-weight:bold;background:rgba(255,255,255,0.2);padding:5px 8px;border-radius:10px;display:inline-block}
.today-banner .prayer-info p{margin:5px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;padding:15px}
.card{background:white;color:#c62828;text-align:center;padding:20px 10px;border-radius:20px;text-decoration:none;font-size:16px;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.card .icon{font-size:35px;margin-bottom:8px}
table{width:100%;border-collapse:collapse;margin:15px 0}
th,td{padding:8px;text-align:center;border:1px solid #ddd;border-radius:10px}
td.holiday{background:#ffebee;color:#c62828;font-weight:bold}