:root{--biru-900:#1e3a8a;--biru-800:#1e40af;--biru-700:#1d4ed8;--biru-600:#2563eb;--biru-500:#3b82f6;--langit:#0ea5e9;--aksen:#38bdf8;--putih-90:#ffffffeb;--putih-70:#ffffffb3;--putih-55:#ffffff8c;--kaca:#ffffff17;--kaca-hov:#ffffff26;--garis:#ffffff29;--garis-hov:#ffffff61;--radius:22px;--gerak:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff;background:var(--biru-600);align-items:center;min-height:100vh;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.latar{z-index:0;background:radial-gradient(1200px 800px at 12% 8%, #3b82f6 0%, transparent 55%),  radial-gradient(1000px 700px at 88% 92%, #fff3 0%, transparent 58%), linear-gradient(145deg, var(--biru-800) 0%, var(--biru-600) 45%, var(--biru-700) 100%);position:fixed;inset:0;overflow:hidden}.orb{filter:blur(10px);opacity:.5;border-radius:50%;position:absolute}.orb--1{width:46vmax;height:46vmax;animation:hanyut-a 26s var(--gerak) infinite alternate;background:radial-gradient(circle at 35% 35%,#fff3,#0000 62%);top:-18vmax;left:-12vmax}.orb--2{width:38vmax;height:38vmax;animation:hanyut-b 32s var(--gerak) infinite alternate;background:radial-gradient(circle at 60% 40%,#38bdf84d,#0000 64%);top:8vmax;right:-14vmax}.orb--3{width:34vmax;height:34vmax;animation:hanyut-c 28s var(--gerak) infinite alternate;background:radial-gradient(circle,#ffffff24,#0000 66%);bottom:-14vmax;left:34%}.ring{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.ring--1{width:30vmax;height:30vmax;animation:44s linear infinite putar;bottom:-8vmax;right:6vmax}.ring--2{border-style:dashed;width:20vmax;height:20vmax;animation:34s linear infinite reverse putar;bottom:-3vmax;right:11vmax}.kisi{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:62px 62px;animation:30s linear infinite geser-kisi;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(90% 70% at 50% 45%,#000 30%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 45%,#000 30%,#0000 78%)}@keyframes hanyut-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(7vmax,5vmax)scale(1.14)}}@keyframes hanyut-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-8vmax,6vmax)scale(.92)}}@keyframes hanyut-c{0%{transform:translate(0,0)scale(.95)}to{transform:translate(6vmax,-6vmax)scale(1.16)}}@keyframes putar{to{transform:rotate(360deg)}}@keyframes geser-kisi{to{background-position:62px 62px,62px 62px}}.wadah{z-index:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(40px,7vh,84px) clamp(20px,5vw,56px);position:relative}.lencana{border:1px solid var(--garis);background:var(--kaca);-webkit-backdrop-filter:blur(12px);color:var(--putih-90);letter-spacing:.015em;transition:background .35s var(--gerak), border-color .35s var(--gerak), transform .35s var(--gerak);border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 12px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.lencana:hover{background:var(--kaca-hov);border-color:var(--garis-hov);transform:translateY(-2px)}.lencana__titik{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite denyut;box-shadow:0 0 #4ade80b3}@keyframes denyut{0%{box-shadow:0 0 #4ade80a6}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero__judul{letter-spacing:-.035em;margin:26px 0 0;font-size:clamp(38px,6.4vw,76px);font-weight:800;line-height:1.04}.hero__judul span{display:block}.hero__judul em{background:linear-gradient(100deg,#bae6fd 0%,#7dd3fc 40%,#bfdbfe 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__teks{max-width:660px;color:var(--putih-70);margin-top:22px;font-size:clamp(14.5px,1.55vw,17px);font-weight:400;line-height:1.72}.kartu-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:clamp(36px,5.5vh,58px);display:grid}.kartu-grid>.kartu:last-child:nth-child(odd){grid-column:1/-1}.kartu{isolation:isolate;border:1px solid var(--garis);border-radius:var(--radius);background:var(--kaca);-webkit-backdrop-filter:blur(14px);color:inherit;transition:transform .48s var(--gerak), background .38s var(--gerak), border-color .38s var(--gerak), box-shadow .48s var(--gerak);align-items:flex-start;gap:16px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.kartu:first-child{animation:7.5s ease-in-out infinite apung}.kartu:nth-child(2){animation:8.5s ease-in-out .6s infinite apung}.kartu:nth-child(3){animation:8s ease-in-out 1.2s infinite apung}.kartu:nth-child(4){animation:9s ease-in-out 1.8s infinite apung}@keyframes apung{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.kartu:hover,.kartu:focus-visible{background:var(--kaca-hov);border-color:var(--garis-hov);animation-play-state:paused;transform:translateY(-10px)scale(1.022);box-shadow:0 26px 52px -18px #0f0c3c94,inset 0 0 0 1px #ffffff12}.kartu:focus-visible{outline-offset:4px;outline:2px solid #7dd3fc}.kartu:active{transform:translateY(-5px)scale(1.008)}.kartu__kilau{z-index:-1;transition:transform .95s var(--gerak);background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.kartu:hover .kartu__kilau,.kartu:focus-visible .kartu__kilau{transform:translate(120%)}.kartu__ikon{border:1px solid var(--garis);color:#fff;width:48px;height:48px;transition:transform .48s var(--gerak), background .38s var(--gerak), border-color .38s var(--gerak);background:#ffffff1c;border-radius:15px;flex-shrink:0;place-items:center;display:grid}.kartu__ikon svg{width:22px;height:22px}.kartu:hover .kartu__ikon{border-color:var(--garis-hov);background:#fff3;transform:rotate(-7deg)scale(1.1)}.kartu__isi{flex-direction:column;gap:7px;min-width:0;display:flex}.kartu__judul{letter-spacing:-.01em;color:#fff;font-size:16.5px;font-weight:700}.kartu__desc{color:var(--putih-55);transition:color .38s var(--gerak);font-size:13px;line-height:1.62}.kartu:hover .kartu__desc{color:var(--putih-70)}.kartu__url{letter-spacing:.02em;color:#7dd3fc;opacity:.78;transition:opacity .38s var(--gerak);margin-top:3px;font-size:11.5px;font-weight:600}.kartu:hover .kartu__url{opacity:1}.kartu__panah{width:34px;height:34px;color:var(--putih-70);opacity:0;transition:opacity .42s var(--gerak), transform .42s var(--gerak), background .38s var(--gerak);background:#ffffff14;border-radius:50%;flex-shrink:0;align-self:center;place-items:center;margin-left:auto;display:grid;transform:translate(-8px)}.kartu__panah svg{width:16px;height:16px}.kartu:hover .kartu__panah{opacity:1;color:#fff;background:#fff3;transform:translate(0)}.status{flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(30px,4.5vh,46px);display:flex}.pil{border:1px solid var(--garis);background:var(--kaca);-webkit-backdrop-filter:blur(12px);color:var(--putih-90);transition:background .35s var(--gerak), border-color .35s var(--gerak), transform .35s var(--gerak);border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.pil:hover{background:var(--kaca-hov);border-color:var(--garis-hov);transform:translateY(-2px)}.pil svg{opacity:.8;width:15px;height:15px}.pil--kecil{cursor:pointer;padding:9px 11px}.pil--kecil:hover svg{animation:putar 1s var(--gerak)}.titik{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite denyut}.status__ket{color:var(--putih-55);margin-left:auto;font-size:11.5px;font-weight:500}.anim{opacity:0;animation:naik .82s var(--gerak) forwards;animation-delay:calc(var(--i) * 95ms)}@keyframes naik{0%{opacity:0;filter:blur(6px);transform:translateY(26px)}to{opacity:1;filter:blur();transform:translateY(0)}}.kartu.anim{animation:naik .82s var(--gerak) forwards}.kartu.anim:first-child{animation:naik .82s var(--gerak) .38s forwards, apung 7.5s ease-in-out 1.3s infinite}.kartu.anim:nth-child(2){animation:naik .82s var(--gerak) .47s forwards, apung 8.5s ease-in-out 1.9s infinite}.kartu.anim:nth-child(3){animation:naik .82s var(--gerak) .56s forwards, apung 8s ease-in-out 2.5s infinite}.kartu.anim:nth-child(4){animation:naik .82s var(--gerak) .65s forwards, apung 9s ease-in-out 3.1s infinite}@media (width<=880px){.kartu-grid{grid-template-columns:1fr;gap:14px}.kartu{padding:20px}.status__ket{width:100%;margin-left:0}}@media (width<=520px){body{align-items:flex-start}.hero__judul{letter-spacing:-.028em}.kartu__panah{display:none}.kartu__desc{font-size:12.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.anim{opacity:1}}