@layer components{.cosmic-page{--cosmic-hero-parallax:0px;--cosmic-moon-parallax:0px;--cosmic-hero-pointer-x:0px;--cosmic-hero-pointer-y:0px;isolation:isolate;color:#fff;min-height:100dvh;font-family:var(--font-story-body);background:radial-gradient(72rem 42rem at -12rem 8rem,#219ebc33,#0000 68%),radial-gradient(58rem 38rem at calc(100% + 8rem) 30%,#ffd35814,#0000 72%),radial-gradient(64rem 40rem at -10rem 76%,#62bec41a,#0000 72%),linear-gradient(156deg,#0a3b55 0%,#062f49 48%,#04263d 100%);position:relative;overflow:clip}html:has(.cosmic-page){scroll-behavior:smooth}.cosmic-page:before{z-index:-3;content:"";pointer-events:none;background:radial-gradient(64rem 42rem at -14rem 10rem,#bfddf040,#0000 67%),radial-gradient(54rem 35rem at calc(100% + 10rem) 24%,#fff9d21f,#0000 72%),radial-gradient(62rem 38rem at -12rem 72%,#62bec426,#0000 72%),radial-gradient(46rem 31rem at calc(100% + 8rem) 94%,#ffba4214,#0000 72%);position:absolute;inset:0}.cosmic-page:after{z-index:-2;content:"";pointer-events:none;background:linear-gradient(#00537a05 0%,#02304714 42%,#00537a05 100%);position:absolute;inset:0}.cosmic-aurora-bg,.cosmic-bintang-bg{pointer-events:none;-webkit-user-select:none;user-select:none;background-position:top;background-repeat:repeat-y;width:100%;height:100%;min-height:100%;position:absolute;inset:0}.cosmic-aurora-bg{z-index:-2;opacity:.95;mix-blend-mode:screen;background-image:url(/assets/images/figma/Aurora.svg);background-size:1920px}.cosmic-bintang-bg{z-index:-1;opacity:.85;background-image:url(/assets/images/figma/bintang.svg);background-size:1920px}.cosmic-motion-ready [data-cosmic-reveal]{opacity:0;will-change:translate, scale, opacity;transition:opacity .72s,translate .9s cubic-bezier(.16,1,.3,1),scale .9s cubic-bezier(.16,1,.3,1);translate:0 2.5rem;scale:.975}.cosmic-motion-ready [data-cosmic-reveal].is-visible{opacity:1;will-change:auto;translate:0;scale:1}.cosmic-skip-link{z-index:100;color:#023047;background:#fff;border-radius:.5rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.cosmic-skip-link:focus{transform:translateY(0)}.cosmic-header{z-index:50;color:#f6faff;-webkit-backdrop-filter:blur(14px)saturate(1.15);background:#04263de0;border:1px solid #bfddf047;border-radius:1.25rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;width:min(90%,1740px);min-height:4.75rem;padding:.55rem .75rem .55rem 1.5rem;transition:top .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1),min-height .35s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .25s;display:grid;position:fixed;top:2.75rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.5rem #01131f47}.cosmic-page.is-scrolled .cosmic-header{background:#04263df0;width:min(94%,1640px);min-height:4.25rem;top:1rem;box-shadow:0 .65rem 2rem #01131f57}.cosmic-brand{width:max-content;font-family:var(--font-story-serif);align-items:center;gap:.65rem;font-size:1.2rem;font-weight:700;display:inline-flex}.cosmic-desktop-nav{white-space:nowrap;justify-content:center;align-items:center;gap:clamp(1rem,2vw,2.25rem);font-size:.9rem;font-weight:600;display:flex}.cosmic-desktop-nav a,.cosmic-brand{transition:color .18s,transform .18s}.cosmic-desktop-nav a:hover{color:#fb8500;transform:translateY(-1px)}.cosmic-nav-openhouse{letter-spacing:.02em;align-items:center;gap:.45rem;box-shadow:0 0 14px #fb850040,inset 0 0 8px #ffffff1a;color:#ffdda1!important;background:linear-gradient(135deg,#fb850038,#00b4d847)!important;border:1px solid #ffb70399!important;border-radius:9999px!important;padding:.4rem 1rem!important;font-size:.84rem!important;font-weight:700!important;transition:all .22s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.cosmic-nav-openhouse:hover{box-shadow:0 0 20px #fb85008c,0 0 8px #ffffff4d;color:#fff!important;background:linear-gradient(135deg,#fb850066,#00b4d873)!important;border-color:#fb8500!important;transform:translateY(-2px)scale(1.04)!important}.cosmic-auth{justify-content:flex-end;gap:.35rem;display:flex}.cosmic-button{min-height:2.75rem;font-family:var(--font-story-serif);border:1px solid #bfddf075;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.35rem;font-weight:700;line-height:1;transition:transform .16s,background-color .18s,color .18s;display:inline-flex}.cosmic-button:hover{transform:translateY(-1px)}.cosmic-button:active{transform:translateY(1px)}.cosmic-button-outline{color:#f6faff;background:#f6faff0f}.cosmic-button-solid{color:#062f49;background:#ffba42;border-color:#ffba42}.cosmic-menu-button,.cosmic-mobile-nav{display:none}.cosmic-footer{color:#ffffffc7;border-top:1px solid #fff3;justify-content:center;align-items:center;gap:.85rem;width:min(90%,80rem);margin-inline:auto;padding:2rem 1rem 2.5rem;font-size:.85rem;display:flex}}.public-splash{z-index:200;color:#fff;opacity:1;background:#064b68;place-items:center;transition:opacity .38s,visibility .38s;display:grid;position:fixed;inset:0;overflow:hidden}.public-splash.is-leaving{visibility:hidden;opacity:0}.public-splash-mark{text-align:center;justify-items:center;width:min(70vw,20rem);display:grid;position:relative}.public-splash-mark img{filter:drop-shadow(0 .75rem 1rem #02304747);width:min(58vw,12rem);height:auto;animation:1.2s ease-in-out infinite alternate public-splash-logo}@keyframes public-splash-logo{0%{opacity:.72;transform:scale(.97)}to{opacity:1;transform:scale(1.02)}}@media (width<=1023px){.cosmic-header{border-radius:1rem;grid-template-columns:1fr auto;width:calc(100% - 2rem);min-height:4rem;padding:.45rem .55rem .45rem 1rem;top:1rem}.cosmic-page.is-scrolled .cosmic-header{width:calc(100% - 1.25rem);min-height:3.8rem;top:.65rem}.cosmic-desktop-nav,.cosmic-auth{display:none}.cosmic-menu-button{color:#fff;background:#0b3a53;border:1px solid #bfddf052;border-radius:.65rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.cosmic-menu-button svg{width:1.25rem}.cosmic-mobile-nav{color:#f6faff;background:#082f48;border:1px solid #bfddf04d;border-radius:1rem;flex-direction:column;gap:.25rem;width:min(21rem,100vw - 2rem);padding:.75rem;display:flex;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 1rem 2.8rem #01131f6b}.cosmic-mobile-nav>a:not(.cosmic-button){border-radius:.55rem;padding:.75rem;font-weight:600}.cosmic-mobile-nav>a:not(.cosmic-button):hover{background:#ffd3581f}}@media (width<=899px){.cosmic-motion-ready [data-cosmic-reveal]{transition-duration:.62s;translate:0 1.5rem;scale:.985}.cosmic-brand span{font-size:1rem}.cosmic-footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cosmic-motion-ready [data-cosmic-reveal]{opacity:1;translate:none;scale:none}}