.islamic-calendar-page{background:var(--background);min-height:100vh}.ic-header{z-index:100;background:0 0;padding:20px 32px;position:fixed;top:0;left:0;right:0}.ic-back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:#fffffff2;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 12px #00000014}.ic-back-link:hover{background:var(--white);transform:translate(-4px);box-shadow:0 4px 20px #0000001f}.ic-back-link i{color:var(--primary);font-size:.85rem}.ic-hero{background:linear-gradient(135deg, var(--primary) 0%, #0a4a9e 100%);justify-content:center;align-items:center;min-height:50vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.ic-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.ic-hero-content{z-index:1;text-align:center;max-width:700px;position:relative}.ic-label{letter-spacing:.2em;color:#fffc;margin-bottom:16px;font-size:.75rem;font-weight:600;display:inline-block}.ic-title{font-family:var(--font-heading);color:var(--white);margin-bottom:16px;font-size:max(2.5rem,min(6vw,3.5rem));font-weight:600;line-height:1.1}.ic-subtitle{color:#ffffffd9;font-size:1.125rem;line-height:1.6}.ic-upcoming{z-index:2;margin-top:-40px;padding:0 24px 60px;position:relative}.ic-upcoming-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.ic-upcoming-card{background:var(--white);border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 24px #00000014}.ic-upcoming-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.ic-upcoming-icon{background:linear-gradient(135deg, var(--primary) 0%, #0a4a9e 100%);width:48px;height:48px;color:var(--white);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ic-upcoming-info h4{color:var(--text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600}.ic-upcoming-info p{color:var(--text-secondary);margin-bottom:2px;font-size:.85rem}.ic-hijri{color:var(--primary);font-size:.75rem;font-weight:500}.ic-section-header{text-align:center;margin-bottom:48px}.ic-section-icon{background:linear-gradient(135deg, var(--primary) 0%, #0a4a9e 100%);width:64px;height:64px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.5rem;display:flex}.ic-section-icon.gold{background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%)}.ic-section-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:max(2rem,min(4vw,2.5rem));font-weight:600}.ic-section-description{color:var(--text-secondary);font-size:1.125rem}.ic-ramadan{background:var(--background);padding:80px 24px}.ic-tabs{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.ic-tab{background:var(--white);border:2px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.ic-tab:hover{border-color:var(--primary);color:var(--primary)}.ic-tab.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.ic-tab i{font-size:1rem}.ic-schedule-container{background:var(--white);border-radius:20px;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 4px 24px #0000000f}.ic-schedule-header{background:var(--background);border-bottom:1px solid var(--border);padding:20px 24px}.ic-schedule-legend{color:var(--text-secondary);justify-content:center;gap:32px;font-size:.85rem;display:flex}.ic-schedule-legend span{align-items:center;gap:8px;display:flex}.ic-schedule-legend i{color:var(--primary)}.ic-schedule-table{border-collapse:collapse;width:100%}.ic-schedule-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--background);border-bottom:1px solid var(--border);padding:16px 20px;font-size:.8rem;font-weight:600}.ic-schedule-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:16px 20px;font-size:.95rem}.ic-schedule-table tbody tr:hover{background:#08347505}.ic-schedule-table tbody tr:last-child td{border-bottom:none}.ic-day-cell{color:var(--primary);font-weight:600}.ic-suhoor{color:#6b7280}.ic-iftar{color:var(--primary);font-weight:600}.ic-schedule-note{color:var(--text-secondary);background:var(--background);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.85rem;display:flex}.ic-schedule-note i{color:var(--primary)}.ic-download-btn{background:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:.95rem;font-weight:500;transition:background .3s;display:flex}.ic-download-btn:hover{background:#062a5c}.ic-events-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto;display:grid}.ic-event-card{background:var(--white);border-radius:16px;gap:20px;padding:28px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0000000f}.ic-event-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}.ic-event-icon{width:52px;height:52px;color:var(--primary);background:linear-gradient(135deg,#0834751a 0%,#0834750d 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ic-event-content h4{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.ic-event-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem;line-height:1.6}.ic-event-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.ic-event-meta span{align-items:center;gap:6px;display:flex}.ic-event-meta i{color:var(--primary);font-size:.75rem}.ic-eid{background:linear-gradient(180deg, var(--white) 0%, var(--background) 100%);padding:80px 24px}.ic-eid-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto 48px;display:grid}.ic-eid-card{background:var(--white);border-radius:20px;padding:36px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000014}.ic-eid-card:hover{transform:translateY(-4px)}.ic-eid-card.featured{border:2px solid var(--primary)}.ic-eid-badge{background:var(--primary);color:var(--white);border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute;top:20px;right:20px}.ic-eid-card h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:20px;font-size:1.5rem;font-weight:600}.ic-eid-date{margin-bottom:24px}.ic-eid-gregorian{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;font-weight:500;display:block}.ic-eid-hijri{color:var(--primary);font-size:.9rem;font-weight:500}.ic-eid-times{background:var(--background);border-radius:12px;gap:24px;margin-bottom:24px;padding:20px;display:flex}.ic-eid-prayer{text-align:center;flex:1}.ic-prayer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.ic-prayer-time{color:var(--primary);font-size:1.25rem;font-weight:600}.ic-eid-location{color:var(--text-secondary);align-items:center;gap:10px;font-size:.9rem;display:flex}.ic-eid-location i{color:var(--primary)}.ic-eid-info{background:var(--white);border-radius:16px;max-width:600px;margin:0 auto;padding:32px;box-shadow:0 4px 20px #0000000f}.ic-eid-info h4{color:var(--text-primary);text-align:center;margin-bottom:20px;font-size:1.125rem;font-weight:600}.ic-eid-info ul{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.ic-eid-info li{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9rem;display:flex}.ic-eid-info li i{color:#10b981;font-size:.85rem}.ic-cta{background:linear-gradient(135deg, var(--primary) 0%, #0a4a9e 100%);padding:80px 24px}.ic-cta-content{text-align:center;max-width:600px;margin:0 auto}.ic-cta-content h3{font-family:var(--font-heading);color:var(--white);margin-bottom:12px;font-size:2rem;font-weight:600}.ic-cta-content p{color:#ffffffd9;margin-bottom:28px;font-size:1.1rem}.ic-cta-btn{background:var(--white);color:var(--primary);border-radius:50px;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.ic-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width:1024px){.ic-upcoming-grid{grid-template-columns:repeat(2,1fr)}.ic-eid-grid{grid-template-columns:1fr}}@media (max-width:768px){.ic-header{padding:16px 20px}.ic-hero{min-height:45vh;padding:100px 20px 60px}.ic-upcoming{margin-top:-30px}.ic-upcoming-grid{grid-template-columns:1fr;gap:16px}.ic-tabs{flex-direction:column;align-items:stretch;max-width:300px;margin-left:auto;margin-right:auto}.ic-tab{justify-content:center}.ic-schedule-table th,.ic-schedule-table td{padding:12px 14px;font-size:.85rem}.ic-schedule-legend{flex-direction:column;align-items:center;gap:8px}.ic-events-grid{grid-template-columns:1fr}.ic-event-card{text-align:center;flex-direction:column}.ic-event-icon{margin:0 auto}.ic-event-meta{justify-content:center}.ic-eid-card{padding:28px}.ic-eid-times{flex-direction:column;gap:16px}.ic-eid-info ul{grid-template-columns:1fr}.ic-ramadan,.ic-eid,.ic-cta{padding:60px 20px}}@media (max-width:480px){.ic-back-link span{display:none}.ic-back-link{justify-content:center;gap:0;width:44px;height:44px;padding:12px}.ic-back-link i{margin:0}.ic-schedule-table{font-size:.8rem}.ic-schedule-table th,.ic-schedule-table td{padding:10px 8px}}@media (prefers-reduced-motion:reduce){.ic-back-link,.ic-upcoming-card,.ic-event-card,.ic-eid-card,.ic-cta-btn{transition:none}.ic-back-link:hover,.ic-upcoming-card:hover,.ic-event-card:hover,.ic-eid-card:hover{transform:none}}