:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;border-inline:none;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#efefef;--muted:#666;--text:#0b1220;--accent:#0b5bd7;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", "Courier New", monospace}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}.loading-screen{background:var(--bg);z-index:9999;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.lottie-pulse{animation:2s ease-in-out infinite lottieGlow}@keyframes lottieGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.98)}}.loading-text{color:var(--text);font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin:0;font-size:14px;animation:2s ease-in-out infinite pulseText}@keyframes pulseText{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.98)}}.section-hero{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:55px 0 120px;display:flex}.section-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:36px;width:100%;max-width:1280px;margin:0 auto;padding:0 170px 0 60px;display:flex}.section-left{text-align:center;flex:1;min-width:320px;max-width:640px;padding-top:80px}.section-kicker{letter-spacing:.18em;color:var(--muted);font-size:35px;font-weight:700;font-family:var(--mono);margin-bottom:25px}.section-description{color:var(--muted);letter-spacing:-.01em;max-width:610px;margin-bottom:28px;font-size:1.12rem;line-height:1.72}.section-ctaRow{justify-content:center;align-items:center;margin-top:16px;display:flex}.btn-dashboard-style{color:#fff;cursor:pointer;background:linear-gradient(#161d2a 0%,#0d1320 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:180px;height:54px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px #0f172a1f}.btn-dashboard-style:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a29}.section-right{flex-shrink:0;justify-content:center;align-items:center;width:420px;height:420px;margin-right:-120px;display:flex}.section-frame{aspect-ratio:1;background:0 0;border:1px solid #11182714;border-radius:20px;width:380px;max-width:100%;height:380px;overflow:hidden;box-shadow:0 20px 45px #0f172a14}.frame-img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s;display:block}.frame-img:hover{filter:grayscale(0%)}.canvas-split-container{justify-content:center;align-items:center;width:380px;height:380px;display:flex}.canvas-split-img{object-fit:cover;object-position:30% center;filter:grayscale();cursor:pointer;width:100%;height:100%;transition:filter .4s,transform .4s cubic-bezier(.25,1,.5,1),-webkit-mask-image .5s,mask-image .5s;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'%3E%3Crect x='0' y='38' width='118' height='304' rx='16' ry='16' fill='black'/%3E%3Crect x='131' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='262' y='38' width='118' height='304' rx='16' ry='16' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'%3E%3Crect x='0' y='38' width='118' height='304' rx='16' ry='16' fill='black'/%3E%3Crect x='131' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='262' y='38' width='118' height='304' rx='16' ry='16' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-split-img:hover{filter:grayscale(0%);transform:scale(1.02);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'%3E%3Crect x='0' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='131' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='262' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 380'%3E%3Crect x='0' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='131' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3Crect x='262' y='0' width='118' height='380' rx='16' ry='16' fill='black'/%3E%3C/svg%3E")}.contact-email-text{color:var(--text);margin-bottom:20px;font-size:15px;font-weight:600;text-decoration:none;display:block}.social-icon-list{justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.social-badge{background-color:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 6px 16px #0f172a26}.social-badge:hover{background-color:#4a525e;transform:translateY(-3px)}.reveal-on-scroll{opacity:1;transition:transform .6s ease cubic-bezier(.25, 1, .5, 1), opacity .6s ease;transform:translateY(24px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.site-footer{text-align:center;color:var(--muted);border-top:1px solid #0000000d;padding:40px 0}@media (width<=900px){.section-hero{min-height:100dhv;justify-content:center;align-items:center;padding:40px 0;display:flex}.section-inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 20px}.section-left{text-align:center;width:100%;min-width:0;max-width:100%;margin-top:-30px;padding-top:0}.section-right{order:-1;justify-content:center;width:100%;margin-top:30px;margin-right:0;display:flex}.section-frame,.canvas-split-container,.contact-circle-container{width:220px;height:220px;margin-top:-250px}.section-kicker{margin-top:-180px;margin-bottom:15px;font-size:16px}.section-description{max-width:100%;margin-bottom:40px;font-size:15px;line-height:1.4em}.btn-dashboard-style{width:140px;height:44px;font-size:13px}}.contact-circle-container{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:380px;height:380px;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 16px 36px #0f172a1f}.contact-circle-container:hover{transform:scale(1.05);box-shadow:0 22px 48px #0f172a38}.contact-circle-img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .5s,filter .5s}.contact-circle-container:hover .contact-circle-img{filter:grayscale(0%);transform:scale(1.08)}@media (width<=900px){.contact-circle-container{width:220px;height:220px;margin-top:-250px}}:root{--bg:#efefef;--muted:#666;--text:#0b1220;--accent:#0b5bd7;--border:#0b11240f;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono","Courier New",monospace}._dashboard_1ik5u_19{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative}._brandWrap_1ik5u_35{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;padding:4px 0 10px;display:flex}._sidebarToggle_1ik5u_53{color:#fff;cursor:pointer;z-index:50;width:46px;height:46px;transition:transform .3 ease, background .3s ease;background:#1e293b;border:0;border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;top:50%;left:32px;transform:translateY(-50%);box-shadow:0 10px 25px #0f172a33}._sidebarToggle_1ik5u_53:hover{transform:translateY(-50%)translateY(1.05px)}._sidebar_1ik5u_53{pointer-events:none;z-index:40;flex-direction:column;justify-content:center;align-items:center;width:46px;height:56px;display:flex;position:fixed;top:50%;left:32px;transform:translateY(-50%)}._sidebarActive_1ik5u_137{pointer-events:auto;height:320px}._sideBtn_1ik5u_149{color:#fff;cursor:pointer;opacity:0;background:#94a3b8;border:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .45s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease-in-out;display:flex;position:absolute;transform:translateY(0)scale(.5);box-shadow:0 6px 16px #0f172a26}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:first-child{opacity:1;transition-delay:0s;transform:translateY(-140px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(2){opacity:1;transition-delay:50ms;transform:translateY(-70px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(3){opacity:1;transition-delay:.1s;transform:translateY(70px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(4){opacity:1;transition-delay:.15s;transform:translateY(140px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:first-child:hover{transform:translateY(-135px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(2):hover{transform:translateY(-65px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(3):hover{transform:translateY(65px)scale(1.1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(4):hover{transform:translateY(135px)scale(1.1)}._sideBtn_1ik5u_149:hover{background:#64748b;transition-delay:0s!important}._sideBtn_1ik5u_149 svg{stroke:#fff;width:20px;height:20px;display:block}._hero_1ik5u_277{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}._inner_1ik5u_295{justify-content:space-between;align-items:center;gap:36px;width:100%;max-width:1280px;margin:0 auto;padding:0 170px 0 60px;display:flex}._left_1ik5u_317{text-align:center;flex:1;min-width:320px;max-width:640px;padding-top:0;padding-left:0}._kicker_1ik5u_335{letter-spacing:.18em;color:var(--muted);font-size:35px;font-weight:700;font-family:var(--mono);opacity:1;margin-bottom:25px}._title_1ik5u_355{color:#000;letter-spacing:12%;justify-content:center;margin:0 0 35px;font-size:20px;font-weight:700;line-height:normal}._description_1ik5u_379{color:var(--muted);letter-spacing:-.01em;max-width:610px;margin-bottom:28px;font-size:1rem;line-height:1.72}._ctaRow_1ik5u_397{justify-content:center;align-items:center;gap:10%;width:100%;max-width:520px;margin-top:16px;margin-left:auto;margin-right:auto;display:flex}._download_1ik5u_421{box-sizing:border-box;color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%);border-radius:14px;justify-content:center;align-items:center;width:180px;height:54px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px #0f172a1f}._download_1ik5u_421:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a29}._contact_1ik5u_459{box-sizing:border-box;cursor:pointer;color:#111827;background:#ffffff2e;border:1px solid #0f172a1f;border-radius:14px;justify-content:center;align-items:center;width:180px;height:54px;padding:0 18px;font-size:15px;font-weight:600;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}._contact_1ik5u_459:hover{background:#ffffff4d;border-color:#0f172a33;transform:translateY(-2px)}._right_1ik5u_497{flex-shrink:0;justify-content:center;align-items:center;width:420px;height:420px;margin-right:-120px;padding-top:20px;padding-right:0;display:flex}._photoWrap_1ik5u_521{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:380px;height:380px;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 16px 36px #0f172a1f}._photoWrap_1ik5u_521:hover{transform:scale(1.05);box-shadow:0 22px 48px #0f172a38}._profileImg_1ik5u_559{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .5s}._photoWrap_1ik5u_521:hover ._profileImg_1ik5u_559{transform:scale(1.08)}._profileImg_1ik5u_559:hover{filter:grayscale(0%);transform:scale(1.1)}._scrollCue_1ik5u_597{text-align:center;margin-top:44px;position:relative}._scrollCue_1ik5u_597 span{letter-spacing:.28em;color:var(--muted);font-size:12px}._scrollCue_1ik5u_597 ._line_1ik5u_601{display:none}._chat_1ik5u_607{z-index:50;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}._chatBubble_1ik5u_609{max-width:260px;color:var(--text);background:#fff;border-radius:12px;padding:12px 14px;font-size:13px;box-shadow:0 8px 18px #0206171f}._chatFab_1ik5u_611{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:999px;width:48px;height:48px;font-size:18px}@media (width<=900px){._inner_1ik5u_295{flex-direction:column;align-items:center;gap:10px;padding:0 20px}._left_1ik5u_317{text-align:center;width:100%;min-width:0;max-width:100%;margin-top:-30px;padding-top:0}._right_1ik5u_497{order:-1;justify-content:center;width:100%;margin-top:30px;margin-right:0;display:flex}._photoWrap_1ik5u_521{width:220px;height:220px;margin-top:-250px}._kicker_1ik5u_335{margin-top:-180px;margin-bottom:15px;font-size:16px}._title_1ik5u_355{letter-spacing:10%;margin-bottom:20px;font-size:22px;line-height:1.2}._description_1ik5u_379{max-width:100%;margin-bottom:40px;font-size:15px;line-height:1.4em}._ctaRow_1ik5u_397{flex-wrap:wrap;justify-content:center;gap:20px}._download_1ik5u_421,._contact_1ik5u_459{width:140px;height:44px;font-size:13px}._sidebarToggle_1ik5u_53{width:48px;height:48px;font-size:20px;top:16px;left:16px;transform:translateY(0)}._sidebarToggle_1ik5u_53:hover{transform:translateY(0)}._sidebar_1ik5u_53{pointer-events:none;width:48px;height:48px;transition:height .4s cubic-bezier(.4,0,.2,1);top:74px;left:16px;transform:translateY(0)}._sidebarActive_1ik5u_137{pointer-events:auto;height:50px;transition:height .4s cubic-bezier(.4,0,.2,1)}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:first-child{opacity:1;transform:translateY(0)scale(1)!important}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(2){opacity:1;transform:translateY(55px)scale(1)!important}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(3){opacity:1;transform:translateY(110px)scale(1)!important}._sidebarActive_1ik5u_137 ._sideBtn_1ik5u_149:nth-child(4){opacity:1;transform:translateY(165px)scale(1)!important}._sidebar_1ik5u_53 ._sideBtn_1ik5u_149{width:44px;height:44px}._sidebarHidden_1ik5u_863{opacity:0;transform:translateY(-20px)}._brandWrap_1ik5u_35,._sideCollapse_1ik5u_873{display:none}}@media (width<=768px){._title_1ik5u_355{margin-bottom:12px;font-size:1rem;line-height:1.25}}#_home_1ik5u_1{box-sizing:border-box;min-height:100vh}.about-detail-page{z-index:1000;background-color:var(--bg,#efefef);min-height:100vh;color:var(--text,#0b1220);box-sizing:border-box;padding:40px 20px 10px;font-family:Inter,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow-y:auto}.detail-nav{justify-content:flex-start;max-width:1100px;margin:0 auto;padding-top:100px;display:flex}.detail-title{letter-spacing:.18em;color:var(--muted,#666);font-size:35px;font-weight:700;font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, Monaco, monospace);text-transform:uppercase;margin:0 0 12px}.who-am-i{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.photo-collage{gap:12px;width:100%;height:280px;display:flex;position:relative}.photo-collage img{object-fit:cover;filter:grayscale();cursor:pointer;border:1px solid #11182714;border-radius:16px;flex:1 1 0;width:0;height:100%;transition:flex .5s cubic-bezier(.25,1,.5,1),filter .4s,transform .3s;box-shadow:0 10px 25px #0f172a0f}.photo-collage img:hover{filter:grayscale(0%);flex:3 1 0}.candidate-name{color:#0b1220;margin-bottom:12px;font-size:28px;font-weight:700}.bio-paragraph{color:var(--muted,#666);letter-spacing:-.01em;margin-bottom:16px;font-size:1.12rem;line-height:1.72}.status-card{background:#fff;border:1px solid #0f172a14;border-radius:14px;align-items:center;gap:12px;width:fit-content;margin-top:24px;padding:14px 20px;display:flex;box-shadow:0 10px 22px #0f172a0f}.status-dot.online{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #22c55e}.section-center-title{text-align:center;letter-spacing:.18em;color:var(--muted,#666);font-size:35px;font-weight:700;font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, Monaco, monospace);text-transform:uppercase;margin:0}.section-center-sub{text-align:center;color:var(--muted,#666);margin-top:12px;font-size:1.12rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:40px 0 30px;display:grid}.skill-card{cursor:pointer;text-align:center;background-color:#fff;border:1px solid #0f172a14;border-radius:16px;justify-content:center;align-items:center;padding:24px;transition:transform .3s,border-color .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.skill-card:before{content:"";background-image:var(--bg-img);filter:grayscale();opacity:.06;z-index:1;background-position:50%;background-size:cover;transition:opacity .4s,filter .4s,transform .4s;position:absolute;inset:0}.skill-content{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.skill-icon{font-size:24px}.skill-card h4{color:#0b1220;text-align:center;margin:0 0 8px;font-size:16px;transition:color .3s}.skill-card p{color:var(--muted,#666);text-align:center;margin:0;font-size:13px;line-height:1.5;transition:color .3s,opacity .3s}.skill-card:hover{border-color:#0f172a33;transform:translateY(-4px)}.skill-card:hover:before{opacity:.12}.skill-card.active{background-color:#0b1220;border:1px solid #0b1220;transform:translateY(-4px);box-shadow:0 12px 28px #0b122040}.skill-card.active:before{opacity:.32;filter:grayscale(0%);transform:scale(1.05)}.skill-card.active h4,.skill-card.active p{color:#fff}.skill-card.active p{opacity:.88}.stack-box{text-align:center;background:#fff;border:1px solid #0f172a14;border-radius:16px;padding:28px;box-shadow:0 8px 20px #0f172a0a}.stack-box h4{color:#0b1220;margin:0 0 16px;font-size:18px}.badge-group{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.badge{color:#1e293b;background:#e2e8f0;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:500}.badge.dark{color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%)}.timeline-wrapper{flex-direction:column;gap:40px;width:100%;margin-top:40px;display:flex;position:relative}.timeline-line{background:#cbd5e1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;flex-direction:column;width:50%;display:flex;position:relative}.timeline-item.left{text-align:right;align-self:flex-start;align-items:flex-end;padding-right:30px}.timeline-item.right{text-align:left;align-self:flex-end;align-items:flex-start;padding-left:30px}.time-badge{color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%);border-radius:10px;flex-direction:column;width:fit-content;margin-bottom:12px;padding:8px 16px;font-size:12px;display:inline-flex}.exp-card{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:16px;width:100%;padding:24px;box-shadow:0 10px 22px #0f172a0f}.exp-card h3{color:#0b1220;text-align:left;margin:0 0 4px;font-size:18px}.company-tag{color:var(--muted,#666);text-align:left;font-size:13px;font-weight:600;display:block}.exp-desc{color:#444;text-align:left;margin:12px 0 8px;font-size:14px;line-height:1.6}.exp-list{margin:12px 0 16px;padding-left:20px;list-style-type:disc}.exp-list li{color:#444;margin-bottom:6px;font-size:13px;line-height:1.6}.exp-list li:last-child{margin-bottom:0}.timeline-item.left .exp-list{text-align:left}.item-tags{flex-wrap:wrap;gap:8px;display:flex}.timeline-item.left .item-tags{justify-content:flex-end}.timeline-item.right .item-tags{justify-content:flex-start}.item-tags span{color:#1e293b;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px}.edu-achieve-section{flex-direction:column;gap:40px;margin-top:20px;display:flex}.edu-header{text-align:center;margin-bottom:10px}.edu-container{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.edu-left{flex-direction:column;align-items:flex-start;margin-top:0;padding:0;display:flex}.edu-left .univ-name{margin-top:0}.edu-year-badge{color:var(--muted,#666);letter-spacing:.08em;margin-bottom:20px;font-size:13px;font-weight:700;display:inline-block}.univ-name{color:#0b1220;margin:0 0 4px;font-size:24px;font-weight:800;line-height:1.3}.degree-name{color:var(--muted,#666);margin:0 0 20px;font-size:14px;font-weight:500}.edu-gallery-grid{gap:12px;width:100%;height:220px;margin-bottom:24px;display:flex}.edu-gallery-grid .edu-img{object-fit:cover;filter:grayscale();cursor:pointer;border:1px solid #11182714;border-radius:14px;flex:1 1 0;width:0;height:100%;transition:flex .5s cubic-bezier(.25,1,.5,1),filter .4s;box-shadow:0 8px 20px #0f172a0f}.edu-gallery-grid .edu-img:first-child{object-position:center 70%}.edu-img:last-child{object-position:center 60%}.edu-gallery-grid .edu-img:hover{filter:grayscale(0%);flex:3 1 0}.edu-narrative{color:var(--muted,#666);margin:0 0 16px;font-size:14.5px;line-height:1.7}.gpa-badge{color:#0b1220;background:#fff;border:1px solid #0f172a1f;border-radius:8px;align-items:center;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0f172a0a}.achieve-right{flex-direction:column;width:100%;margin-top:40px;display:flex}.achieve-heading{color:#0b1220;text-align:center;margin:0 0 4px;font-size:22px;font-weight:800}.achieve-sub{color:var(--muted,#666);text-align:center;margin:0 0 24px;font-size:14px}.achieve-timeline{flex-direction:column;gap:24px;display:flex}.achieve-year-group{flex-direction:column;gap:12px;display:flex}.year-label{color:var(--muted,#666);letter-spacing:.1em;font-size:12px;font-weight:700}.achieve-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:16px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 6px 18px #0f172a0a}.achieve-card:hover{border-color:#161d2a;transform:translateY(-2px)}.achieve-icon-box{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;max-width:48px;height:48px;font-size:20px;display:flex;overflow:hidden}.achieve-thumb-icon{object-fit:cover;object-position:top;border-radius:10px;width:100%;height:100%}.achieve-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.achieve-info h4{color:#0b1220;word-wrap:break-word;overflow-wrap:break-word;justify-content:flex-start;margin:0 0 4px;font-size:14.5px;font-weight:700;line-height:1.4}.achieve-info small{color:var(--muted,#666);word-wrap:break-word;font-size:12px;display:block}.quote-banner{text-align:center;margin-top:24px;padding:20px}.quote-banner blockquote{color:#0b1220;max-width:700px;margin:0 auto;font-size:20px;font-style:italic;font-weight:600;line-height:1.6}.achieve-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b122073;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.achieve-modal-card{background:#fff;border:1px solid #0f172a14;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:680px;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;box-shadow:0 20px 40px #0b122038}.modal-header{border:none;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.modal-header h3{color:#0b1220;text-align:left;margin:0 0 4px;font-size:18px;font-weight:700}.modal-subtitle{color:var(--muted,#666);text-align:left;margin:0;font-size:13px}.btn-close-modal{color:#0b1220;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:background-color .2s,transform .2s;display:flex}.btn-close-modal:hover{background:#e2e8f0;transform:scale(1.05)}.cert-img-wrapper{cursor:pointer;background:#f8fafc;border:none;border-radius:14px;width:100%;margin-top:16px;position:relative;overflow:hidden}.cert-img-wrapper img{object-fit:contain;width:100%;height:auto;max-height:360px;display:block}.img-hover-hint{color:#fff;opacity:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:opacity .25s;display:flex;position:absolute;inset:0}.cert-img-wrapper:hover .img-hover-hint{opacity:0}.cert-img-wrapper:hover img{transform:scale(1.02)}.cert-desc{color:#475569;text-align:left;border:none;margin:16px 0 0;padding-top:8px;font-size:13.5px;line-height:1.62}.modal-thumb-list{justify-content:center;gap:12px;margin:16px 0 8px;padding-bottom:4px;display:flex;overflow-x:auto}.modal-thumb-list::-webkit-scrollbar{height:4px}.modal-thumb-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-thumb-item{object-fit:cover;cursor:pointer;opacity:.4;filter:grayscale(80%);border-radius:10px;flex-shrink:0;width:58px;height:58px;transition:opacity .25s,transform .25s,filter .25s,box-shadow .25s;border:none!important;outline:none!important}.modal-thumb-item:hover{opacity:.8;filter:grayscale(0%);transform:translateY(-2px)}.modal-thumb-item.active{opacity:1;filter:grayscale(0%);transform:scale(1.08);box-shadow:0 6px 16px #0b122033;border:none!important;outline:none!important}.btn-journal-link{color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #0f172a1f}.btn-journal-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a33}.fullscreen-overlay{z-index:3000;background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:auto}.fullscreen-img-container{justify-content:center;align-items:center;max-width:100%;max-height:100%;transition:transform .3s cubic-bezier(.2,0,.2,1);display:flex}.fullscreen-image{object-fit:contain;cursor:zoom-in;border-radius:8px;max-width:92vw;max-height:88vh;transition:transform .3s cubic-bezier(.2,0,.2,1);box-shadow:0 10px 30px #00000080}.fullscreen-img-container.zoomed{justify-content:center;align-items:flex-start;padding:40px 0}.fullscreen-img-container.zoomed .fullscreen-image{cursor:zoom-out;max-width:none;max-height:none;width:160%!important;height:auto!important}.btn-close-fullscreen{z-index:3100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff4d;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;position:fixed;top:24px;right:24px}.btn-close-fullscreen:hover{background:#ffffff4d;transform:scale(1.05)}.transform-viewer-wrapper{justify-content:center;align-items:center;width:90vw;height:85vh;display:flex;position:relative;overflow:hidden}.fullscreen-image-pan{object-fit:contain;cursor:grab;border-radius:8px;max-width:90vw;max-height:82vh;box-shadow:0 10px 30px #0009}.fullscreen-image-pan:active{cursor:grabbing}.zoom-controls-bar{z-index:3200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #fff3;border-radius:30px;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.zoom-controls-bar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.zoom-controls-bar button:hover{background:#fff3;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.edu-container{grid-template-columns:1fr;gap:40px}.edu-gallery-grid{height:180px;display:flex}.quote-banner blockquote{font-size:16px}}@media (width<=768px){.about-detail-page{padding:24px 16px 10px}.detail-container{gap:60px}.who-am-i{grid-template-columns:1fr}.timeline-line{left:12px}.timeline-item{width:100%;text-align:left!important;align-items:flex-start!important;padding-left:28px!important;padding-right:0!important}.timeline-item.left .item-tags{justify-content:flex-start}.timeline-item.left,.timeline-item.right{align-self:flex-start}}@media (width<=600px){.edu-gallery-grid{height:160px}}.projects-detail-page{z-index:1000;background-color:var(--bg,#efefef);min-height:100vh;color:var(--text,#0b1220);box-sizing:border-box;padding:40px 20px 10px;font-family:Inter,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow-y:auto}.detail-container{flex-direction:column;gap:80px;max-width:1100px;margin:0 auto;display:flex}.detail-nav{justify-content:flex-start;max-width:1100px;margin:12px auto 0;display:flex}.btn-back{cursor:pointer;color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%);border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #0f172a1f}.btn-back:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a2e}.decor-line{background:#0b1220;border-radius:2px;width:50px;height:3px;margin:8px 0 24px}.section-heading{letter-spacing:.18em;color:var(--muted,#666);font-size:35px;font-weight:700;font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, Monaco, monospace);text-transform:uppercase;margin:0 0 12px}.projects-hero-detail{grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:50vh;display:grid}.hero-title{letter-spacing:.12em;color:#0b1220;font-size:48px;font-weight:800;font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, Monaco, monospace);text-transform:uppercase;margin:0 0 12px}.hero-desc{color:var(--muted,#666);letter-spacing:-.01em;margin-bottom:28px;font-size:1.12rem;line-height:1.72}.btn-scroll-down{color:#fff;cursor:pointer;background:linear-gradient(#161d2a 0%,#0d1320 100%);border:none;border-radius:24px;padding:12px 28px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 16px #0f172a1f}.btn-scroll-down:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a2e}.hero-image-stack{width:100%;height:320px;position:relative}.stack-img{object-fit:cover;filter:grayscale();cursor:pointer;border:1px solid #11182714;border-radius:16px;transition:filter .3s,transform .3s,z-index .3s;position:absolute;box-shadow:0 10px 25px #0f172a14}.stack-img:hover{filter:grayscale(0%);transform:scale(1.08)translateY(-6px);box-shadow:0 18px 36px #0f172a33;z-index:10!important}.stack-img.main{z-index:1;width:80%;height:260px;top:0;left:0}.stack-img.sub{z-index:2;width:65%;height:200px;bottom:0;right:0}.highlight-card{background:#fff;border:1px solid #0f172a14;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:32px;display:grid;box-shadow:0 10px 25px #0f172a0f}.collage-wrapper{height:280px;position:relative}.col-img{object-fit:cover;filter:grayscale();cursor:pointer;border:1px solid #11182714;border-radius:14px;transition:filter .3s,transform .3s,z-index .3s;position:absolute;box-shadow:0 8px 20px #0f172a0f}.col-img:hover{filter:grayscale(0%);transform:scale(1.08)translateY(-6px);box-shadow:0 18px 36px #0f172a33;z-index:10!important}.col-img.img-1{width:75%;height:220px;top:0;left:0}.col-img.img-2{width:60%;height:180px;bottom:0;right:0}.highlight-title{color:#0b1220;margin:0 0 12px;font-size:26px;font-weight:800}.highlight-desc{color:var(--muted,#666);margin-bottom:24px;font-size:14.5px;line-height:1.7}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#161d2a 0%,#0d1320 100%);border:none;border-radius:12px;padding:10px 24px;font-size:13.5px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #0f172a1f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a33}.filter-group{gap:10px;margin:24px 0 32px;display:flex}.filter-btn{cursor:pointer;color:#1e293b;background:#e2e8f0;border:none;border-radius:12px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn.active{color:#fff;background:linear-gradient(#161d2a 0%,#0d1320 100%);box-shadow:0 4px 12px #0f172a26}.projects-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project-card{cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:16px;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a0a}.card-image-wrapper{background:#f1f5f9;width:100%;height:180px;position:relative;overflow:hidden}.card-preview-img{object-fit:cover;object-position:top;filter:grayscale(1000%);width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1),filter .3s}.project-card:hover{border-color:#0f172a33;transform:translateY(-4px);box-shadow:0 12px 28px #0b12201f}.project-card:hover .card-preview-img{filter:grayscale(0%);transform:scale(1.05)}.year-badge{color:#fff;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#0f172ad9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.card-content{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.card-title{color:#0b1220;margin:0 0 8px;font-size:17px;font-weight:700}.card-desc{color:var(--muted,#666);flex:1;margin-bottom:20px;font-size:13.5px;line-height:1.6}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{color:#1e293b;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.project-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b122073;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.project-modal-card{box-sizing:border-box;background:#fff;border:1px solid #0f172a14;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:680px;max-height:88vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0b122038}.project-modal-desc{color:#475569;text-align:justify;white-space:pre-line;margin:16px 0 12px;font-size:14px;line-height:1.68}.modal-tags-wrapper{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}@media (width<=900px){.projects-hero-detail,.highlight-card{grid-template-columns:1fr;gap:32px}}@media (width<=768px){.projects-detail-page{padding:24px 16px 10px}.projects-grid{grid-template-columns:1fr}.hero-title{font-size:36px}.section-heading{font-size:28px}}.project-quote-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffbf;border-left:0;border-radius:12px;max-width:820px;margin:50px auto 20px;padding:26px 32px;box-shadow:0 8px 24px #0f172a0a}.project-quote-text{color:#475569;margin:0;font-size:1.02rem;font-style:italic;font-weight:500;line-height:1.75}@media (width<=768px){.project-quote-box{border-left-width:0;margin:36px 12px 16px;padding:18px 20px}.project-quote-text{font-size:.92rem;line-height:1.6}}.chatbot-wrapper{z-index:9999;position:fixed;bottom:24px;right:24px}.chatbot-trigger-btn{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #0f172a40}.chatbot-trigger-btn:hover{transform:scale(1.08)}.chat-window{background:#fff;border-radius:16px;flex-direction:column;width:340px;height:440px;animation:.5s cubic-bezier(.16,1,.3,1) chatOpen;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a33}@keyframes chatOpen{0%{opacity:1;transform:translateY(16px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-header{color:#fff;background:#0f172a;justify-content:center;align-items:center;padding:14px 16px;display:flex;position:relative}.chat-header-info{text-align:center;flex-direction:column;align-items:center;display:flex}.chat-header-info h4{margin:0;font-size:.95rem;font-weight:600}.chat-header-info small{color:#94a3b8;font-size:.75rem}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.btn-close-chat{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.chat-body{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-bubble-row{width:100%;display:flex}.chat-bubble-row.user{justify-content:flex-end}.chat-bubble-row.bot{justify-content:flex-start}.chat-bubble{border-radius:12px;max-width:80%;padding:10px 14px;font-size:.88rem;line-height:1.5}.chat-bubble.user{color:#fff;background:#0f172a;border-bottom-right-radius:2px}.chat-bubble.bot{color:#334155;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:2px;box-shadow:0 2px 6px #00000008}.chat-bubble p{margin:0}.chat-wa-button{color:#fff;text-align:center;background:#25d366;border-radius:8px;margin-top:10px;padding:8px 12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.chat-wa-button:hover{background:#1da851}.typing-indicator span{font-size:1.2rem;line-height:.8;animation:1.2s infinite blink}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.chat-footer{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:10px;display:flex}.chat-footer input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:.88rem}.chat-footer input:focus{border-color:#0f172a}.btn-send{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600}@media (width<=480px){.chat-window{width:calc(100vw - 32px);height:400px;right:-8px}}