:root{--bg:#f1ead6;--text:#3f3b38}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}#__next,body,html{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.page-root{position:relative;min-height:100vh;display:flex;align-items:stretch;justify-content:center;background-color:var(--bg);overflow:hidden}.page-content{padding:48px 24px;max-width:1000px;z-index:2}.analog-clock{display:block;margin-top:24px;filter:drop-shadow(0 6px 12px rgba(16,24,40,.06))}.digital-time{margin-top:10px;font-size:1.25rem;font-weight:600;color:var(--text);text-align:center}.clock-card{background:linear-gradient(180deg,hsla(0,0%,100%,.85),rgba(247,251,255,.95));border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(16,24,40,.08);max-width:520px;margin:24px auto 40px;position:relative;overflow:hidden}.clock-card:after{content:"";position:absolute;right:-20px;bottom:-10px;width:220px;height:220px;background-image:url(/images/clocktest.png);background-size:cover;background-repeat:no-repeat;opacity:.08;pointer-events:none}.card-header h1{margin:0 0 4px;font-size:1.25rem}.card-header .muted{margin:0;color:#60708a;font-size:.9rem}.card-body{display:flex;flex-direction:column;align-items:center}.masjid-illustration{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:1200px;opacity:.1;pointer-events:none;z-index:1;object-fit:contain;filter:brightness(1.02) saturate(.98) blur(0);mix-blend-mode:normal}