.lp-rooti{background:linear-gradient(135deg,#ffdd87,#6fe7c8);justify-content:space-between;align-items:center;gap:64px;width:100%;min-height:100vh;padding:72px 8%;display:flex}.lp-left{color:#fff;flex-direction:column;gap:28px;max-width:520px;display:flex}.lp-left h1{color:#fff;text-shadow:0 10px 6px #00000026;font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.2}.lp-learn-more{flex-direction:column;align-items:center;gap:14px;display:flex}.lp-btn-pill{color:#0a39ff;letter-spacing:1.5px;cursor:pointer;background:#eaf4d3;border:2px solid #0a39ff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;transition:all .35s;box-shadow:0 12px 30px #00000026}.lp-learn-more:hover .lp-btn-pill{color:#fff;background:#0a39ff;border-color:#fff}.lp-btn-pill:active{transform:scale(.95)}.lp-arrow{flex-direction:column;gap:6px;display:flex}.lp-arrow span{border-bottom:3px solid #fff;border-right:3px solid #fff;width:14px;height:14px;animation:1.6s infinite arrowBounce;transform:rotate(45deg)}.lp-arrow span:nth-child(2){animation-delay:.2s}@keyframes arrowBounce{0%,to{opacity:.6;transform:rotate(45deg)translateY(0)}50%{opacity:1;transform:rotate(45deg)translateY(6px)}}.lp-right img{width:360px;max-width:90vw;animation:4s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-15px)}}@media (max-width:900px){.lp-rooti{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;min-height:100vh;padding:32px 20px 24px}.lp-right{order:1;margin-top:16px}.lp-right img{width:240px}.lp-left{order:2;align-items:center;margin-top:16px}.lp-left h1{margin-bottom:8px;font-size:22px;line-height:1.3}.lp-learn-more{margin-top:8px}}@media (max-width:390px){.lp-right img{width:220px}.lp-left h1{font-size:20px}}
.lp-root{background:linear-gradient(#a2e0ec 0%,#e796fc 100%);justify-content:space-between;align-items:center;gap:64px;width:100%;padding:72px 8%;display:flex}.lp-left{max-width:520px}.lp-glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff59;border-radius:28px;padding:40px 44px;font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.3}.lp-right{text-align:center}.lp-right h2{color:#fff;text-shadow:0 10px 20px #00000040;margin-bottom:28px;font-size:clamp(22px,3vw,32px)}.lp-role{justify-content:center;align-items:center;gap:36px;display:flex}.lp-link{color:#000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff59;border-radius:999px;padding:16px 32px;font-size:16px;text-decoration:none;transition:all .25s}.lp-link b{color:#fff;font-size:22px}.lp-link:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 16px 30px #00000040}.lp-divider{background:#00000059;width:2px;height:42px}@media (max-width:900px){.lp-root{text-align:center;flex-direction:column;padding:56px 20px}.lp-left{max-width:100%}.lp-glass{padding:32px;font-size:20px}.lp-role{flex-direction:column;gap:20px}.lp-divider{display:none}.lp-link{width:100%;max-width:260px}}
.kosong{background:#a2e0ec;padding:48px 20px 64px}