*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f3ef;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.landing{width:100%;padding:24px}.landing-card{text-align:center;background:#fff;border-top:5px solid #c8a415;border-radius:20px;max-width:440px;margin:0 auto;padding:40px 32px 32px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a}.landing-logos{justify-content:center;align-items:center;gap:16px;margin-bottom:14px;display:flex}.logo-kemenhaj{object-fit:contain;filter:drop-shadow(0 2px 6px #00000026);width:72px;height:72px}.logo-kaabah{filter:drop-shadow(0 4px 12px #c8a41540);font-size:64px;line-height:1}h1{color:#7a6210;letter-spacing:1.5px;margin-bottom:8px;font-size:26px;font-weight:800}.landing-subtitle{color:#8c7d54;margin-bottom:32px;font-size:13px;line-height:1.5}.menu-grid{flex-direction:column;gap:12px;display:flex}.menu-btn{border-radius:14px;align-items:center;gap:16px;padding:18px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.menu-btn:before{content:"";opacity:0;background:#ffffff1f;transition:opacity .15s;position:absolute;inset:0}.menu-btn:hover:before{opacity:1}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.menu-btn:active{transform:translateY(0)}.menu-arafah{background:linear-gradient(135deg,#8b6f00,#c8a415);box-shadow:0 4px 16px #c8a4154d}.menu-muzdalifah{background:linear-gradient(135deg,#5c4a00,#9e8319);box-shadow:0 4px 16px #9e83194d}.menu-mina{background:linear-gradient(135deg,#6b5600,#b89530);box-shadow:0 4px 16px #b895304d}.menu-bimbingan{background:linear-gradient(135deg,#1b5e20,#388e3c);box-shadow:0 4px 16px #388e3c4d}.menu-emoji{text-align:center;flex-shrink:0;width:48px;font-size:36px}.menu-label{color:#fff;font-size:18px;font-weight:700;display:block}.menu-desc{color:#fffc;margin-top:2px;font-size:12px;display:block}.landing-footer{color:#b0a47a;letter-spacing:.3px;margin-top:28px;font-size:11px}@media (width<=480px){.landing-card{padding:32px 20px 24px}.logo-kemenhaj{width:56px;height:56px}.logo-kaabah{font-size:48px}h1{font-size:21px}.menu-btn{padding:14px 18px}.menu-emoji{font-size:28px}.menu-label{font-size:16px}}