*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-950:#29083c;--purple-900:#3e0e5e;--purple-800:#501379;--purple-700:#5f168e;--purple-600:#6e2e9b;--purple-500:#7e37af;--purple-400:#934dc4;--purple-300:#ae6fdb;--purple-200:#cfa4ec;--purple-100:#f4ebfb;--green-vivid:#af0;--green-hover:#8fd900;--green-muted:#d4ff80;--green-dark:#3a5a00;--ink:#0f0720;--surface:#fafafa;--white:#fff;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-400:#9ca3af;--grey-600:#4b5563;--grey-800:#1f2937;--danger:#dc2626;--success:#16a34a;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.18s;--duration-med:.3s}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;line-height:1.6}button,input,select,textarea{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--green-vivid);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3{font-family:Poppins,sans-serif;font-weight:800;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}p{max-width:68ch}.navbar-float-wrapper{z-index:1000;padding:0 var(--sp-6);pointer-events:none;position:fixed;top:18px;left:0;right:0}.navbar-float{justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;max-width:100%;display:flex}.navbar-pill{pointer-events:auto;-webkit-backdrop-filter:blur(12px);transition:transform var(--duration-fast), box-shadow var(--duration-fast);background:url(/white-texture.png) 50%/cover padding-box padding-box,linear-gradient(#fff,#fff) 50% padding-box padding-box,linear-gradient(135deg,#3e0e5e 0%,#6e2e9b 40%,#8fd900 85%,#af0 100%) 50% border-box;border:2px solid #0000;border-radius:9999px;align-items:center;display:inline-flex;box-shadow:0 6px 22px #00000014,0 2px 6px #0000000a}.navbar-pill:hover{box-shadow:0 10px 28px #3e0e5e29,0 0 14px #aaff004d}.navbar-pill--brand{align-items:center;gap:12px;padding:6px 18px 6px 10px;text-decoration:none;display:inline-flex}.navbar-pill-brand__logo{object-fit:contain;width:50px;height:50px;transition:transform var(--duration-fast);flex-shrink:0}.navbar-pill--brand:hover .navbar-pill-brand__logo{transform:scale(1.08)}.navbar-pill-brand__text{flex-direction:column;line-height:1.15;display:flex}.navbar-pill-brand__title{background:linear-gradient(135deg,#3e0e5e 0%,#5f168e 50%,#7e37af 100%);-webkit-text-fill-color:transparent;color:#3e0e5e;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:800}.navbar-pill-brand__sub{color:#15803d;letter-spacing:.01em;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700}.navbar-pill--center{gap:4px;padding:4px 6px}.navbar-pill-links{align-items:center;gap:2px;list-style:none;display:flex}.navbar-pill-links a{color:var(--grey-800);transition:color var(--duration-fast), background-color var(--duration-fast);border-radius:9999px;padding:7px 15px;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.navbar-pill-links a:hover{color:var(--purple-700);background-color:#5f168e14}.navbar-pill--action{color:var(--purple-900);cursor:pointer;white-space:nowrap;gap:8px;padding:9px 20px;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none}.navbar-pill--action .action-icon{width:17px;height:17px;color:var(--purple-700);transition:transform var(--duration-fast);flex-shrink:0}.navbar-pill--action:hover{color:var(--purple-700);border-color:#5f168e4d;transform:translateY(-2px);box-shadow:0 10px 28px #5f168e29}.navbar-pill--action:hover .action-icon{transform:scale(1.1)}.navbar-pill-mobile{pointer-events:auto;box-sizing:border-box;background:url(/white-texture.png) 50%/cover padding-box padding-box,linear-gradient(#fff,#fff) 50% padding-box padding-box,linear-gradient(135deg,#3e0e5e 0%,#6e2e9b 40%,#8fd900 85%,#af0 100%) 50% border-box;border:2px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:4px 14px 4px 6px;display:none;box-shadow:0 8px 25px #0000001a}.navbar-logo-circle{background:#fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.navbar-logo-circle img{object-fit:contain;width:100%;height:100%;display:block}.navbar-mobile-brand{margin-left:var(--sp-2);flex-direction:column;flex:1;line-height:1.15;display:flex}.navbar-mobile-brand .brand-name{background:linear-gradient(135deg,#3e0e5e 0%,#5f168e 50%,#7e37af 100%);-webkit-text-fill-color:transparent;color:#3e0e5e;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:800}.navbar-mobile-brand .brand-sub{color:#15803d;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:700}.navbar-mobile-toggle{cursor:pointer;transition:background-color var(--duration-fast);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:flex}.navbar-mobile-toggle:hover{background:#5f168e14}.navbar-mobile-toggle span{background:var(--purple-900);width:22px;height:2px;transition:transform var(--duration-med) var(--ease-out), opacity var(--duration-fast);border-radius:2px;display:block}.navbar-mobile-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-mobile-toggle.open span:nth-child(2){opacity:0}.navbar-mobile-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-mobile-dropdown{top:64px;left:var(--sp-3);right:var(--sp-3);pointer-events:none;opacity:0;transition:all var(--duration-med) var(--ease-out);z-index:1001;display:none;position:absolute;transform:translateY(-8px)}.navbar-mobile-dropdown.open{pointer-events:auto;opacity:1;display:block;transform:translateY(0)}.navbar-mobile-dropdown__inner{background:url(/white-texture.png) 50%/cover padding-box padding-box,linear-gradient(#fff,#fff) 50% padding-box padding-box,linear-gradient(135deg,#3e0e5e 0%,#6e2e9b 40%,#8fd900 85%,#af0 100%) 50% border-box;border:2px solid #0000;border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 16px 36px #0000002e,0 0 20px #aaff0026}.navbar-mobile-link{color:#3e0e5e;transition:all var(--duration-fast);border-radius:9999px;padding:10px 16px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none}.navbar-mobile-link:hover{color:#6e2e9b;background:#5f168e14}.navbar-mobile-link.active{color:#fff;background:linear-gradient(135deg,#3e0e5e 0%,#6e2e9b 100%)}.navbar-mobile-cta{margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:var(--purple-700);text-align:center;border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #5f168e40;color:var(--white)!important}.patterned-container{background-color:var(--white);background-image:url(/white-texture.png);background-position:50%;background-size:cover;border:1px solid #00000014;box-shadow:0 8px 30px #0000000d}.hero{background-color:var(--purple-900);background-image:linear-gradient(105deg,#1b052ac7 0%,#370c5494 50%,#2b094259 100%),url(/purple-texture.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;grid-template-columns:46% 54%;min-height:100vh;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:var(--green-vivid);width:4px;height:100%;position:absolute;top:0;left:0}.hero__content{padding:calc(var(--sp-24) + 30px) var(--sp-12) var(--sp-20);z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative}.hero__eyebrow{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6);width:fit-content;display:inline-flex}.hero__eyebrow-badge{background:var(--green-vivid);color:var(--purple-900);padding:3px var(--sp-2);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;font-size:.7rem;font-weight:700}.hero__eyebrow-text{color:#fff9;font-size:.8rem;font-weight:500}.hero__title{color:var(--white);margin-bottom:var(--sp-6);letter-spacing:-.02em;font-size:clamp(2rem,4.2vw,3.2rem)}.hero__title-line1{color:var(--white);display:block}.hero__title .hero__typewriter{color:var(--green-vivid);white-space:nowrap;align-items:baseline;min-height:1.2em;display:inline-flex}.hero__cursor{color:var(--green-vivid);-webkit-user-select:none;user-select:none;margin-left:2px;font-weight:300;animation:.85s infinite cursor-blink;display:inline}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero__subtitle{color:#ffffffb3;margin-bottom:var(--sp-10);max-width:46ch;font-size:1.05rem;line-height:1.7}.hero__actions{gap:var(--sp-4);flex-wrap:wrap;display:flex}.btn-primary{background:var(--green-vivid);color:var(--purple-900);padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast), transform var(--duration-fast);border:none;align-items:center;min-height:48px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--green-hover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--white);padding:var(--sp-4) var(--sp-8);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);background:0 0;border:1.5px solid #ffffff59;align-items:center;min-height:48px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-block}.btn-outline:hover{border-color:var(--green-vivid);color:var(--green-vivid)}.hero__image{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000059 4%,#000 16%);mask-image:linear-gradient(90deg,#0000 0%,#00000059 4%,#000 16%)}.hero__slides{width:100%;height:100%;position:relative}.hero__slide{opacity:0;pointer-events:none;transition:opacity .65s ease-in-out;position:absolute;inset:0}.hero__slide--active{opacity:1;pointer-events:auto;z-index:1}.hero__slide img{object-fit:cover;object-position:center;filter:brightness(.86)saturate(1.08);width:100%;height:100%}.hero__slide-caption{bottom:var(--sp-10);z-index:2;position:absolute;left:50%;transform:translate(-50%)}.hero__slide-caption span{-webkit-backdrop-filter:blur(8px);color:var(--white);white-space:nowrap;letter-spacing:.04em;background:#2b0942b8;border:1px solid #aaff004d;border-radius:99px;padding:5px 14px;font-size:.75rem;font-weight:600;display:inline-block}.hero__dots{bottom:var(--sp-4);z-index:10;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .25s,transform .25s}.hero__dot--active{background:var(--green-vivid);transform:scale(1.35)}.hero__dot:hover:not(.hero__dot--active){background:#ffffffa6}.hero__arrow{z-index:10;-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--white);cursor:pointer;background:#2b09428c;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__arrow svg{width:18px;height:18px}.hero__arrow--next{right:var(--sp-3)}.hero__arrow--prev{left:var(--sp-3)}.hero__arrow:hover{border-color:var(--green-vivid);background:#aaff002e;transform:translateY(-50%)scale(1.1)}.hero__image-overlay{pointer-events:none;z-index:2;background:linear-gradient(90deg,#2b094266 0%,#5f168e26 6%,#0000 16%);position:absolute;inset:0}.info-strip{background:var(--green-vivid);z-index:10;-webkit-user-select:none;user-select:none;margin-top:-60px;padding:13px 0;position:relative;overflow:hidden;box-shadow:0 4px 22px #00000038;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 3% 97%,#0000 100%)}.info-strip__track{will-change:transform;width:max-content;animation:28s linear infinite info-strip-scroll;display:flex}.info-strip:hover .info-strip__track{animation-play-state:paused}.info-strip__group{align-items:center;gap:var(--sp-8);padding-right:var(--sp-8);flex-shrink:0;display:flex}.info-strip__item{color:#2d0850;white-space:nowrap;letter-spacing:.01em;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:700;display:inline-flex}.info-strip__dot{background:#5f168e;border-radius:50%;flex-shrink:0;width:7px;height:7px}@keyframes info-strip-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.container{max-width:1160px;padding:0 var(--sp-8);margin:0 auto}.section{padding:var(--sp-20) 0}.section--dark{background:var(--purple-900)}.section--tinted{background:var(--purple-100)}.section-header{margin-bottom:var(--sp-12)}.section-header--center{text-align:center}.section-header--center p{margin:var(--sp-4) auto 0}.section-tag{background:var(--green-vivid);color:var(--purple-900);letter-spacing:.1em;text-transform:uppercase;padding:4px var(--sp-3);margin-bottom:var(--sp-3);border-radius:4px;font-size:.7rem;font-weight:700;display:inline-block}.section-tag--light{color:var(--green-vivid);background:#aaff0026}.section-header h2{color:var(--ink)}.section-header--dark h2{color:var(--white)}.section-header--dark p{color:#ffffffa6}.section-header p{color:var(--grey-600);margin-top:var(--sp-3);font-size:1.05rem}.profil-vismis-wrapper{background-color:var(--surface);background-image:url(/pattern-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;position:relative}.profil-section,#profil{padding-bottom:var(--sp-6);background:0 0;position:relative}.profil-banner{border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-10);margin-bottom:var(--sp-8);border-left:4px solid var(--purple-700);position:relative;overflow:hidden}.profil-banner__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--purple-700);margin-bottom:var(--sp-2);font-size:.75rem;font-weight:700;display:inline-block}.profil-banner h3{color:var(--ink);margin-bottom:var(--sp-3);font-size:1.35rem;font-weight:800}.profil-banner p{color:var(--grey-600);max-width:85ch;margin-bottom:var(--sp-6);font-size:.95rem;line-height:1.7}.profil-stats{gap:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid #00000014;grid-template-columns:repeat(3,1fr);display:grid}.profil-stat{flex-direction:column;display:flex}.profil-stat__num{color:var(--purple-700);margin-bottom:var(--sp-1);font-family:Poppins,sans-serif;font-size:2rem;font-weight:800;line-height:1}.profil-stat__label{color:var(--grey-600);font-size:.8rem;font-weight:500}.profil-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.profil-card{border-radius:var(--radius-lg);padding:var(--sp-6);transition:transform var(--duration-med) var(--ease-out), box-shadow var(--duration-med) var(--ease-out);flex-direction:column;display:flex}.profil-card:hover{border-color:#5f168e33;transform:translateY(-4px);box-shadow:0 14px 36px #5f168e1a}.profil-card__header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.profil-card__icon{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--purple-700);background:#5f168e1a;justify-content:center;align-items:center;display:flex}.profil-card__icon svg{width:24px;height:24px}.profil-card__badge{color:var(--purple-700);background:var(--purple-100);letter-spacing:.04em;border-radius:9999px;padding:3px 10px;font-size:.72rem;font-weight:700}.profil-card h4{color:var(--ink);margin-bottom:var(--sp-2);font-size:1.05rem;font-weight:700}.profil-card p{color:var(--grey-600);margin-bottom:var(--sp-4);font-size:.875rem;line-height:1.6}.profil-card__list{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid #0000000f;flex-direction:column;margin-top:auto;list-style:none;display:flex}.profil-card__list li{align-items:center;gap:var(--sp-2);color:var(--grey-800);font-size:.82rem;font-weight:500;display:flex}.profil-card__check{color:#10b981;font-size:.85rem;font-weight:800}.vismis-section,#visi-misi{padding-top:var(--sp-6);background:0 0;position:relative}.vismis{gap:var(--sp-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.vismis__card{padding:var(--sp-8);border-radius:var(--radius-lg);position:relative;overflow:hidden}.vismis__card--visi{color:var(--white);background-color:#0000;background-image:linear-gradient(135deg,#370c54d6 0%,#5f168ec2 100%),url(/purple-texture.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;box-shadow:0 10px 30px #2b094233}.vismis__card--misi{background-color:var(--white);background-image:url(/white-texture.png);background-position:50%;background-size:cover;border:1.5px solid #00000014;box-shadow:0 8px 25px #0000000d}.vismis__card-accent{background:var(--green-vivid);width:100%;height:4px;position:absolute;top:0;left:0}.vismis__label{letter-spacing:.1em;text-transform:uppercase;color:var(--green-vivid);margin-bottom:var(--sp-3);font-size:.75rem;font-weight:700}.vismis__card--misi .vismis__label{color:var(--purple-700)}.vismis__card--visi h3{color:var(--white);margin-bottom:var(--sp-4);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500;line-height:1.5}.vismis__list{gap:var(--sp-3);flex-direction:column;list-style:none;display:flex}.vismis__list li{gap:var(--sp-3);color:var(--grey-800);align-items:flex-start;font-size:.925rem;line-height:1.6;display:flex}.vismis__list-icon{background:var(--purple-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.vismis__list-icon svg{width:10px;height:10px}.kegiatan-grid{gap:var(--sp-4);grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);display:grid}.kegiatan-card{border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #6e2e9b14;text-decoration:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 18px #3f0e5e1a}.kegiatan-card:hover{border-color:#6e2e9b4d;transform:translateY(-6px);box-shadow:0 16px 40px #3f0e5e38}.kegiatan-card:first-child{grid-area:span 1/span 2}.kegiatan-card__img-wrap{width:100%;position:relative;overflow:hidden}.kegiatan-card__image{object-fit:cover;width:100%;height:260px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:block}.kegiatan-card:hover .kegiatan-card__image{transform:scale(1.06)}.kegiatan-card:first-child .kegiatan-card__image{height:360px}.kegiatan-card__zoom{top:var(--sp-3);right:var(--sp-3);-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--white);opacity:0;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;transform:scale(.75)}.kegiatan-card__zoom svg{width:18px;height:18px}.kegiatan-card:hover .kegiatan-card__zoom{opacity:1;transform:scale(1)}.kegiatan-card__overlay{padding:var(--sp-6);background:linear-gradient(#0000 45%,#2b0942e6 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.kegiatan-card__info{color:var(--white)}.kegiatan-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--green-vivid);margin-bottom:var(--sp-1);font-size:.7rem;font-weight:700}.kegiatan-card__title{font-family:Poppins,sans-serif;font-size:.975rem;font-weight:700;line-height:1.3}.form-section{background-color:var(--surface);padding:var(--sp-10) 0 var(--sp-20);background-image:url(/pattern-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.form-wrapper{max-width:780px;margin:0 auto}.form-hero{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-10);padding:var(--sp-6);border-radius:var(--radius-lg);color:var(--white);background-color:#0000;background-image:linear-gradient(135deg,#370c54d6 0%,#5f168ec2 100%),url(/purple-texture.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #aaff0040;display:flex;box-shadow:0 8px 24px #2b094240}.form-hero__icon{background:var(--green-vivid);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.form-hero__icon svg{width:28px;height:28px;color:var(--purple-900)}.form-hero__text h3{color:var(--white);margin-bottom:4px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.form-hero__text p{color:#ffffffb3;max-width:100%;font-size:.85rem}.form-card{background-color:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--sp-6);background-image:url(/white-texture.png);background-position:50%;background-size:cover;border:1.5px solid #00000014;overflow:hidden;box-shadow:0 8px 25px #0000000d}.form-card__header{padding:var(--sp-4) var(--sp-6);align-items:center;gap:var(--sp-3);background-color:#0000;background-image:linear-gradient(90deg,#2b0942e0 0%,#461168c7 100%),url(/purple-texture.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;display:flex}.form-card__header-num{background:var(--green-vivid);width:28px;height:28px;color:var(--purple-900);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.form-card__header h3{color:var(--white);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700}.form-card__body{padding:var(--sp-6)}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-row--3{grid-template-columns:repeat(3,1fr)}.form-field{gap:var(--sp-2);flex-direction:column;display:flex}.form-field--full{grid-column:1/-1}.form-field label{color:var(--grey-800);font-size:.825rem;font-weight:600}.form-field label .required{color:var(--danger);margin-left:2px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--grey-200);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);min-height:44px;font-family:Poppins,sans-serif;font-size:.9rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--purple-600);outline:none;box-shadow:0 0 0 3px #6533b41f}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:var(--danger)}.form-field__error{color:var(--danger);align-items:center;gap:4px;font-size:.775rem;display:flex}.form-field textarea{resize:vertical;min-height:90px}.upload-area{border:2px dashed var(--grey-200);border-radius:var(--radius-md);padding:var(--sp-6);text-align:center;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);position:relative}.upload-area:hover,.upload-area.dragover{border-color:var(--purple-600);background:var(--purple-100)}.upload-area.has-file{border-color:var(--success);background:#f0fff4}.upload-area input[type=file]{opacity:0;cursor:pointer;min-height:unset;border:none;height:100%;padding:0;position:absolute;inset:0}.upload-area__icon{background:var(--grey-100);border-radius:var(--radius-sm);width:40px;height:40px;margin:0 auto var(--sp-3);transition:background var(--duration-fast);justify-content:center;align-items:center;display:flex}.upload-area.has-file .upload-area__icon{background:#dcfce7}.upload-area__icon svg{width:20px;height:20px;color:var(--grey-400)}.upload-area.has-file .upload-area__icon svg{color:var(--success)}.upload-area__label{color:var(--grey-800);margin-bottom:4px;font-size:.825rem;font-weight:600}.upload-area__hint{color:var(--grey-400);font-size:.75rem}.upload-area__filename{color:var(--success);margin-top:var(--sp-2);word-break:break-all;font-size:.8rem;font-weight:600}.upload-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.form-submit-area{margin-top:var(--sp-8);padding:var(--sp-6);background:var(--purple-100);border-radius:var(--radius-lg);text-align:center}.form-submit-area p{color:var(--grey-600);margin:var(--sp-4) auto 0;max-width:52ch;font-size:.825rem}.btn-submit{background:var(--purple-700);color:var(--white);padding:var(--sp-4) var(--sp-12);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast), transform var(--duration-fast);border:none;min-height:52px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;position:relative;overflow:hidden}.btn-submit:hover:not(:disabled){background:var(--purple-600);transform:translateY(-2px)}.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.toast{bottom:var(--sp-6);background:var(--grey-800);color:var(--white);padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-md);z-index:200;transition:transform var(--duration-med) var(--ease-out);align-items:center;gap:var(--sp-3);max-width:480px;width:calc(100% - var(--sp-8));font-size:.9rem;font-weight:500;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 8px 32px #00000040}.toast.show{transform:translate(-50%)translateY(0)}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.success-overlay{z-index:300;padding:var(--sp-6);opacity:0;pointer-events:none;transition:opacity var(--duration-med);background:#2b0942f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-overlay.show{opacity:1;pointer-events:all}.success-box{background:var(--white);border-radius:var(--radius-xl);padding:var(--sp-12) var(--sp-10);text-align:center;width:100%;max-width:460px;transition:transform var(--duration-med) var(--ease-out);transform:scale(.9)}.success-overlay.show .success-box{transform:scale(1)}.success-box__icon{background:var(--green-vivid);width:72px;height:72px;margin:0 auto var(--sp-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-box__icon svg{width:36px;height:36px;color:var(--purple-900)}.success-box h3{color:var(--ink);margin-bottom:var(--sp-3);font-size:1.5rem}.success-box p{color:var(--grey-600);max-width:38ch;margin:0 auto;font-size:.9rem}.success-box .btn-primary{margin-top:var(--sp-6)}.spinner{border:2.5px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{color:#ffffffb3;padding:var(--sp-12) 0 var(--sp-8);border-top:2px solid var(--green-vivid);background-color:#0000;background-image:linear-gradient(#1b052ae6 0%,#2b0942d6 100%),url(/purple-texture.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.footer__inner{gap:var(--sp-10);margin-bottom:var(--sp-10);grid-template-columns:1.6fr 1fr 1fr;display:grid}.footer__about p{margin-top:var(--sp-4);max-width:38ch;font-size:.875rem;line-height:1.7}.footer__col h4{color:var(--white);margin-bottom:var(--sp-4);letter-spacing:.02em;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:700}.footer__col ul{gap:var(--sp-2);flex-direction:column;list-style:none;display:flex}.footer__col ul li{font-size:.85rem}.footer__col a{color:#fff9;transition:color var(--duration-fast);text-decoration:none}.footer__col a:hover{color:var(--green-vivid)}.footer__social-link{color:#ffffffbf;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.footer__social-link:hover{background:var(--green-vivid);color:var(--purple-950);transform:translateY(-2px)}.footer__bottom{padding-top:var(--sp-6);justify-content:space-between;align-items:center;gap:var(--sp-4);border-top:1px solid #ffffff1a;flex-wrap:wrap;font-size:.8rem;display:flex}.footer__credit{color:var(--green-vivid);font-weight:600}.reveal{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto}.hero__content{padding:calc(var(--sp-16) + 65px) var(--sp-6) var(--sp-12)}.hero__image{height:340px;-webkit-mask-image:linear-gradient(#0000 0%,#00000040 12%,#000 35%);mask-image:linear-gradient(#0000 0%,#00000040 12%,#000 35%)}.vismis{grid-template-columns:1fr}.kegiatan-grid{grid-template-columns:1fr 1fr}.kegiatan-card:first-child{grid-column:span 2}.footer__inner{grid-template-columns:1fr 1fr}.footer__about{grid-column:span 2}.navbar-pill--brand,.navbar-pill--center,.navbar-pill--action{display:none}.navbar-pill-mobile{display:flex}.profil-grid{grid-template-columns:1fr}.profil-stats{gap:var(--sp-4);grid-template-columns:1fr}.form-row,.form-row--3,.upload-grid,.program-grid,.pendaftaran-page-hero{grid-template-columns:1fr}.pendaftaran-hero__content{padding:var(--sp-10) var(--sp-6)}.pendaftaran-hero__photo{display:none}}@media (width<=600px){.container{padding:0 var(--sp-4)}.section{padding:var(--sp-12) 0}.hero__content{padding:80px var(--sp-4) var(--sp-8)}.hero__eyebrow{margin-bottom:var(--sp-3)}.hero__title{margin-bottom:var(--sp-4);font-size:clamp(1.85rem,8vw,2.3rem);line-height:1.2}.hero__subtitle{margin-bottom:var(--sp-6);font-size:.92rem;line-height:1.6}.hero__actions{gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.hero__actions .btn-primary,.hero__actions .btn-outline{text-align:center;justify-content:center;width:100%;padding:12px 20px;font-size:.95rem}.hero__image{width:100%;height:260px}.kegiatan-grid{grid-template-columns:1fr}.kegiatan-card:first-child{grid-column:span 1}.kegiatan-card__image,.kegiatan-card:first-child .kegiatan-card__image{height:220px}.footer__inner{grid-template-columns:1fr}.footer__about{grid-column:auto}.footer__bottom{text-align:center;flex-direction:column}.info-strip{margin-top:-20px;padding:10px 0}.info-strip__group{gap:var(--sp-6);padding-right:var(--sp-6)}.info-strip__item{gap:7px;font-size:.84rem}.info-strip__dot{width:6px;height:6px}.form-card__body{padding:var(--sp-4)}.upload-grid{grid-template-columns:1fr}.navbar-float-wrapper{padding:0 var(--sp-3);top:12px}.form-hero{text-align:center;flex-direction:column}}.page-breadcrumb{padding:calc(var(--navbar-h,100px) + var(--sp-4)) 0 var(--sp-2);background:0 0}.breadcrumb-back{align-items:center;gap:var(--sp-1);color:var(--purple-700);font-size:.9rem;font-weight:600;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.breadcrumb-back svg{width:16px;height:16px;transition:transform .2s}.breadcrumb-back:hover{color:var(--purple-900);gap:var(--sp-2)}.breadcrumb-back:hover svg{transform:translate(-3px)}.breadcrumb-sep{margin:0 var(--sp-2);color:var(--grey-400)}.breadcrumb-current{color:var(--grey-600);font-size:.9rem;font-weight:500}.kegiatan-page-hero{padding:var(--sp-8) 0 var(--sp-8);background:linear-gradient(135deg,#29083cd1 0%,#501379cc 60%,#5f168ec7 100%),url(/pattern-bg.jpg) 50%/cover no-repeat;position:relative;overflow:hidden}.kegiatan-page-hero:before{display:none}.kegiatan-page-hero .section-header h1{color:var(--white)}.kegiatan-page-hero .section-header p{color:#fffc}.pendaftaran-page-hero{padding:var(--sp-8) 0 var(--sp-8);background:linear-gradient(135deg,#29083cd1 0%,#501379cc 60%,#5f168ec7 100%),url(/pattern-bg.jpg) 50%/cover no-repeat;position:relative;overflow:hidden}.pendaftaran-page-hero:before{display:none}.pendaftaran-page-hero .section-header h1{color:var(--white)}.pendaftaran-page-hero .section-header p{color:#fffc}.program-intro{color:var(--text-muted);margin-bottom:var(--sp-5);font-size:.88rem;line-height:1.6}.program-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.program-card{column-gap:var(--sp-3);padding:var(--sp-4);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:start;transition:border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden}.program-card:after{content:"";background:0 0;width:100%;height:3px;transition:background .2s;position:absolute;top:0;left:0}.program-card:hover{border-color:#5f168e66;box-shadow:0 3px 14px #5f168e14}.program-card--selected{border-color:var(--purple-600);background:#5f168e09;box-shadow:0 0 0 3px #5f168e1a,0 4px 16px #5f168e1f}.program-card--selected:after{background:var(--green-vivid)}.program-card--error:not(.program-card--selected){border-color:var(--danger)}.program-card input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.program-card__icon{background:linear-gradient(135deg, var(--purple-800) 0%, var(--purple-600) 100%);width:44px;height:44px;color:var(--white);border-radius:8px;flex-shrink:0;grid-area:1/1/3;justify-content:center;align-self:start;align-items:center;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:800;transition:background .2s;display:flex}.program-card--selected .program-card__icon{background:linear-gradient(135deg, var(--green-vivid) 0%, #6eba00 100%);color:var(--purple-900)}.program-card__header-row{flex-direction:column;grid-area:1/2;gap:2px;padding-top:1px;display:flex}.program-card__label{color:var(--text);font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;line-height:1.2}.program-card__sub{color:var(--purple-600);font-size:.72rem;font-weight:600}.program-card__desc{color:var(--text-muted);margin:var(--sp-2) 0 0;grid-area:2/2;font-size:.8rem;line-height:1.5}.program-card__check{top:var(--sp-3);right:var(--sp-3);border:2px solid var(--border);background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background .2s,border-color .2s;display:flex;position:absolute}.program-card__check svg{opacity:0;width:10px;height:10px;stroke:var(--purple-900);transition:opacity .15s}.program-card--selected .program-card__check{background:var(--green-vivid);border-color:var(--green-vivid)}.program-card--selected .program-card__check svg{opacity:1}.kegiatan-controls-section{padding:var(--sp-8) 0 var(--sp-4);background-color:var(--surface);background-image:url(/pattern-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.kegiatan-controls{gap:var(--sp-4);flex-direction:column;display:flex}.kegiatan-search-wrap{align-items:center;max-width:560px;display:flex;position:relative}.kegiatan-search-icon{left:var(--sp-4);width:18px;height:18px;color:var(--purple-500);pointer-events:none;position:absolute}.kegiatan-search-input{width:100%;padding:var(--sp-3) var(--sp-10) var(--sp-3) calc(var(--sp-4) + 26px);background:var(--white);color:var(--ink);background-image:url(/white-texture.png);background-size:cover;border:2px solid #0000;border-radius:999px;outline:none;font-family:Poppins,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 12px #3f0e5e1a}.kegiatan-search-input:focus{border-color:var(--purple-600);box-shadow:0 0 0 4px #6e2e9b26,0 2px 12px #3f0e5e1a}.kegiatan-search-input::placeholder{color:var(--grey-400)}.kegiatan-search-clear{right:var(--sp-3);cursor:pointer;color:var(--grey-400);padding:var(--sp-1);background:0 0;border:none;border-radius:50%;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute}.kegiatan-search-clear svg{width:16px;height:16px}.kegiatan-search-clear:hover{color:var(--purple-700);background:var(--purple-100)}.kegiatan-category-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.category-chip{padding:var(--sp-2) var(--sp-4);border:1.5px solid var(--purple-300);color:var(--purple-700);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.category-chip:hover{background:var(--purple-100);border-color:var(--purple-600)}.category-chip.active{background:linear-gradient(135deg, var(--purple-800), var(--purple-600));color:var(--white);border-color:#0000;box-shadow:0 2px 10px #3f0e5e4d}.kegiatan-result-count{color:var(--grey-600);margin-top:var(--sp-2);font-size:.88rem}.kegiatan-result-count strong{color:var(--purple-700)}.kegiatan-gallery-section{padding:var(--sp-6) 0 var(--sp-16);background-color:var(--surface);background-image:url(/pattern-bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.kegiatan-gallery-grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.gallery-card{background:var(--white);cursor:pointer;border:1.5px solid #6e2e9b1a;border-radius:16px;outline:none;flex-direction:column;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px -2px #29083c14}.gallery-card:hover,.gallery-card:focus{border-color:#6e2e9b4d;transform:translateY(-6px);box-shadow:0 16px 36px -4px #29083c2e}.gallery-card:focus-visible{outline:3px solid var(--green-vivid);outline-offset:2px}.gallery-card__img-wrap{background:#2d0050;flex-shrink:0;width:100%;height:220px;position:relative;overflow:hidden}.gallery-card__img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.25,.46,.45,.94);display:block}.gallery-card:hover .gallery-card__img{transform:scale(1.06)}.gallery-card__zoom-icon{-webkit-backdrop-filter:blur(8px);width:38px;height:38px;color:var(--white);opacity:0;background:#29083ca6;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:12px;right:12px;transform:scale(.8)}.gallery-card__zoom-icon svg{width:18px;height:18px}.gallery-card:hover .gallery-card__zoom-icon{opacity:1;transform:scale(1)}.gallery-card__body{background:var(--white);flex-direction:column;flex:1;padding:1.25rem 1.25rem 1.5rem;display:flex}.gallery-card__category{letter-spacing:.06em;text-transform:uppercase;color:var(--purple-700);background:var(--purple-100);border:1px solid #6e2e9b1f;border-radius:999px;align-self:flex-start;align-items:center;margin-bottom:.65rem;padding:.3rem .8rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.gallery-card__title{color:var(--ink);margin-bottom:.5rem;font-size:1.08rem;font-weight:700;line-height:1.35;transition:color .2s}.gallery-card:hover .gallery-card__title{color:var(--purple-700)}.gallery-card__desc{color:var(--grey-600);flex:1;margin-bottom:1rem;font-size:.88rem;line-height:1.6}.gallery-card__footer{border-top:1px solid var(--grey-100);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.85rem;display:flex}.gallery-card__hint{color:var(--purple-700);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.gallery-card:hover .gallery-card__hint{color:var(--purple-600);gap:.65rem}.gallery-card__hint svg{width:14px;height:14px;transition:transform .2s}.gallery-card:hover .gallery-card__hint svg{transform:translate(3px)}.kegiatan-empty{align-items:center;gap:var(--sp-4);padding:var(--sp-16) 0;color:var(--grey-400);text-align:center;flex-direction:column;display:flex}.kegiatan-empty svg{opacity:.4;width:56px;height:56px}.kegiatan-empty p{color:var(--grey-600);font-size:1.05rem}.btn-reset-filter{padding:var(--sp-3) var(--sp-6);border:2px solid var(--purple-600);color:var(--purple-700);cursor:pointer;background:0 0;border-radius:999px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.btn-reset-filter:hover{background:var(--purple-700);color:var(--white)}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--sp-4);background:#0a0214e6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-box{flex-direction:column;align-items:center;width:100%;max-width:880px;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lightbox-img{object-fit:contain;border-radius:12px;width:100%;max-height:60vh;box-shadow:0 24px 80px #000000b3}.lightbox-close{color:var(--white);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex;position:absolute;top:-48px;right:0}.lightbox-close:hover{background:#ffffff4d}.lightbox-close svg,.lightbox-prev svg,.lightbox-next svg{width:20px;height:20px}.lightbox-prev,.lightbox-next{color:var(--white);cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:-56px}.lightbox-next{right:-56px}.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff4d}.lightbox-caption{margin-top:var(--sp-4);text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;max-width:600px;display:flex}.lightbox-caption .lightbox-category{letter-spacing:.1em;text-transform:uppercase;color:var(--green-vivid);font-size:.75rem;font-weight:700}.lightbox-caption strong{color:var(--white);font-size:1.05rem}.lightbox-caption p{color:#ffffffb3;font-size:.88rem;line-height:1.6}.lightbox-counter{color:#ffffff73;margin-top:var(--sp-1);font-size:.8rem}.kegiatan-cta{margin-top:var(--sp-10);justify-content:center;display:flex}.btn-lihat-kegiatan{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-8);background:var(--white);color:var(--purple-900);box-shadow:0 4px 18px #3f0e5e1f, 0 0 0 1.5px var(--green-vivid);background-image:url(/white-texture.png);background-size:cover;border:none;border-radius:999px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:inline-flex;position:relative}.btn-lihat-kegiatan:hover{color:var(--purple-900);box-shadow:0 0 24px #aaff00b3, 0 0 48px #aaff0059, 0 8px 24px #3e0e5e29, 0 0 0 2px var(--green-vivid);transform:translateY(-3px)scale(1.02)}.btn-lihat-kegiatan svg{width:20px;height:20px;color:var(--purple-900);z-index:1;flex-shrink:0;position:relative}.btn-lihat-kegiatan>*{z-index:1;position:relative}.btn-lihat-kegiatan .btn-arrow{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.btn-lihat-kegiatan:hover .btn-arrow{transform:translate(5px)}@media (width<=768px){.kegiatan-gallery-grid{gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}.lightbox-prev{left:-40px}.lightbox-next{right:-40px}.lightbox-prev,.lightbox-next{width:36px;height:36px}}@media (width<=560px){.kegiatan-gallery-grid{grid-template-columns:1fr}.lightbox-prev,.lightbox-next{display:none}.lightbox-img{max-height:50vh}.btn-lihat-kegiatan{padding:var(--sp-3) var(--sp-6);font-size:.9rem}}:root{--linear-ease:linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1);--color-1:#af0;--color-2:#7e37af;--color-3:#8fd900;--color-4:#3e0e5e}.gooey-nav-container{align-items:center;display:inline-flex;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#3e0e5e;gap:1.25em;margin:0;padding:0 .6em;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#3e0e5e;border-radius:9999px;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{color:inherit;white-space:nowrap;padding:.55em 1.1em;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:hover{color:#6e2e9b}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #7e37af}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#3e0e5e 0%,#5f168e 60%,#7e37af 100%);border-radius:9999px;transition:all .3s;position:absolute;inset:0;transform:scale(0)}.gooey-nav-container nav ul li.active{color:#fff;text-shadow:0 1px 2px #00000040}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text{color:#3e0e5e;white-space:nowrap;font-family:Poppins,sans-serif;font-size:.88rem;font-weight:600;transition:color .3s}.gooey-nav-container .effect.text.active{color:#fff;font-weight:700}.gooey-nav-container .effect.filter{filter:url(#gooey-nav-filter)}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#3e0e5e 0%,#5f168e 60%,#7e37af 100%);border-radius:9999px;position:absolute;inset:0;transform:scale(0);box-shadow:0 4px 14px #3e0e5e59}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:18px;height:18px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.point{background:var(--color);opacity:1;box-shadow:0 0 6px var(--color);animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(calc(var(--start-x)), calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)), calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}.adm-login{color:#fff;background:radial-gradient(circle at 10% 20%,#29083c 0%,#150324 90%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Poppins,sans-serif;display:flex}.adm-login__card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 25px 50px -12px #0009}.adm-login__logo img{object-fit:contain;filter:drop-shadow(0 4px 10px #0000004d);width:76px;height:76px;margin-bottom:1.25rem}.adm-login__title{color:#fff;letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.adm-login__sub{color:#cfa4ec;margin-bottom:2rem;font-size:.875rem}.adm-login__field{text-align:left;margin-bottom:1.5rem}.adm-login__field label{color:#e5e7eb;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.adm-login__field input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.adm-login__field input:focus{background:#ffffff1f;border-color:#af0;box-shadow:0 0 0 3px #aaff0040}.adm-login__err{color:#ff6b6b;margin-top:.5rem;font-size:.8rem;display:block}.adm-login__btn{color:#0f0720;cursor:pointer;background:#af0;border:none;border-radius:10px;width:100%;padding:.9rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #aaff0059}.adm-login__btn:hover{background:#8fd900;transform:translateY(-2px);box-shadow:0 6px 20px #aaff0073}.adm{color:#1f2937;background:#f8fafc;min-height:100vh;font-family:Poppins,sans-serif;display:flex}.adm-sidebar{color:#fff;z-index:100;background:#29083c;flex-direction:column;flex-shrink:0;width:270px;height:100vh;transition:transform .3s;display:flex;position:sticky;top:0}.adm-sidebar__brand{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.75rem 1.5rem;display:flex}.adm-sidebar__brand img{object-fit:contain;width:44px;height:44px}.adm-sidebar__name{letter-spacing:-.3px;color:#fff;font-size:1.05rem;font-weight:700}.adm-sidebar__role{color:#af0;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;font-weight:600}.adm-nav{flex-direction:column;flex:1;gap:.4rem;padding:1.25rem .85rem;display:flex}.adm-nav__item{color:#cfa4ec;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.85rem;width:100%;padding:.8rem 1rem;font-size:.92rem;font-weight:500;transition:all .2s;display:flex;position:relative}.adm-nav__icon{align-items:center;width:20px;height:20px;display:flex}.adm-nav__icon svg{width:100%;height:100%}.adm-nav__badge{color:#0f0720;background:#af0;border-radius:99px;margin-left:auto;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.adm-nav__item:hover{color:#fff;background:#ffffff0f}.adm-nav__item.active{color:#fff;background:#501379;font-weight:600;box-shadow:0 4px 12px #0003}.adm-nav__item.active .adm-nav__icon{color:#af0}.adm-logout{color:#f87171;cursor:pointer;background:#dc26261f;border:1px solid #dc262640;border-radius:10px;align-items:center;gap:.75rem;margin:1rem .85rem 1.5rem;padding:.8rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.adm-logout svg{width:18px;height:18px}.adm-logout:hover{color:#feb2b2;background:#dc262638}.adm-overlay{display:none}@media (width<=900px){.adm-sidebar{position:fixed;transform:translate(-100%)}.adm-sidebar.open{transform:translate(0)}.adm-overlay{z-index:95;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:block;position:fixed;inset:0}}.adm-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.adm-topbar{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.15rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.adm-topbar__hamburger{cursor:pointer;color:#374151;background:0 0;border:none;padding:.4rem;display:none}.adm-topbar__hamburger svg{width:24px;height:24px}@media (width<=900px){.adm-topbar__hamburger{display:block}}.adm-topbar__title{color:#111827;letter-spacing:-.3px;font-size:1.35rem;font-weight:700}.adm-topbar__visit{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.adm-topbar__visit svg{width:16px;height:16px}.adm-topbar__visit:hover{color:#1f2937;background:#e5e7eb}.adm-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (width<=640px){.adm-content{padding:1.25rem 1rem}.adm-topbar{padding:1rem 1.25rem}}.adm-panel{flex-direction:column;gap:1.75rem;display:flex}.adm-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.adm-panel__header h3{color:#111827;letter-spacing:-.3px;font-size:1.45rem;font-weight:700}.adm-panel__header p{color:#6b7280;margin-top:.2rem;font-size:.9rem}.adm-panel__header-actions{align-items:center;gap:.85rem;display:flex}.adm-saved-toast{color:#16a34a;font-size:.85rem;font-weight:600;animation:.3s fadeIn}.adm-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.5rem;box-shadow:0 1px 4px #0000000a}.adm-section__title{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.adm-badge{letter-spacing:.2px;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:600;display:inline-block}.adm-badge--purple{color:#501379;background:#f4ebfb}.adm-badge--green{color:#15803d;background:#dcfce7}.adm-badge--blue{color:#1d4ed8;background:#dbeafe}.adm-badge--orange{color:#c2410c;background:#ffedd5}.adm-badge--red{color:#b91c1c;background:#fee2e2}.adm-input,.adm-textarea,.adm-select{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem .95rem;font-family:inherit;font-size:.92rem;transition:all .15s}.adm-input:focus,.adm-textarea:focus,.adm-select:focus{border-color:#7e37af;outline:none;box-shadow:0 0 0 3px #7e37af26}.adm-textarea{resize:vertical;line-height:1.6}.adm-textarea--sm{min-height:54px}.adm-hint{color:#9ca3af;margin-top:.4rem;font-size:.78rem}.adm-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.adm-btn--primary{color:#fff;background:#501379}.adm-btn--primary:hover{background:#3e0e5e}.adm-btn--saved{background:#16a34a!important}.adm-btn--ghost{color:#374151;background:#f3f4f6;border-color:#e5e7eb}.adm-btn--ghost:hover:not(:disabled){color:#111827;background:#e5e7eb}.adm-btn--ghost:disabled{opacity:.5;cursor:not-allowed}.adm-btn--green{color:#fff;background:#10b981}.adm-btn--green:hover{background:#059669}.adm-btn--sm{padding:.4rem .75rem;font-size:.8rem}.adm-icon-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:inline-flex}.adm-icon-btn:hover:not(:disabled){color:#111827;background:#e5e7eb}.adm-icon-btn:disabled{opacity:.35;cursor:not-allowed}.adm-icon-btn--danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.adm-icon-btn--edit:hover{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.adm-misi-list{flex-direction:column;gap:.85rem;display:flex}.adm-misi-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.adm-misi-num{color:#501379;background:#f4ebfb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:.25rem;font-size:.9rem;font-weight:700;display:flex}.adm-misi-item .adm-textarea{background:#fff;flex:1}.adm-misi-actions{gap:.35rem;display:flex}.adm-preview__box{background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.adm-preview__label{letter-spacing:1px;color:#7e37af;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:inline-block}.adm-preview__visi p{color:#29083c;font-size:1.05rem;font-weight:600;line-height:1.6}.adm-preview__misi ol{color:#374151;padding-left:1.25rem;font-size:.92rem;line-height:1.7}.adm-kg-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.adm-kg-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.adm-kg-card__img{background:#e5e7eb;width:100%;height:160px;position:relative;overflow:hidden}.adm-kg-card__img img{object-fit:cover;width:100%;height:100%}.adm-kg-card__no-img{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.adm-kg-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.adm-kg-card__title{color:#111827;font-size:.98rem;font-weight:700;line-height:1.4}.adm-kg-card__desc{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.adm-kg-card__actions{background:#fafafa;border-top:1px solid #f3f4f6;justify-content:flex-end;align-items:center;gap:.35rem;padding:.75rem 1rem;display:flex}.adm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.adm-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s modalIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.adm-modal--wide{max-width:720px}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.adm-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.adm-modal__header h4{color:#111827;font-size:1.2rem;font-weight:700}.adm-modal__body{flex-direction:column;gap:.9rem;padding:1.5rem;display:flex;overflow-y:auto}.adm-modal__body label{color:#374151;margin-top:.2rem;font-size:.84rem;font-weight:600}.adm-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.adm-modal__img-preview{cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:10px;justify-content:center;align-items:center;width:100%;height:180px;transition:all .2s;display:flex;overflow:hidden}.adm-modal__img-preview:hover{background:#f4ebfb;border-color:#7e37af}.adm-modal__img-preview img{object-fit:cover;width:100%;height:100%}.adm-modal__img-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:.4rem;font-size:.88rem;display:flex}.adm-form-row{gap:1rem;display:flex}.adm-form-col{flex:1}.adm-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.adm-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.15rem;box-shadow:0 1px 3px #00000008}.adm-stat-card__num{color:#501379;letter-spacing:-1px;font-size:1.9rem;font-weight:800}.adm-stat-card__label{color:#6b7280;margin-top:.25rem;font-size:.82rem;font-weight:500}.adm-filters{flex-wrap:wrap;gap:.85rem;display:flex}.adm-input--search{flex:1;min-width:220px}.adm-filters .adm-select{width:auto;min-width:160px}.adm-empty{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:3.5rem 1.5rem}.adm-empty span{margin-bottom:.75rem;font-size:3rem;display:block}.adm-empty p{color:#374151;font-size:1.1rem;font-weight:600}.adm-empty small{color:#9ca3af;margin-top:.35rem;font-size:.85rem;display:block}.adm-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #00000008}.adm-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.adm-table th{color:#374151;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.85rem 1rem;font-weight:600}.adm-table td{color:#1f2937;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.9rem 1rem}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:#faf5ff}.adm-table__num{color:#9ca3af;width:40px;font-weight:600}.adm-table__name-btn{color:#501379;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.92rem;font-weight:600;transition:color .15s}.adm-table__name-btn:hover{color:#7e37af;text-decoration:underline}.adm-table__mono{color:#4b5563;font-family:monospace;font-size:.85rem}.adm-status-select{cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;padding:.3rem .55rem;font-size:.78rem;font-weight:600}.adm-table__actions{gap:.35rem;display:flex}.adm-pagination{color:#6b7280;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.adm-detail-grid{grid-template-columns:repeat(2,1fr);gap:.85rem 1.25rem;display:grid}@media (width<=600px){.adm-detail-grid{grid-template-columns:1fr}}.adm-detail-row{flex-direction:column;gap:.2rem;display:flex}.adm-detail-row--wide{grid-column:1/-1}.adm-detail-row__label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.adm-detail-row__value{color:#111827;font-size:.92rem;font-weight:500}.adm-detail-row__value--mono{font-family:monospace}.adm-detail-berkas{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:.75rem;padding:1.25rem}.adm-detail-berkas__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.adm-detail-berkas__title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.adm-berkas-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.adm-berkas-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1rem;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.adm-berkas-card:hover{border-color:#cfa4ec;box-shadow:0 4px 12px #50137914}.adm-berkas-card__head{align-items:center;gap:.65rem;display:flex}.adm-berkas-card__icon{color:#501379;background:#f4ebfb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.adm-berkas-card__icon svg{width:20px;height:20px}.adm-berkas-card__type{color:#111827;font-size:.82rem;font-weight:700;line-height:1.2}.adm-berkas-card__size{color:#6b7280;margin-top:.15rem;font-size:.72rem}.adm-berkas-card__preview{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:100%;height:110px;display:flex;overflow:hidden}.adm-berkas-card__preview img{object-fit:cover;width:100%;height:100%}.adm-berkas-card__filename{color:#4b5563;word-break:break-all;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;padding:.35rem .5rem;font-family:monospace;font-size:.76rem}.adm-berkas-card__actions{gap:.4rem;margin-top:auto;display:flex}.adm-btn--download{color:#fff;cursor:pointer;background:#501379;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.adm-btn--download:hover{background:#3e0e5e}.adm-btn--preview{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.adm-btn--preview:hover{color:#111827;background:#e5e7eb}.adm-btn--download-all{color:#0f0720;cursor:pointer;background:#af0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.adm-btn--download-all:hover{background:#8fd900;box-shadow:0 2px 8px #aaff004d}.adm-icon-btn--download:hover{color:#15803d;background:#dcfce7;border-color:#86efac}