@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--accent-royal: #2563eb;--accent-royal-hover: #1d4ed8;--accent-royal-muted: rgba(37, 99, 235, .1);--border-subtle: #e2e8f0;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--max-width-layout: 840px;--radius-minimal: 4px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0b0f19;--bg-secondary: #111827;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-royal: #3b82f6;--accent-royal-hover: #60a5fa;--accent-royal-muted: rgba(59, 130, 246, .15);--border-subtle: #1e293b}html{scroll-behavior:smooth}#details-section{scroll-margin-top:2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-fast),color var(--transition-fast);display:flex;justify-content:center;min-height:100vh}h1,h2,h3,h4{font-weight:600;line-height:1.2;color:var(--text-primary)}a{color:var(--accent-royal);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-royal-hover)}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none}._wrapper_1eb2i_3{display:flex;flex-direction:column}._heroContainer_1eb2i_9{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-xl);align-items:center;min-height:60vh;padding-bottom:var(--space-xl)}._textContent_1eb2i_18{display:flex;flex-direction:column}._header_1eb2i_23{margin-bottom:var(--space-md)}._title_1eb2i_28{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:var(--space-xs);line-height:1.1;display:inline-block;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-royal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._cursor_1eb2i_44{font-family:var(--font-mono);font-weight:400;color:var(--accent-royal);-webkit-text-fill-color:var(--accent-royal);animation:_blink_1eb2i_1 1s step-end infinite;margin-left:4px}@keyframes _blink_1eb2i_1{0%,to{opacity:1}50%{opacity:0}}._headline_1eb2i_58{font-family:var(--font-mono);font-size:1.15rem;color:var(--accent-royal);font-weight:500}._actions_1eb2i_65{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-md)}._btnPrimary_1eb2i_73,._btnSecondary_1eb2i_73,._btnScroll_1eb2i_73{font-family:var(--font-mono);font-size:.95rem;padding:.6rem 1.2rem;border-radius:var(--radius-minimal);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}._btnPrimary_1eb2i_73{background-color:var(--accent-royal);color:#fff;border:1px solid var(--accent-royal)}._btnPrimary_1eb2i_73:hover{background-color:var(--accent-royal-hover);border-color:var(--accent-royal-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-royal-muted)}._btnSecondary_1eb2i_73,._btnScroll_1eb2i_73{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}._btnSecondary_1eb2i_73:hover,._btnScroll_1eb2i_73:hover{border-color:var(--text-primary);background-color:var(--bg-secondary);transform:translateY(-2px)}._imageContent_1eb2i_109{display:flex;justify-content:center;align-items:center}._imageWrapper_1eb2i_115{position:relative;width:100%;max-width:280px}._profileImage_1eb2i_122{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-minimal);position:relative;z-index:2;filter:grayscale(15%);transition:filter var(--transition-fast),transform var(--transition-fast);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}._imageBackdrop_1eb2i_140{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--accent-royal);border-radius:var(--radius-minimal);z-index:1;transform:translate(12px,12px);transition:transform var(--transition-fast)}._imageWrapper_1eb2i_115:hover ._profileImage_1eb2i_122{filter:grayscale(0%);transform:translate(-4px,-4px)}._imageWrapper_1eb2i_115:hover ._imageBackdrop_1eb2i_140{transform:translate(16px,16px)}._detailsSection_1eb2i_159{width:100vw;margin-left:calc(-50vw + 50%);background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-xl) 0}._detailsContent_1eb2i_167{max-width:var(--max-width-layout);margin:0 auto;padding:0 var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}._sectionTitle_1eb2i_176{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--space-md)}._bioText_1eb2i_183{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);text-align:justify}._skillsSubtitle_1eb2i_190{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:-10px;margin-bottom:var(--space-md)}._skillsGrid_1eb2i_198{display:flex;flex-wrap:wrap;gap:var(--space-sm)}._skillTag_1eb2i_204{font-family:var(--font-mono);font-size:.85rem;padding:.4rem .8rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-minimal);transition:all var(--transition-fast);cursor:pointer}._skillTag_1eb2i_204:hover{border-color:var(--accent-royal);color:var(--accent-royal);transform:translateY(-2px);box-shadow:0 4px 6px var(--accent-royal-muted)}@media(max-width:768px){._heroContainer_1eb2i_9{grid-template-columns:1fr;text-align:center;padding-top:var(--space-md)}._imageContent_1eb2i_109{order:-1}._actions_1eb2i_65{justify-content:center}._bioText_1eb2i_183{text-align:left}}._contactWrapper_1eb2i_236{position:relative;display:inline-block}._contactDropdown_1eb2i_241{position:absolute;top:calc(100% + var(--space-xs));left:0;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-minimal);box-shadow:0 10px 15px -3px #0000001a;padding:var(--space-xs);z-index:100;display:flex;flex-direction:column;gap:4px;animation:_fadeIn_1eb2i_1 .15s ease-out}._contactDropdown_1eb2i_241:before{content:"";position:absolute;top:calc(-1 * var(--space-xs));left:0;width:100%;height:var(--space-xs);background:transparent}._dropdownItem_1eb2i_268{text-align:left;padding:.6rem .8rem;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.9rem;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}._dropdownItem_1eb2i_268:hover{background-color:var(--bg-secondary);color:var(--accent-royal);padding-left:1.2rem}._emailCard_1eb2i_289{padding:.8rem;display:flex;flex-direction:column;gap:.5rem}._emailLabel_1eb2i_296{font-size:.8rem;color:var(--text-secondary)}._emailText_1eb2i_301{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary);word-break:break-all}._emailCardActions_1eb2i_308{display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--border-subtle)}._btnSmall_1eb2i_316{flex:1;text-align:center;padding:.4rem;font-family:var(--font-mono);font-size:.8rem;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}._btnSmall_1eb2i_316:hover{background-color:var(--accent-royal-muted);border-color:var(--accent-royal);color:var(--accent-royal)}._toast_1eb2i_338{position:fixed;bottom:var(--space-md);left:50%;transform:translate(-50%);background-color:var(--text-primary);color:var(--bg-primary);padding:.8rem 1.5rem;border-radius:var(--radius-minimal);font-family:var(--font-mono);font-size:.95rem;font-weight:500;box-shadow:0 10px 25px -5px #0003;z-index:1000;pointer-events:none;animation:_slideUp_1eb2i_1 .3s cubic-bezier(.175,.885,.32,1.275) forwards,_fadeOut_1eb2i_1 .3s ease-out 2.7s forwards}@keyframes _slideUp_1eb2i_1{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes _fadeOut_1eb2i_1{0%{opacity:1}to{opacity:0;visibility:hidden}}._card_azrfj_3{position:relative;overflow:hidden;background-color:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;scroll-margin-top:calc(var(--space-xl) + 20px)}._spotlight_azrfj_20{position:absolute;inset:0;pointer-events:none;z-index:0;transition:opacity var(--transition-fast) ease-in-out}._cardInner_azrfj_29{position:relative;z-index:1}._headerTop_azrfj_35{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}._logo_azrfj_42{width:48px;height:48px;object-fit:contain;border-radius:8px;padding:6px;background-color:#fff;border:1px solid var(--border-subtle);flex-shrink:0;box-shadow:0 2px 4px #0000000d}._headerText_azrfj_54{flex:1}._title_azrfj_58{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}._subtitle_azrfj_66{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary);font-family:var(--font-mono)}._content_azrfj_74{margin-top:var(--space-sm);font-size:.95rem;line-height:1.6;color:var(--text-secondary)}._tags_azrfj_82{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}._tag_azrfj_82{font-family:var(--font-mono);font-size:.75rem;padding:.25rem .6rem;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;border:1px solid var(--border-subtle);transition:all var(--transition-fast);cursor:pointer;position:relative}._tag_azrfj_82:hover{color:var(--text-primary);border-color:var(--text-primary)}._clickable_azrfj_110{cursor:pointer;transition:transform var(--transition-fast) cubic-bezier(.4,0,.2,1),box-shadow var(--transition-fast) cubic-bezier(.4,0,.2,1),border-color var(--transition-fast)}._clickable_azrfj_110:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#4169e14d}._tabContainer_1m6yj_5{display:flex;flex-direction:column;gap:var(--space-lg)}._filterSection_1m6yj_12{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-minimal);padding:var(--space-md)}._filterHeader_1m6yj_19{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-xs)}._filterTitle_1m6yj_28{font-family:var(--font-mono);color:var(--text-secondary);font-size:.9rem}._clearBtn_1m6yj_34{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-royal);background:none;border:none;cursor:pointer;transition:opacity var(--transition-fast)}._clearBtn_1m6yj_34:hover{opacity:.7}._filterTags_1m6yj_48{display:flex;flex-wrap:wrap;gap:var(--space-xs)}._filterTag_1m6yj_48{font-family:var(--font-mono);font-size:.85rem;padding:.3rem .8rem;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}._filterTag_1m6yj_48:hover{border-color:var(--text-secondary)}._filterTagActive_1m6yj_71{background-color:var(--accent-royal);color:#fff;border-color:var(--accent-royal)}._filterTagActive_1m6yj_71:hover{background-color:var(--accent-royal-hover);border-color:var(--accent-royal-hover)}._emptyState_1m6yj_83{text-align:center;padding:var(--space-xl) var(--space-md);border:1px dashed var(--border-subtle);border-radius:var(--radius-minimal);color:var(--text-secondary);font-family:var(--font-mono)}._clearBtnLarge_1m6yj_92{margin-top:var(--space-md);font-family:var(--font-mono);font-size:.95rem;padding:.6rem 1.2rem;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-minimal);cursor:pointer;transition:all var(--transition-fast)}._clearBtnLarge_1m6yj_92:hover{background-color:var(--bg-secondary);border-color:var(--text-primary)}._list_1m6yj_110{display:flex;flex-direction:column;gap:var(--space-sm)}._grid_1m6yj_110{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);align-items:start}._bulletList_1m6yj_125{padding-left:var(--space-md);margin-top:var(--space-xs);color:var(--text-secondary)}._bulletItem_1m6yj_131{margin-bottom:var(--space-2xs)}._modalOverlay_1m6yj_136{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;z-index:1000;animation:_fadeIn_1m6yj_1 var(--transition-fast) ease-out}._modalContent_1m6yj_147{background-color:var(--bg-primary);border-left:1px solid var(--border-subtle);max-width:800px;width:100%;height:100vh;max-height:100vh;overflow-y:auto;padding:var(--space-xl) var(--space-xl);position:relative;box-shadow:-25px 0 50px -12px #00000040;animation:_slideInRight_1m6yj_1 .4s cubic-bezier(.16,1,.3,1) forwards}._closeBtn_1m6yj_161{position:absolute;top:var(--space-md);right:var(--space-lg);font-family:var(--font-mono);color:var(--text-secondary);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all var(--transition-fast);z-index:10}._closeBtn_1m6yj_161:hover{color:var(--text-primary);border-color:var(--text-primary);box-shadow:0 2px 4px #0000000d}._modalHeader_1m6yj_184{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}._modalLogo_1m6yj_193{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff;padding:8px;border:1px solid var(--border-subtle)}._modalSubtitle_1m6yj_203{color:var(--text-secondary);font-family:var(--font-mono);font-size:.95rem;margin-top:var(--space-2xs)}._modalBody_1m6yj_211{display:flex;flex-direction:column;gap:var(--space-xl)}._modalContext_1m6yj_217{font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}._activityGroup_1m6yj_224{display:flex;flex-direction:column;gap:var(--space-sm)}._activityCategory_1m6yj_230{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent-royal);margin-bottom:var(--space-xs)}._activityList_1m6yj_237{list-style-type:none;padding-left:0;color:var(--text-secondary);font-size:1rem;line-height:1.7}._activityList_1m6yj_237 li{position:relative;padding-left:1.5rem;margin-bottom:.8rem}._activityList_1m6yj_237 li:before{content:">";position:absolute;left:0;color:var(--accent-royal);font-family:var(--font-mono);font-weight:700}@keyframes _slideInRight_1m6yj_1{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes _fadeIn_1m6yj_1{0%{opacity:0}to{opacity:1}}._projectLinksContainer_1m6yj_271{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px dashed var(--border-subtle)}._projectLink_1m6yj_271{font-family:var(--font-mono);font-size:.95rem;padding:.6rem 1.2rem;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-minimal);text-decoration:none;transition:all var(--transition-fast);display:inline-flex;align-items:center}._projectLink_1m6yj_271:hover{background-color:var(--accent-royal-muted);border-color:var(--accent-royal);color:var(--accent-royal);transform:translateY(-2px)}._markdownContent_1m6yj_302{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}._markdownContent_1m6yj_302 p{margin-bottom:1rem}._markdownContent_1m6yj_302 img{max-width:100%;height:auto;border-radius:var(--radius-minimal);border:1px solid var(--border-subtle);margin:1.5rem auto;display:block;box-shadow:0 4px 6px -1px #0000001a}._markdownContent_1m6yj_302 a{color:var(--accent-royal);text-decoration:underline;text-underline-offset:4px}._markdownContent_1m6yj_302 strong{color:var(--text-primary);font-weight:600}._markdownContent_1m6yj_302 ul{list-style-type:none;padding-left:0;margin-bottom:1.5rem}._markdownContent_1m6yj_302 li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:var(--text-secondary)}._markdownContent_1m6yj_302 li:before{content:">";position:absolute;left:0;color:var(--accent-royal);font-family:var(--font-mono);font-weight:700}._titleHighlight_1m6yj_357{font-size:1.1em;font-weight:800;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-royal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._titleSeparator_1m6yj_366{color:var(--accent-royal);margin:0 8px;font-family:var(--font-mono);font-weight:700;opacity:.6}._container_pinsi_3{max-width:1200px;margin:0 auto;padding:var(--space-md, 1rem);font-family:var(--font-sans)}._systemMessage_pinsi_10{font-family:var(--font-mono);color:var(--text-secondary);padding:var(--space-md, 1rem)}._nav_pinsi_17{position:sticky;top:var(--space-md);z-index:50;display:flex;justify-content:center;gap:var(--space-2xs);margin:0 auto var(--space-xl) auto;padding:6px;background-color:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:100px;box-shadow:0 4px 20px -2px #0000000d;width:fit-content}._tabWrapper_pinsi_39{position:relative}._tab_pinsi_39{background:transparent;border:1px solid transparent;padding:.5rem 1.2rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);cursor:pointer;border-radius:100px;transition:all var(--transition-fast)}._tab_pinsi_39:hover{color:var(--text-primary)}._tabActive_pinsi_60{background-color:var(--bg-primary);color:var(--text-primary);font-weight:500;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-subtle)}._dropdown_pinsi_69{position:absolute;top:100%;left:0;min-width:240px;background-color:var(--bg-primary);border:1px solid var(--border-subtle, #ddd);border-radius:var(--radius-minimal, 4px);box-shadow:0 10px 15px -3px #0000001a;padding:var(--space-xs, .5rem) 0;z-index:100;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .2s ease-in-out}._tabWrapper_pinsi_39:hover ._dropdown_pinsi_69{opacity:1;visibility:visible;transform:translateY(0)}._dropdownItem_pinsi_96{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem 1rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;transition:background-color .1s}._dropdownItem_pinsi_96:hover{background-color:var(--bg-secondary);color:var(--text-primary)}._dropdownLogo_pinsi_118{width:20px;height:20px;object-fit:contain;border-radius:2px;background:#fff;flex-shrink:0}._main_pinsi_128{margin-top:var(--space-md, 1rem)}._switch_15fgd_1{position:absolute;top:var(--space-md);left:var(--space-md);width:56px;height:28px;border-radius:9999px;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;display:flex;align-items:center;padding:0;z-index:100;transition:border-color var(--transition-fast)}._switch_15fgd_1:hover{border-color:var(--text-secondary)}._track_15fgd_23{display:flex;justify-content:space-between;width:100%;padding:0 6px}._icon_15fgd_30{width:14px;height:14px;color:var(--text-secondary)}._thumb_15fgd_37{position:absolute;top:2px;left:3px;width:22px;height:22px;border-radius:50%;background-color:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 4px #0000000d;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2}._thumbDark_15fgd_52{transform:translate(26px)}