*{box-sizing:border-box;margin:0;padding:0}html,body{background:#081a12;width:100%;height:100%;overflow:hidden}.landing{background:#081a12;width:100vw;height:100vh;position:relative;overflow:hidden}.layer-bg{object-fit:cover;object-position:center;z-index:1;width:100%;height:100%;position:absolute;inset:0}.layer-amplop-desktop{z-index:2;pointer-events:none;width:55%;max-width:900px;height:auto;display:block;position:absolute;bottom:0;right:0}.amplop-link-mobile{display:none}.layer-frame{object-fit:fill;z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.content{z-index:4;width:38%;max-width:560px;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.layer-invited{width:100%;height:auto;display:block}.layer-garis{width:90%;height:auto;margin:24px 0 20px;display:block}.layer-special{width:95%;height:auto;margin-bottom:32px;display:block}.open-invitation{z-index:6;cursor:pointer;width:72%;transition:transform .15s,filter .15s;display:block;position:relative}.open-invitation img{width:100%;height:auto;display:block}.open-invitation:hover{filter:brightness(1.08);transform:translateY(-2px)}.open-invitation:active{filter:brightness(.95);transform:translateY(0)}@media (width<=1200px){.content{width:42%;left:5%}.layer-amplop-desktop{width:60%}}@media (width<=900px){html,body{overflow-y:auto}.landing{justify-content:center;align-items:center;height:auto;min-height:100vh;padding:50px 0 60px;display:flex;overflow:visible}.layer-bg{min-height:100vh;position:absolute}.layer-frame,.layer-amplop-desktop{display:none}.content{text-align:center;width:85%;max-width:500px;margin:0 auto;position:relative;top:auto;left:auto;transform:none}.layer-invited{width:55%;margin:0 auto 32px}.amplop-link-mobile{width:40%;max-width:220px;margin:0 auto 32px;display:block}.layer-amplop-mobile{width:100%;height:auto;display:block}.layer-garis{width:65%;margin:0 auto 28px}.layer-special{width:60%;margin:0 auto 40px}.open-invitation{display:none!important}}@media (width<=480px){.landing{padding:40px 0 50px}.content{width:92%}.layer-invited{width:62%;margin:0 auto 24px}.amplop-link-mobile{width:38%;max-width:180px;margin:0 auto 24px}.layer-garis{width:70%;margin:0 auto 24px}.layer-special{width:68%;margin:0 auto 32px}}@media (width<=360px){.layer-invited{width:68%;margin-bottom:20px}.amplop-link-mobile{width:42%;max-width:160px;margin-bottom:20px}.layer-garis{width:75%;margin-bottom:20px}.layer-special{width:72%;margin-bottom:28px}}@media (width<=900px) and (orientation:portrait){.layer-frame{content:url(/images/border-hp.webp);object-fit:fill;z-index:10;pointer-events:none;width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:fixed;inset:8px}}@media (width<=900px) and (orientation:landscape){.layer-frame{display:none}}