.hero{position:relative;overflow:hidden;min-height:420px;color:#fff;border-radius:0 0 30px 30px}.hero-bg{position:absolute;inset:-20px;background:center/cover;filter:blur(8px);transform:scale(1.08)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.05) 40%,rgba(0,0,0,.5))}.hero-content{position:relative;z-index:1;padding:24px 20px}.topbar{display:flex;justify-content:space-between;align-items:center}.logo-lockup{display:flex;align-items:center;gap:10px;font-weight:600}.logo-lockup img{width:44px;height:44px;border-radius:14px;object-fit:cover}.avatar{width:55px;height:55px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center}.shortcuts{display:grid;grid-template-columns:repeat(4,1fr);margin:27px -20px 0;border-block:1px solid rgba(255,255,255,.28)}.shortcut{padding:17px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:15px}.shortcut:not(:last-child){border-right:1px solid rgba(255,255,255,.28)}.shortcut span:first-child{font-size:27px}.prayer-now{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:48px}.prayer-arrow{width:84px;height:84px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:44px;position:relative}.prayer-arrow i{position:absolute;width:15px;height:15px;border-radius:4px;background:#f4b338;right:9px;bottom:2px}.prayer-name{font-size:29px;font-weight:300}.prayer-name b{font-weight:400}.remaining{margin-top:9px;font-size:15px}.home-indicator{width:72px;height:6px;border-radius:8px;background:#fff;margin:35px auto 0}.prayer-card{background:#fff;border-radius:28px;padding:18px}.prayer-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee}