.about-section{margin-bottom:40px}.about-section-judul{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.about-section-deskripsi{font-size:.88rem;color:var(--text-secondary);line-height:1.65;margin-bottom:28px;max-width:640px}.profil-kartu{display:flex;gap:22px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.profil-avatar{width:88px;height:88px;flex-shrink:0;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;overflow:hidden}.profil-avatar img{width:100%;height:100%;object-fit:cover}.profil-info{flex:1;min-width:0}.profil-nama{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.profil-peran{font-size:.85rem;color:var(--accent);margin-bottom:12px}.profil-deskripsi{font-size:.86rem;color:var(--text-secondary);line-height:1.7;margin-bottom:14px}.profil-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.profil-sosial{display:flex;gap:12px}.profil-sosial-link{font-size:.8rem;color:var(--text-secondary);text-decoration:none;border:1px solid var(--border);padding:6px 13px;border-radius:var(--radius-sm);transition:border-color var(--transition),color var(--transition)}.profil-sosial-link:hover{transform:translateY(-2px)}.profil-sosial-link[aria-label=GitHub]:hover{color:#fff}.profil-sosial-link[aria-label=Instagram]:hover{color:#e4405f}.roadmap-filter-wrap{display:flex;justify-content:center;gap:10px;margin:24px 0 20px;flex-wrap:wrap}.btn-filter{padding:8px 18px;border:1px solid var(--border);background:var(--bg-surface);border-radius:999px;cursor:pointer;color:var(--text-secondary);font-size:.8rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-filter:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.btn-filter.aktif{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 12px var(--accent-glow);transform:translateY(0)}.roadmap-kategori{margin-bottom:30px;transition:opacity .35s ease,transform .35s ease;opacity:1;transform:translateY(0)}.roadmap-kategori-judul{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em}.roadmap-tabel{width:100%;border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;font-size:.84rem}.roadmap-tabel thead th{text-align:left;background:var(--bg-elevated);color:var(--text-secondary);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:10px 16px;border-bottom:1px solid var(--border)}.roadmap-tabel thead th:last-child{text-align:center}.roadmap-tabel tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:top;line-height:1.55;transition:padding .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,font-size .3s cubic-bezier(.4,0,.2,1),line-height .3s cubic-bezier(.4,0,.2,1);opacity:1}.roadmap-tabel tbody tr:last-child td{border-bottom:none}.roadmap-tabel tbody td:first-child{color:var(--text-primary);font-weight:500;white-space:nowrap}.roadmap-tabel tbody td:last-child{white-space:nowrap;text-align:center}.roadmap-tabel tbody tr.row-hidden td{padding-top:0!important;padding-bottom:0!important;opacity:0;font-size:0!important;line-height:0!important;border-bottom:1px solid transparent}.roadmap-tabel tbody tr.row-hidden td *{display:none}.status-pill{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.status-direncanakan{color:#ffffffb8;background:var(--bg-elevated);border-color:var(--border)}.status-dikerjakan{color:var(--accent);background:var(--accent-glow);border-color:var(--border-accent)}.status-selesai{color:var(--success);background:#4caf821a;border-color:#4caf824d}.roadmap-catatan{font-size:.84rem;line-height:1.7;margin-top:16px;color:#e8a23a;background:#e8a23a14;border:1px solid rgba(232,162,58,.28);border-left-width:3px;border-radius:10px;padding:12px 15px}@media(max-width:700px){.profil-kartu{flex-direction:column;align-items:center;text-align:center}.profil-sosial{justify-content:center}.roadmap-tabel,.roadmap-tabel tbody,.roadmap-tabel tr,.roadmap-tabel td{display:block;width:100%}.roadmap-tabel thead{display:none}.roadmap-tabel tr{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px}.roadmap-tabel td{border:none!important;padding:0 0 8px!important;white-space:normal!important;text-align:left!important}.roadmap-tabel td:last-child{padding-bottom:0!important}.roadmap-tabel td:first-child{font-weight:600;color:var(--text-primary);font-size:.94rem;margin-bottom:2px}.roadmap-tabel td:nth-child(2){font-size:.82rem;color:var(--text-secondary);line-height:1.55}.status-pill{display:inline-flex}}