.bento-grid .bento-card{--holo-hue:185;--holo-shift:215;--holo-label:#00ffe7;--bg-x:50%;--bg-y:50%;isolation:isolate;border:1px solid transparent;border-radius:22px;background:linear-gradient(145deg,hsl(var(--holo-hue) 45% 11%),hsl(var(--holo-shift) 37% 12%) 58%,hsl(var(--holo-hue) 45% 12%)) padding-box,linear-gradient(135deg,hsl(var(--holo-hue) 80% 67%/.6),hsl(var(--holo-shift) 72% 78%/.4) 36%,hsl(var(--holo-shift) 78% 75%/.6) 68%,hsl(var(--holo-hue) 70% 66%/.6)) border-box;box-shadow:inset 0 1px 0 #ffffff12,0 12px 32px -20px #000b;transition:transform .16s ease-out,box-shadow .25s ease}.bento-grid .bento-card:before,.bento-grid .bento-card:hover:before{inset:0;padding:0;border-radius:inherit;-webkit-mask:none;mask:none;animation:none;opacity:.7;background:radial-gradient(ellipse at 0 0,hsl(var(--holo-hue) 81% 45%/.29),transparent 62%),radial-gradient(ellipse at 100% 90%,hsl(var(--holo-shift) 64% 56%/.26),transparent 62%),linear-gradient(125deg,hsl(var(--holo-hue) 73% 53%/.07),hsl(var(--holo-shift) 90% 76%/.125) 38%,hsl(var(--holo-shift) 57% 73%/.07) 65%,hsl(var(--holo-hue) 65% 63%/.1));transition:opacity .25s ease}.bento-grid .bento-card:after,.bento-grid .bento-card:hover:after{border-radius:inherit;background:radial-gradient(280px circle at var(--x,50%) var(--y,50%),#ffffff24,transparent 70%);opacity:0;transition:opacity .25s ease}.bento-grid .bento-card .holo-sheen{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;opacity:.3;background:linear-gradient(115deg,transparent 12%,hsl(var(--holo-hue) 75% 62%/.3) 27%,hsl(var(--holo-hue) 100% 83%/.25) 39%,hsl(var(--holo-shift) 72% 79%/.3) 49%,hsl(var(--holo-shift) 71% 75%/.2) 59%,hsl(var(--holo-hue) 76% 65%/.2) 70%,transparent 85%);background-size:220% 220%;background-position:var(--bg-x,50%) var(--bg-y,50%);mix-blend-mode:screen;transition:opacity .25s ease}.bento-grid .bento-card .bento-icon{border:1px solid hsl(var(--holo-hue) 76% 84%/.22);border-radius:14px;background:linear-gradient(135deg,hsl(var(--holo-hue) 75% 75%/.12),hsl(var(--holo-shift) 100% 80%/.12));box-shadow:inset 0 1px 0 #ffffff12}.bento-grid .bento-card .bento-label{color:var(--holo-label)}.bento-grid .bento-card .bento-name{font-family:inherit;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:#fff}.bento-grid .bento-card .bento-desc{color:#c1c9db;font-size:.875rem;line-height:1.75}.bento-grid .bento-card .bento-watermark{opacity:.065}@media (hover:hover) and (pointer:fine){.bento-grid .bento-card:hover{transform:none;border-color:transparent;box-shadow:0 22px 48px -24px #000c,0 0 28px -12px hsl(var(--holo-hue) 70% 66%/.47),inset 0 1px 0 #ffffff26}.bento-grid .bento-card:hover:after,.bento-grid .bento-card:hover:before{opacity:1}.bento-grid .bento-card:hover .holo-sheen{opacity:.75}}[data-theme=light] .bento-grid .bento-card{background:linear-gradient(145deg,hsl(var(--holo-hue) 56% 95%),hsl(var(--holo-shift) 55% 96%) 58%,hsl(var(--holo-hue) 52% 94%)) padding-box,linear-gradient(135deg,hsl(var(--holo-hue) 46% 61%),hsl(var(--holo-shift) 35% 70%),hsl(var(--holo-hue) 43% 62%)) border-box}[data-theme=light] .bento-grid .bento-card .bento-name{color:#172338}[data-theme=light] .bento-grid .bento-card .bento-desc{color:#3f4c62}[data-theme=light] .bento-grid .bento-card .bento-label{color:hsl(var(--holo-hue) 64% 26%)}[data-theme=light] .bento-grid .bento-card:before{opacity:.25}[data-theme=light] .bento-grid .bento-card .holo-sheen{mix-blend-mode:multiply;opacity:.16}@media (hover:none),(prefers-reduced-motion:reduce){.bento-grid .bento-card,.bento-grid .bento-card:hover{transform:none;transition:none}.bento-grid .bento-card .bento-watermark,.bento-grid .bento-card .holo-sheen,.bento-grid .bento-card:after,.bento-grid .bento-card:before{animation:none;transition:none}.bento-grid .bento-card:hover .bento-watermark{transform:none}}.bento-grid .bento-card.cy{--holo-hue:185;--holo-shift:215;--holo-label:#00ffe7}.bento-grid .bento-card.go{--holo-hue:38;--holo-shift:18;--holo-label:#c8a96e}.bento-grid .bento-card.pu{--holo-hue:268;--holo-shift:308;--holo-label:#b79aff}.values-grid .val-card[data-nilai]{position:relative;overflow:hidden;isolation:isolate;min-height:230px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.values-grid .val-card[data-nilai]:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--nilai-bg);background-size:cover;background-position:50%;transform:scale(1.02);transition:transform .5s ease,opacity .3s ease;opacity:.55}.values-grid .val-card[data-nilai]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(5,10,20,.94) 18%,rgba(5,10,20,.74) 48%,rgba(5,10,20,.42) 78%,rgba(5,10,20,.3));transition:background .3s ease}.values-grid .val-card[data-nilai]:hover:before{transform:scale(1.09);opacity:.8}.values-grid .val-card[data-nilai]:hover:after{background:linear-gradient(0deg,rgba(5,10,20,.9) 16%,rgba(5,10,20,.64) 46%,rgba(5,10,20,.3) 78%,rgba(5,10,20,.18))}.values-grid .val-card[data-nilai]:hover{border-color:rgba(0,255,231,.38);box-shadow:0 18px 44px -22px rgba(0,0,0,.9),0 0 26px -12px rgba(0,255,231,.45)}.values-grid .val-card[data-nilai] .val-desc,.values-grid .val-card[data-nilai] .val-icon,.values-grid .val-card[data-nilai] .val-title{position:relative;z-index:1}.values-grid .val-card[data-nilai] .val-icon{backdrop-filter:blur(4px)}.values-grid .val-card[data-nilai] .val-title{text-shadow:0 2px 6px rgba(0,0,0,.8)}.values-grid .val-card[data-nilai] .val-desc{color:#c6d0e0;text-shadow:0 1px 4px rgba(0,0,0,.85)}.values-grid .val-card[data-nilai=presisi]{--nilai-bg:url(/about/nilai/presisi.webp)}.values-grid .val-card[data-nilai=tumbuh]{--nilai-bg:url(/about/nilai/tumbuh.webp)}.values-grid .val-card[data-nilai=bilingual]{--nilai-bg:url(/about/nilai/bilingual.webp)}.values-grid .val-card[data-nilai=transparansi]{--nilai-bg:url(/about/nilai/transparansi.webp)}.values-grid .val-card[data-nilai=desain]{--nilai-bg:url(/about/nilai/desain.webp)}.values-grid .val-card[data-nilai=mitra]{--nilai-bg:url(/about/nilai/mitra.webp)}.values-grid .val-card[data-nilai=misi]{--nilai-bg:url(/about/nilai/misi.webp)}.values-grid .val-card.val-mission[data-nilai]{min-height:0}.values-grid .val-card.val-mission[data-nilai]:before{opacity:.42}.values-grid .val-card.val-mission[data-nilai]:after{background:linear-gradient(90deg,rgba(5,10,20,.93) 0,rgba(5,10,20,.8) 55%,rgba(5,10,20,.58))}.values-grid .val-card.val-mission[data-nilai]:hover:before{opacity:.6;transform:scale(1.05)}[data-theme=light] .values-grid .val-card[data-nilai]:before{opacity:.3}[data-theme=light] .values-grid .val-card[data-nilai]:after,[data-theme=light] .values-grid .val-card[data-nilai]:hover:after{background:linear-gradient(0deg,rgba(255,255,255,.95) 18%,rgba(255,255,255,.82) 52%,rgba(255,255,255,.62))}[data-theme=light] .values-grid .val-card[data-nilai] .val-desc,[data-theme=light] .values-grid .val-card[data-nilai] .val-title{text-shadow:none}[data-theme=light] .values-grid .val-card[data-nilai] .val-desc{color:var(--text-2)}@media (prefers-reduced-motion:reduce){.values-grid .val-card[data-nilai],.values-grid .val-card[data-nilai]:before{transition:none}.values-grid .val-card[data-nilai]:hover:before{transform:scale(1.02)}}