.notfound-shell{min-height:100vh;background:var(--color-surface-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);gap:var(--space-12)}.notfound-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.notfound-brand-mark{width:40px;height:40px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-line);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.notfound-brand-mark img{width:34px;height:34px;object-fit:contain}.notfound-brand-text{display:flex;flex-direction:column;gap:1px}.notfound-brand-app{font-size:15px;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.notfound-brand-sub{font-size:11px;font-weight:500;color:var(--color-subtle)}.notfound-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;max-width:440px}.notfound-code{font-size:13px;font-weight:600;color:var(--color-brand-blue);letter-spacing:.08em;text-transform:uppercase}.notfound-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);line-height:1.2;letter-spacing:-.02em}.notfound-desc{font-size:var(--text-md);color:var(--color-muted);line-height:1.6}.notfound-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.notfound-actions a{min-height:40px;display:inline-flex;align-items:center;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:650;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:box-shadow .12s ease,background .12s ease}.notfound-actions .btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand-blue),#fff 6%),var(--color-brand-blue));color:#fff;border:1px solid transparent;box-shadow:0 1px 2px rgba(48,48,120,.3),0 6px 16px -6px rgba(48,48,120,.5)}.notfound-actions .btn-primary:hover{background:var(--color-brand-blue-deep);text-decoration:none}.notfound-actions .btn-outline{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-line);box-shadow:0 1px 2px rgba(48,48,120,.06)}.notfound-actions .btn-outline:hover{background:var(--color-surface-soft);text-decoration:none}.landing-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-page{width:100%;max-width:1024px;display:grid;grid-template-columns:1fr 400px;grid-gap:var(--space-12);gap:var(--space-12);padding:var(--space-12);align-items:center}@media (max-width:840px){.landing-page{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-6)}}.landing-hero{display:flex;flex-direction:column;gap:var(--space-6)}.landing-logo-img{width:72px;height:72px;border-radius:var(--radius-lg);object-fit:cover}.landing-hero h1{font-size:var(--text-2xl);font-weight:650;line-height:1.25;letter-spacing:-.02em}.landing-hero>p{font-size:var(--text-md);color:var(--color-muted);line-height:1.5}.landing-proof{display:flex;gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.landing-proof div{display:flex;flex-direction:column;gap:var(--space-1)}.landing-proof strong{font-size:var(--text-xl);font-weight:700;color:var(--color-brand-blue)}.landing-proof span{font-size:var(--text-xs);color:var(--color-subtle)}.landing-panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.landing-panel h2{font-size:var(--text-lg);font-weight:650}.landing-panel-sub{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-1)}.form-group{display:flex;flex-direction:column;gap:var(--space-4)}.or-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-subtle);font-size:var(--text-xs)}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--color-line)}.landing-help{text-align:center;font-size:var(--text-xs);color:var(--color-subtle)}.profil-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-line)}.profil-section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.profil-user-row{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4)}.profil-user-name{font-size:var(--text-sm);font-weight:650;color:var(--color-ink)}.profil-user-nim{font-size:var(--text-xs);color:var(--color-subtle);margin-top:2px}.profil-user-row .badge{margin-left:auto}.profil-divider{height:1px;background:var(--color-line);margin-bottom:var(--space-4)}.view-switch{display:inline-flex;padding:4px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.view-switch button{min-height:32px;padding:0 var(--space-3);border:0;border-radius:6px;background:transparent;color:var(--color-muted);font-size:var(--text-sm);font-weight:600;transition:background .12s,color .12s}.view-switch button.active{background:var(--color-brand-blue);color:#fff;box-shadow:var(--shadow-sm)}.dir-toolbar{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-5)}.token-search{position:relative;max-width:780px}.token-search input{width:100%;min-height:52px;padding:0 14px 0 48px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font:inherit;box-shadow:0 8px 24px -18px rgba(24,56,160,.4)}.token-search input:focus{outline:none;border-color:var(--color-brand-blue-bright);box-shadow:0 0 0 3px var(--color-surface-blue)}.token-search .tk-ico{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--color-subtle);pointer-events:none}.chip-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.chip-label{color:var(--color-subtle);font-size:var(--text-xs);font-weight:700}.directory-layout{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.filter-sidebar{position:-webkit-sticky;position:sticky;top:76px;display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-group{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.filter-group:last-child{padding-bottom:0;border-bottom:0}.filter-title{font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.check-facet{display:grid;grid-template-columns:16px minmax(0,1fr) auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:center;min-height:30px;padding:4px 6px;border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer}.check-facet:hover{background:var(--color-surface-soft);color:var(--color-ink)}.check-facet:has(input:checked){background:var(--color-surface-blue);color:var(--color-brand-blue-deep);font-weight:600}.check-facet input{width:16px;height:16px;margin:0;accent-color:var(--color-brand-blue)}.count{padding:1px 6px;border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.directory-main{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.founder-list{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden;box-shadow:var(--shadow-sm)}.founder-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line);transition:background .1s}.founder-row:last-child{border-bottom:0}.founder-row:hover{background:var(--color-surface-soft)}.founder-row h3{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-sm);font-weight:650;color:var(--color-ink)}.founder-role{margin-top:2px;font-size:var(--text-sm);color:var(--color-muted)}.link-chip{color:var(--color-brand-blue);font-weight:600;cursor:pointer}.link-chip:hover{text-decoration:underline}.mini-meta{margin-top:var(--space-1);color:var(--color-subtle);font-size:var(--text-xs)}.round-link{min-width:52px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-brand-blue);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color .12s,box-shadow .12s}.round-link:hover{border-color:color-mix(in srgb,var(--color-brand-blue),#fff 58%);box-shadow:var(--shadow-sm)}.dir-empty{padding:var(--space-8);text-align:center;border:1px dashed var(--color-line);border-radius:var(--radius-lg);color:var(--color-muted)}.founder-row--active{background:var(--color-surface-blue)!important}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:rgba(20,21,28,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.person-drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:400px;background:var(--color-surface);border-left:1px solid var(--color-line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s cubic-bezier(.25,.46,.45,.94)}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line);flex-shrink:0}.drawer-close{width:32px;height:32px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:transparent;color:var(--color-muted);display:grid;place-items:center;cursor:pointer;transition:background .12s,color .12s}.drawer-close:hover{background:var(--color-surface-soft);color:var(--color-ink)}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:0}.drawer-identity{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.drawer-identity .avatar{width:52px;height:52px;font-size:18px;flex-shrink:0}.drawer-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:650;color:var(--color-ink);line-height:1.3}.drawer-role{font-size:var(--text-sm);color:var(--color-muted);margin-top:2px}.drawer-meta{font-size:var(--text-xs);color:var(--color-subtle);margin-top:4px}.drawer-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.drawer-chip{padding:3px 10px;border-radius:99px;border:1px solid var(--color-line);background:var(--color-surface-soft);font-size:var(--text-xs);font-weight:500;color:var(--color-muted)}.drawer-divider{height:1px;background:var(--color-line);margin:var(--space-4) 0}.drawer-section-label{font-size:var(--text-xs);font-weight:600;color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:480px;border:1px dashed var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-muted)}.map-placeholder-icon{width:56px;height:56px;border-radius:50%;background:var(--color-surface-soft);border:1px solid var(--color-line);display:grid;place-items:center;color:var(--color-subtle)}.map-placeholder h3{font-size:var(--text-md);font-weight:650;color:var(--color-ink);text-align:center}.map-placeholder p{font-size:var(--text-sm);color:var(--color-muted);text-align:center;max-width:320px;line-height:1.5}.alumni-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-surface-soft)}.alumni-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;gap:var(--space-6);padding:0 var(--space-6);height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-line)}.alumni-brand,.alumni-topbar{display:flex;align-items:center}.alumni-brand{gap:var(--space-3);flex-shrink:0}.alumni-brand,.alumni-brand:hover{text-decoration:none}.alumni-brand-mark{width:36px;height:36px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-line);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm);display:grid;place-items:center}.alumni-brand-mark img{width:30px;height:30px;object-fit:contain}.alumni-brand-text{display:flex;flex-direction:column;gap:1px;line-height:1}.alumni-brand-app{font-size:14px;font-weight:700;color:var(--color-ink);letter-spacing:-.01em}.alumni-brand-sub{font-size:11px;font-weight:500;color:var(--color-subtle)}.alumni-topbar-divider{width:1px;height:20px;background:var(--color-line);flex-shrink:0}.alumni-nav{display:flex;align-items:center;gap:var(--space-1);flex:1 1}.alumni-nav a{padding:6px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-muted);text-decoration:none;transition:background .12s,color .12s}.alumni-nav a:hover{background:var(--color-surface-soft);color:var(--color-ink)}.alumni-nav a.active{background:var(--color-surface-blue);color:var(--color-brand-blue);font-weight:600}.alumni-user{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.alumni-user-name{font-size:var(--text-sm);font-weight:500;color:var(--color-muted)}.alumni-main{flex:1 1;padding:var(--space-8) var(--space-6);max-width:1200px;width:100%;margin:0 auto}