@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-canvas: #ffffff;--color-canvas-soft: #f7f6f3;--color-surface-elevated: #fafaf8;--color-surface-tint: rgba(254, 105, 0, .08);--color-ink: #1e293b;--color-ink-soft: #334155;--color-body: #475569;--color-muted: #64748b;--color-faint: #94a3b8;--color-hairline: #e6e6e3;--color-hairline-strong: #d2d2d0;--color-primary: #1e293b;--color-on-primary: #ffffff;--color-accent: #fe6900;--color-accent-hover: #e55e00;--color-accent-tint: rgba(254, 105, 0, .1);--color-accent-border-soft: rgba(254, 105, 0, .2);--color-on-accent: #ffffff;--color-success: #1aae39;--color-warning: #dd5b00;--color-error: #b91c1c;--text-strong: var(--color-ink);--text-default: var(--color-body);--text-muted: var(--color-muted);--surface-page: var(--color-canvas);--surface-card: var(--color-canvas);--surface-sunken: var(--color-canvas-soft);--border-default: var(--color-hairline);--cluster-humaniora: #6b3fa0;--cluster-sosial: #d97757;--cluster-ekonomi: #0075de;--cluster-pertanian: #4d7c0f;--cluster-kesehatan: #b91c1c;--cluster-teknik: #475569;--cluster-mipa: #0891b2;--cluster-pendidikan: #ca8a04;--cluster-agama: #be185d;--cluster-seni: #c026d3}:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-display-hero: clamp(2.5rem, 6vw, 4.25rem);--text-display-lg: clamp(1.875rem, 4.5vw, 2.75rem);--text-display-md: clamp(1.5rem, 3.2vw, 2rem);--text-heading-1: clamp(1.25rem, 2.6vw, 1.625rem);--text-heading-2: 1.375rem;--text-heading-3: 1.125rem;--text-body-lg: 1.125rem;--text-body-md: 1rem;--text-body-sm: .875rem;--text-caption: .75rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 9999px;--shadow-elevated: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--shadow-hover: 0 2px 6px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .06);--container-max: 1180px;--nav-height: 56px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-body-md);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.brand-mark{display:inline-block;flex-shrink:0;border-radius:22%;object-fit:cover;width:28px;height:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:500;font-size:var(--text-body-md);line-height:1;padding:12px 22px;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease,border-color .15s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn-ghost:hover{background:var(--color-accent-tint)}.btn-ghost:active{transform:scale(.97)}.btn-dark{background:var(--color-ink);color:var(--color-canvas)}.btn-dark:hover{background:var(--color-ink-soft)}.btn-dark:active{transform:scale(.97)}.btn-sm{padding:8px 14px;font-size:var(--text-body-sm)}.btn:disabled{opacity:.45;cursor:not-allowed}.badge-cluster{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}.badge-cluster:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.badge-cluster[data-cluster=teknik]{background:var(--cluster-teknik)}.badge-cluster[data-cluster=ekonomi]{background:var(--cluster-ekonomi)}.badge-cluster[data-cluster=kesehatan]{background:var(--cluster-kesehatan)}.badge-cluster[data-cluster=pendidikan]{background:var(--cluster-pendidikan)}.badge-cluster[data-cluster=humaniora]{background:var(--cluster-humaniora)}.badge-cluster[data-cluster=sosial]{background:var(--cluster-sosial)}.badge-cluster[data-cluster=pertanian]{background:var(--cluster-pertanian)}.badge-cluster[data-cluster=mipa]{background:var(--cluster-mipa)}.badge-cluster[data-cluster=agama]{background:var(--cluster-agama)}.badge-cluster[data-cluster=seni]{background:var(--cluster-seni)}.prodi-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none;color:inherit;position:relative;overflow:hidden}.prodi-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-hairline-strong);transform:translateY(-2px)}.prodi-card-band{position:absolute;top:0;left:0;right:0;height:4px}.prodi-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.prodi-card-title{font-size:var(--text-heading-1);font-weight:600;color:var(--color-ink);letter-spacing:-.02em;line-height:1.2}.prodi-card-desc{font-size:var(--text-body-md);color:var(--color-body);line-height:var(--leading-normal)}.prodi-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-hairline);font-size:var(--text-body-sm);color:var(--color-muted)}.prodi-card-demand{color:var(--color-accent);font-weight:600}.nav{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-hairline);height:var(--nav-height);display:flex;align-items:center}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;box-sizing:border-box}@media (max-width: 768px){.nav-inner{padding:0 var(--space-4)}}@media (max-width: 480px){.nav-inner{padding:0 var(--space-3);gap:var(--space-2)}}.nav-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-body-lg);letter-spacing:-.02em;color:var(--color-ink)}.nav-links{display:flex;gap:var(--space-6);list-style:none;align-items:center}.nav-links a{font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink-soft);transition:color .15s ease;white-space:nowrap}.nav-links a:hover{color:var(--color-accent)}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 768px){.nav-links{gap:var(--space-4)}.nav-links a{font-size:var(--text-body-xs)}.nav-actions{gap:var(--space-2)}.nav-inner{padding:0 var(--space-3)}}@media (max-width: 480px){.nav-links li:nth-child(1),.nav-links li:nth-child(4){display:none}.nav-links{gap:var(--space-2)}.nav-actions{gap:var(--space-1)}.lang-toggle{padding:0}.lang-toggle button,.lang-toggle a{padding:2px 4px;font-size:10px}}.lang-toggle{display:inline-flex;align-items:center;background:var(--color-canvas-soft);border-radius:var(--radius-pill);padding:2px;border:1px solid var(--color-hairline);font-size:var(--text-caption);font-weight:600}.lang-toggle button,.lang-toggle a{border:none;background:transparent;color:var(--color-muted);padding:4px 10px;border-radius:var(--radius-pill);letter-spacing:.05em;transition:all .15s ease;text-decoration:none;cursor:pointer;line-height:1.4}.lang-toggle button:hover,.lang-toggle a:hover{color:var(--color-ink)}.lang-toggle button.active,.lang-toggle a.active{background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-elevated)}.bento{display:grid;gap:var(--space-4)}.bento-2{grid-template-columns:repeat(2,1fr)}.bento-3{grid-template-columns:repeat(3,1fr)}.bento-4{grid-template-columns:repeat(4,1fr)}.bento-item{padding:var(--space-5);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-lg)}.bento-item-num{font-size:var(--text-caption);font-weight:700;color:var(--color-accent);letter-spacing:.1em;margin-bottom:var(--space-3)}.bento-item h3{font-size:var(--text-heading-1);font-weight:600;margin-bottom:var(--space-2);color:var(--color-ink);letter-spacing:-.01em}.bento-item p{font-size:var(--text-body-sm);color:var(--color-body);line-height:var(--leading-normal)}.checklist{list-style:none}.checklist-item{padding:var(--space-3) 0 var(--space-3) var(--space-6);position:relative;border-bottom:1px solid var(--color-hairline)}.checklist-item:last-child{border-bottom:none}.checklist-item:before{content:"✓";position:absolute;left:0;top:var(--space-3);color:var(--color-success);font-weight:700}.checklist-item-label{display:block;font-weight:600;color:var(--color-ink);margin-bottom:2px}.checklist-item-detail{font-size:var(--text-body-sm);color:var(--color-body);line-height:var(--leading-normal)}.filter-pill{flex-shrink:0;padding:8px 16px;border:1px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--color-canvas);font-size:var(--text-body-sm);font-weight:500;color:var(--color-ink-soft);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{border-color:var(--color-hairline-strong)}.filter-pill.active{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.search{display:flex;align-items:center;gap:var(--space-3);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:0 var(--space-5);height:52px;transition:border-color .15s ease,box-shadow .15s ease}.search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-tint)}.search svg{color:var(--color-faint);flex-shrink:0}.search input{border:none;outline:none;background:transparent;font-size:var(--text-body-md);color:var(--color-ink);width:100%}.search input::placeholder{color:var(--color-faint)}.mj-container{max-width:var(--container-max);margin:0 auto;padding:0 24px}@media (max-width: 640px){.mj-container{padding:0 16px}}main{flex:1}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}main{display:block}.footer{background:var(--color-ink);color:#fff;padding:32px 0;margin-top:80px}.footer-inner{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}.footer-copy{font-size:13px;color:var(--color-faint)}.footer-links{display:flex;gap:24px;font-size:13px}.footer-links a{color:#cbd5e1}.footer-links a:hover{color:var(--color-accent)}@media (max-width: 640px){.footer-inner{flex-direction:column;align-items:flex-start}}.hero{background:linear-gradient(180deg,var(--color-canvas-soft) 0%,var(--color-canvas) 100%);padding:80px 0 40px;text-align:center}.hero h1{font-size:var(--text-display-hero);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--color-ink);margin:0 0 18px}.hero h1 .accent{color:var(--color-accent)}.hero p{font-size:var(--text-body-lg);color:var(--color-body);line-height:1.55;max-width:560px;margin:0 auto 32px}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:var(--color-canvas);border:1px solid var(--color-hairline);font-size:13px;font-weight:600;color:var(--color-ink-soft);margin-bottom:24px}.hero .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--color-success);display:inline-block}.hero form{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:0;background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:9999px;padding:0 8px 0 22px;height:58px;box-shadow:var(--shadow-elevated);transition:border-color .15s ease,box-shadow .15s ease}.hero form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-tint)}.hero form input{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-body-md);color:var(--color-ink);height:100%;font-family:var(--font-sans)}.hero form input::placeholder{color:var(--color-faint)}.hero form button{background:var(--color-accent);color:var(--color-on-accent);border:none;border-radius:9999px;padding:0 22px;height:42px;font-weight:500;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body-md)}.hero form button:hover{background:var(--color-accent-hover)}@media (max-width: 640px){.hero form{padding:0 6px 0 16px;height:52px}.hero form button{padding:0 16px;height:38px;font-size:var(--text-body-sm)}}.modules{padding:72px 24px}.modules h2{text-align:center;font-size:var(--text-display-md);font-weight:700;letter-spacing:-.02em;color:var(--color-ink);margin:0 0 44px}.modules-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:var(--container-max);margin:0 auto}.modules-grid>.bento-item{grid-column:span 2}.modules-grid>.bento-item:first-child{grid-column:span 4}.modules-grid>.bento-item:last-child{grid-column:span 6}@media (max-width: 900px){.modules-grid>.bento-item{grid-column:span 3}.modules-grid>.bento-item:first-child,.modules-grid>.bento-item:last-child{grid-column:span 6}}@media (max-width: 600px){.modules-grid>.bento-item,.modules-grid>.bento-item:first-child,.modules-grid>.bento-item:last-child{grid-column:span 6}}.bento-item-featured{padding:var(--space-6);background:linear-gradient(180deg,var(--color-surface-elevated) 0%,var(--color-canvas) 100%)}.bento-item-featured h3{font-size:var(--text-display-md);letter-spacing:-.02em}.bento-item-featured p{font-size:var(--text-body-md);max-width:52ch}.bento-stats{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-hairline)}.bento-stats-label{display:block;font-size:var(--text-caption);color:var(--color-muted);margin-bottom:var(--space-3)}.bento-stats-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.bento-stat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);border-radius:var(--radius-pill)}.bento-stat-value{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap}.cta{background:var(--color-ink);border-radius:var(--radius-xl);padding:48px 44px;color:#fff}.cta h2{font-size:var(--text-display-md);font-weight:700;letter-spacing:-.02em;margin:0 0 14px}.cta p{color:#cbd5e1;font-size:16px;line-height:1.6;max-width:420px;margin:0}.cta-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--color-accent);margin-bottom:14px}.cta-btn{margin-top:26px}.mj-compare-cta{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}@media (max-width: 760px){.mj-compare-cta{grid-template-columns:1fr;gap:24px}}.cta-teasers{display:grid;gap:10px}.cta-teaser{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0f;border-radius:var(--radius-lg);padding:14px 18px}.cta-teaser .badge-cluster{flex-shrink:0}.cta-teaser-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:var(--text-body-sm);text-align:left}.cta-teaser-salary{color:#fff;font-weight:600;font-size:14px;flex-shrink:0}@media (max-width: 520px){.cta-teaser-name{display:none}.cta-teaser{justify-content:space-between}}.cta-teaser-unit{color:var(--color-faint);font-weight:400}.motion-ready [data-hero],.motion-ready [data-reveal],.motion-ready .hero-line-inner{opacity:0}.motion-ready [data-reveal],.motion-ready [data-hero=eyebrow],.motion-ready [data-hero=sub],.motion-ready [data-hero=form]{will-change:transform,opacity}.hero-line{display:block;overflow:hidden;padding-block:.08em;margin-block:-.08em}.hero-line-inner{display:block}.hero-ticker{margin-top:var(--space-7);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.hero-ticker-track{display:flex;width:max-content}.hero-ticker-row{display:flex;align-items:center;gap:var(--space-3);padding-right:var(--space-3);margin:0;list-style:none}.hero-ticker-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);box-shadow:var(--shadow-elevated);white-space:nowrap}.hero-ticker-name{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.hero-ticker-salary{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-accent)}.hero-ticker-unit{color:var(--color-faint);font-weight:var(--weight-regular)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}