*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#f3f3f3;--bg-card:#092a209e;--bg-nav:#07221ac7;--gold:#2c6d56;--gold-lt:#2c6d56;--gold-dk:#8a6a28;--gold-dim:#4a3c18;--green-hl:#1e4a30;--green-acc:#2e6644;--fg:#f6fbf8;--fg-mid:#2c6d56;--fg-dim:#b8d2c7;--border:#e2c97a3d}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.6}}html,body{background:var(--bg-deep);height:100%;color:var(--fg);font-family:Tajawal,sans-serif}body{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#stars{z-index:0;pointer-events:none;position:fixed;inset:0}.star{background:var(--gold-lt);animation:twinkle var(--d,3s) ease-in-out infinite;animation-delay:var(--dl,0s);border-radius:50%;position:absolute}.bg-glow{z-index:0;pointer-events:none;background:radial-gradient(55% 40% at 50% 60%,#1e4a3038 0%,#0000 70%),radial-gradient(30% 20%,#c9a84c0f 0%,#0000 60%);position:fixed;inset:0}.section-divider{align-items:center;gap:1rem;width:90%;max-width:500px;margin:0 auto 2rem;display:flex}.section-divider .line{background:linear-gradient(90deg, transparent, var(--gold-dk), transparent);flex:1;height:1px}.section-divider .center-ornament{color:var(--gold);align-items:center;gap:.4rem;font-family:Amiri,serif;font-size:1.2rem;display:flex}.section-divider .dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 6px var(--gold);transform:rotate(45deg)}main{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex;position:relative}.bismillah{color:var(--gold);opacity:0;text-shadow:0 0 20px #c9a84c4d;margin-bottom:2.5rem;font-family:Amiri,serif;font-size:clamp(1.1rem,3vw,1.7rem);animation:.7s .3s forwards fadeUp}.seal-wrap{opacity:0;justify-content:center;align-items:center;width:clamp(130px,22vw,180px);height:auto;margin-bottom:2.2rem;animation:.9s .5s forwards fadeIn;display:flex;position:relative}.seal-logo{object-fit:contain;width:min(100%,220px);height:auto;max-height:32vh}.section-label{color:var(--gold-lt);opacity:0;text-shadow:0 2px 20px #c9a84c33;margin-bottom:.5rem;font-family:Amiri,serif;font-size:clamp(1.6rem,5vw,3.2rem);font-weight:700;line-height:1.25;animation:.7s .7s forwards fadeUp}.section-label .line2{color:var(--fg-mid);font-size:clamp(1rem,3vw,1.8rem);font-weight:400}.status-badge{background:var(--green-hl);border:1px solid var(--green-acc);letter-spacing:.18em;color:#7dc49a;opacity:0;border-radius:2px;align-items:center;gap:.5rem;margin:1.2rem 0 1.8rem;padding:.3rem 1rem;font-size:.7rem;animation:.7s .85s forwards fadeUp;display:inline-flex}.status-dot{background:#5db880;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 5px #5db880}.message-card{background:var(--bg-card);border:1px solid var(--border);opacity:0;border-radius:2px;width:92%;max-width:560px;margin-bottom:2rem;padding:1.8rem 2.2rem;animation:.7s 1s forwards fadeUp;position:relative}.message-card:before,.message-card:after{content:"❋";color:var(--gold-dim);font-family:Amiri,serif;font-size:.9rem;position:absolute}.message-card:before{top:.5rem;right:.8rem}.message-card:after{bottom:.5rem;left:.8rem}.message-card p{color:var(--fg-mid);font-size:clamp(.85rem,2.2vw,.98rem);line-height:2.1}.message-card p strong{color:var(--fg);font-weight:500}.info-row{border:1px solid var(--border);opacity:0;gap:0;width:92%;max-width:500px;margin-bottom:2.5rem;animation:.7s 1.3s forwards fadeUp;display:flex}.info-cell{border-left:1px solid var(--border);flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:.9rem 1rem;display:flex}.info-cell:last-child{border-left:none}.info-label{letter-spacing:.18em;color:var(--fg-dim);text-transform:uppercase;font-size:.58rem}.info-value{color:var(--gold-lt);font-family:Amiri,serif;font-size:.98rem}.quran-line{color:var(--fg-dim);opacity:0;margin-bottom:.5rem;font-family:Amiri,serif;font-size:clamp(.85rem,2.2vw,1.05rem);animation:.7s 1.45s forwards fadeUp}@media (max-width:480px){.seal-wrap{width:min(55vw,180px);margin-bottom:1.4rem}.seal-logo{width:min(100%,160px)}}