*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--bg:#08090c;--bg-2:#0f1116;--bg-3:#181b22;--border:#ffffff12;--border-md:#ffffff1f;--text:#eef0f4;--text-dim:#8a909e;--text-muted:#4a5060;--accent:#3498db;--accent-dim:#3498db1a;--accent-glow:#3498db38;--accent-border:#3498db47;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"Fira Code", monospace;--radius:10px;--radius-sm:6px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.65;overflow-x:hidden}main{max-width:1440px;margin:0 auto}body:after{content:"";pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.accent{color:var(--accent)}.mono{font-family:var(--font-mono)}nav{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#08090ce0;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:20px 16px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:13px;text-decoration:none}.nav-logo em{color:var(--text-dim);font-style:normal}.nav-links{gap:2rem;list-style:none;display:none}.nav-links a{color:var(--text-dim);letter-spacing:.04em;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{font-family:var(--font-sans);background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);border-radius:var(--radius-sm);letter-spacing:.04em;padding:.45rem 1rem;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--accent-glow)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.hamburger span{background:var(--text-dim);border-radius:2px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-overlay{z-index:98;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#08090c8c;transition:opacity .35s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}body:has(.drawer-overlay.open){overflow:hidden}.mobile-menu{z-index:99;background:var(--bg-2);border-left:1px solid var(--border);will-change:transform;flex-direction:column;width:85%;max-width:360px;padding:0;transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:13px}.drawer-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex}.drawer-close:hover{color:var(--text);background:var(--bg-3)}.drawer-close svg{width:18px;height:18px}.drawer-nav{flex-direction:column;flex:1;padding:78px 0 .5rem;display:flex;overflow-y:auto}.drawer-link{border-bottom:1px solid var(--border);opacity:0;background:0 0;align-items:center;gap:1rem;padding:1.1rem 1.5rem;text-decoration:none;transition:background .2s,transform .35s,opacity .35s;display:flex;transform:translate(24px)}.mobile-menu.open .drawer-link{opacity:1;transform:translate(0)}.drawer-link:first-child{transition-delay:60ms}.drawer-link:nth-child(2){transition-delay:.12s}.drawer-link:nth-child(3){transition-delay:.18s}.drawer-link:nth-child(4){transition-delay:.24s}.drawer-link:nth-child(5){transition-delay:.3s}.drawer-link:nth-child(6){transition-delay:.36s}.drawer-link:last-child{border-bottom:none}.drawer-link:hover{background:var(--bg-3)}.drawer-link-index{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;min-width:24px;font-size:11px;transition:color .2s}.drawer-link-label{color:var(--text-dim);font-size:17px;font-weight:600;transition:color .2s}.drawer-link:hover .drawer-link-label,.drawer-link:hover .drawer-link-index{color:var(--accent)}.drawer-footer{border-top:1px solid var(--border);padding:1.25rem 1.5rem}.drawer-footer .nav-cta{text-align:center;padding:.8rem;font-size:13px;display:block}#hero{border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;gap:2.5rem;min-height:100svh;padding:6rem 16px 3rem;display:flex;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background-image:linear-gradient(#3498db0a 1px,#0000 1px),linear-gradient(90deg,#3498db0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}#hero:after{content:"";background:radial-gradient(ellipse at 70% 30%, #3498db12 0%, transparent 60%), radial-gradient(ellipse at 50% 100%, var(--bg) 30%, transparent 70%);pointer-events:none;position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-badge{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:.03em;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:12px;font-weight:600;animation:.55s both fadeUp;display:inline-flex}.badge-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero-title{font-family:var(--font-sans);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.4rem,10vw,5rem);font-weight:800;line-height:1.08;animation:.55s 80ms both fadeUp}.hero-title .line-dim{color:var(--text-muted)}.hero-desc{color:var(--text-dim);max-width:480px;margin-bottom:2rem;font-size:15px;font-weight:400;line-height:1.8;animation:.55s .16s both fadeUp}.hero-actions{flex-wrap:wrap;gap:.75rem;animation:.55s .24s both fadeUp;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-sm);letter-spacing:.02em;padding:.8rem 1.6rem;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border-md);color:var(--text-dim);border-radius:var(--radius-sm);letter-spacing:.02em;padding:.8rem 1.6rem;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-block}.btn-ghost:hover{border-color:var(--accent-border);color:var(--text);transform:translateY(-1px)}.hero-terminal{z-index:1;animation:.55s .12s both fadeUp;position:relative}.terminal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:12.5px;overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:var(--bg-3);align-items:center;gap:7px;padding:.7rem 1rem;display:flex}.dot{border-radius:50%;width:11px;height:11px}.dot-r{background:#ff5f57}.dot-y{background:#febc2e}.dot-g{background:#28c840}.t-filename{color:var(--text-muted);margin-left:auto;margin-right:auto;font-size:11px}.terminal-body{padding:1.25rem}.t-line{flex-wrap:wrap;gap:8px;line-height:1.9;display:flex}.t-prompt{color:var(--accent);flex-shrink:0}.t-cmd{color:var(--text)}.t-out{color:var(--text-dim);width:100%;padding-left:1rem}.t-key{color:#79b8ff}.t-val{color:#f9c74f}.t-str{color:var(--accent)}.t-cursor{background:var(--accent);vertical-align:middle;width:7px;height:13px;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}.stats-strip{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.stat-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.75rem 1.25rem}.stat-item:nth-child(2n){border-right:none}.stat-item:nth-last-child(-n+2){border-bottom:none}.stat-number{font-family:var(--font-sans);letter-spacing:-.03em;margin-bottom:4px;font-size:2.2rem;font-weight:800;line-height:1}.stat-number span{color:var(--accent)}.stat-label{color:var(--text-muted);font-size:12px;font-weight:500}section{border-bottom:1px solid var(--border);padding:4rem 16px}.section-eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:.9rem;font-size:11px;font-weight:700;display:flex}.section-eyebrow:before{content:"";background:var(--accent);width:20px;height:1px}.section-title{font-family:var(--font-sans);letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.9rem,6vw,3rem);font-weight:800;line-height:1.1}.section-sub{color:var(--text-dim);max-width:520px;margin-bottom:2.5rem;font-size:14px;line-height:1.8}.about-text p{color:var(--text-dim);margin-bottom:1.1rem;font-size:14px;line-height:1.85}.about-text p strong{color:var(--text);font-weight:600}.about-values{border-top:1px solid var(--border);margin-top:2rem}.value-item{border-bottom:1px solid var(--border);color:var(--text-dim);align-items:center;gap:14px;padding:1rem 0;font-size:13px;line-height:1.6;display:flex}.value-item:last-child{border-bottom:none}.value-icon{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;font-size:15px;display:flex}.exp-list{flex-direction:column;gap:0;display:flex}.exp-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;transition:border-color .25s;overflow:hidden}.exp-item:hover{border-color:var(--accent-border)}.exp-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 0;display:flex}.exp-company-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:11px}.exp-period{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);white-space:nowrap;padding-top:3px}.exp-body{padding:.75rem 1.25rem 1.25rem}.exp-role{color:var(--text);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.exp-desc{color:var(--text-dim);margin-bottom:1rem;font-size:13px;line-height:1.75}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--bg-3);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-family:var(--font-mono);border-radius:100px;height:fit-content;padding:3px 10px}.stack-groups{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;display:flex;overflow:hidden}.stack-group{border-bottom:1px solid var(--border);padding:1.5rem 1.25rem}.stack-group:last-child{border-bottom:none}.stack-group-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1.1rem;padding-bottom:.75rem;font-size:11px;font-weight:700}.stack-items{flex-wrap:wrap;gap:8px;display:flex}.stack-pill{background:var(--bg-3);border:1px solid var(--border);color:var(--text-dim);border-radius:100px;align-items:center;gap:7px;padding:.4rem .85rem;font-size:12.5px;font-weight:500;transition:border-color .2s,color .2s;display:flex}.stack-pill:hover{border-color:var(--accent-border);color:var(--text)}.stack-pill-dot{background:var(--border-md);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.stack-pill:hover .stack-pill-dot{background:var(--accent)}.projects-grid{flex-direction:column;gap:12px;display:flex}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.5rem;transition:border-color .25s,transform .2s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-num{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-bottom:.75rem;font-size:11px}.project-title{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.project-desc{color:var(--text-dim);margin-bottom:1.25rem;font-size:13px;line-height:1.75}.project-card .tags{flex:1}.project-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-link{color:var(--accent);letter-spacing:.03em;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.project-link:hover{gap:10px}#learning .learning-intro{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius);color:var(--text-dim);align-items:flex-start;gap:14px;margin-bottom:2.5rem;padding:1rem 1.25rem;font-size:13px;line-height:1.7;display:flex}.learning-intro-icon{flex-shrink:0;margin-top:1px;font-size:20px}.learning-grid{flex-direction:column;gap:12px;display:flex}.learning-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .25s;display:flex}.learning-card:hover{border-color:var(--accent-border)}.learning-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.learning-name{color:var(--text);font-size:14px;font-weight:700}.learning-status{font-family:var(--font-mono);white-space:nowrap;letter-spacing:.05em;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:500}.status-active{color:var(--accent);background:#3498db1f;border:1px solid #3498db47}.status-soon{color:#f9c74f;background:#ffc1071a;border:1px solid #ffc10740}.learning-desc{color:var(--text-dim);font-size:12.5px;line-height:1.7}.learning-activity{align-items:center;gap:10px;margin-top:4px;display:flex}.activity-dots{align-items:center;gap:5px;display:flex}.activity-dot{background:var(--accent);opacity:.12;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite dotPulse}.activity-dot:first-child{animation-delay:0s}.activity-dot:nth-child(2){animation-delay:.28s}.activity-dot:nth-child(3){animation-delay:.56s}.activity-dot:nth-child(4){animation-delay:.84s}.activity-dot:nth-child(5){animation-delay:1.12s}@keyframes dotPulse{0%,to{opacity:.12;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}.activity-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:11px}@media (width>=640px){.learning-grid{grid-template-columns:repeat(2,1fr);display:grid}#learning .learning-intro{align-items:center}}@media (width>=1024px){.learning-grid{grid-template-columns:repeat(3,1fr)}}#contact{text-align:center;padding:5rem 1.25rem;position:relative;overflow:hidden}.contact-glow{pointer-events:none;background:radial-gradient(circle,#3498db14 0%,#0000 70%);width:350px;height:350px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-sub{color:var(--text-dim);max-width:400px;margin:1rem auto 2.5rem;font-size:14px;line-height:1.8}.contact-links{flex-direction:column;align-items:center;gap:.75rem;display:flex}.social-link{border:1px solid var(--border-md);color:var(--text-dim);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;max-width:280px;padding:.7rem 1.5rem;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.social-link:hover{border-color:var(--accent-border);color:var(--accent)}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:1.25rem;line-height:1.8;display:flex}footer strong{color:var(--accent);font-weight:400}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none}@media (width>=640px){nav{padding:1rem 2rem}#hero{padding:6rem 2rem 4rem}section{padding:5rem 2rem}.stats-strip{grid-template-columns:repeat(4,1fr)}.stat-item{border-bottom:none}.stat-item:nth-child(2n){border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.projects-grid{grid-template-columns:repeat(2,1fr);display:grid}.contact-links{flex-direction:row;justify-content:center}.social-link{width:auto;max-width:none}footer{justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}}@media (width>=1024px){nav{padding:1.1rem 3rem}.nav-links{display:flex}.hamburger{display:none}.mobile-menu.open{transform:translate(100%)}.mobile-menu.open .drawer-link{opacity:0;transform:translate(24px)}.drawer-overlay.open{opacity:0;pointer-events:none}body:has(.drawer-overlay.open){overflow:auto}#hero{flex-direction:row;align-items:center;gap:5rem;min-height:100vh;padding:5rem 3rem 4rem}.hero-content,.hero-terminal{flex:1}section{padding:6rem 3rem}.stats-strip .stat-item{padding:2rem 3rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}#about>.about-grid>div:first-child .section-sub{margin-bottom:0}.stack-groups{flex-direction:row}.stack-group{border-bottom:none;border-right:1px solid var(--border);flex:1}.stack-group:last-child{border-right:none}.exp-item{grid-template-columns:1fr;display:grid}.exp-header{padding:1.5rem 1.5rem 0}.exp-body{padding:.75rem 1.5rem 1.5rem}footer{padding:1.5rem 3rem}.contact-links{flex-direction:row}.social-link{width:auto}}@media (width>=1280px){nav{padding:1.1rem 4rem}#hero{padding:5rem 4rem 4rem}section{padding:7rem 4rem}.stats-strip .stat-item{padding:2.5rem 4rem}footer{padding:1.5rem 4rem}}.lang-toggle{background:var(--bg-3);border:1px solid var(--border-md);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:4px;padding:.3rem .65rem;transition:border-color .2s;display:flex}.lang-toggle:hover{border-color:var(--accent-border)}.lang-opt{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;padding:1px 0;font-size:11px;font-weight:600;transition:color .2s}.lang-opt.active{color:var(--accent)}.lang-sep{color:var(--text-muted);font-size:10px}.btn-cv{border:1px solid var(--border-md);color:var(--text-dim);border-radius:var(--radius-sm);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:7px;padding:.8rem 1.4rem;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.btn-cv:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-dim)}.btn-cv svg{flex-shrink:0}.exp-cv-cta{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1.75rem;display:flex}.btn-cv-lg{padding:.85rem 1.75rem;font-size:14px}.cv-hint{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:11px}