@import"https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&f[]=satoshi@300,400,500,700,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.pageLoading{opacity:0;pointer-events:none}.pageReady{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1)}.loaderScreen{position:fixed;inset:0;z-index:99990;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.loaderScreen.loaderHidden{opacity:0;visibility:hidden;pointer-events:none}.loaderRing{position:relative;width:80px;height:80px;display:grid;place-items:center}.loaderRing:before{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid transparent;border-top-color:var(--accent);border-right-color:var(--accent);animation:loaderSpin 1s cubic-bezier(.4,0,.2,1) infinite}.loaderRing:after{content:"";position:absolute;inset:0;border-radius:999px;border:2px solid var(--border)}.loaderInitials{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--accent);letter-spacing:2px;z-index:1;animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:1}50%{opacity:.4}}:root{--font-display: "Clash Display", sans-serif;--font-body: "Satoshi", sans-serif;--font-mono: "Fira Code", monospace;--bg: #08090c;--bg-elevated: #0e1016;--bg-surface: #13151c;--bg-card: rgba(255, 255, 255, .025);--bg-card-hover: rgba(255, 255, 255, .05);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .06);--text: #f0ece6;--text-secondary: rgba(240, 236, 230, .55);--text-tertiary: rgba(240, 236, 230, .3);--border: rgba(240, 236, 230, .06);--border-subtle: rgba(240, 236, 230, .04);--border-hover: rgba(240, 236, 230, .12);--accent: #d4956a;--accent-light: #e8b694;--accent-dim: rgba(212, 149, 106, .12);--accent-dimmer: rgba(212, 149, 106, .06);--accent-border: rgba(212, 149, 106, .2);--accent-glow: rgba(212, 149, 106, .08);--accent-text: #d4956a;--ice: #7ec8e3;--ice-dim: rgba(126, 200, 227, .08);--ice-border: rgba(126, 200, 227, .15);--ice-text: #7ec8e3;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow-card: 0 2px 8px rgba(0,0,0,.3), 0 12px 40px rgba(0,0,0,.2);--shadow-card-hover: 0 8px 24px rgba(0,0,0,.4), 0 24px 64px rgba(0,0,0,.25);--shadow-glow: 0 0 40px rgba(212, 149, 106, .06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition: .25s var(--ease-out)}html[data-theme=light]{--bg: #f6f3ee;--bg-elevated: #edeae3;--bg-surface: #e6e2da;--bg-card: rgba(0, 0, 0, .025);--bg-card-hover: rgba(0, 0, 0, .05);--bg-glass: rgba(0, 0, 0, .02);--bg-glass-hover: rgba(0, 0, 0, .05);--text: #1a1510;--text-secondary: rgba(26, 21, 16, .55);--text-tertiary: rgba(26, 21, 16, .3);--border: rgba(26, 21, 16, .08);--border-subtle: rgba(26, 21, 16, .04);--border-hover: rgba(26, 21, 16, .15);--accent: #a96e3f;--accent-light: #c4874f;--accent-dim: rgba(169, 110, 63, .08);--accent-dimmer: rgba(169, 110, 63, .04);--accent-border: rgba(169, 110, 63, .2);--accent-glow: rgba(169, 110, 63, .04);--accent-text: #a96e3f;--ice: #2d8aa5;--ice-dim: rgba(45, 138, 165, .06);--ice-border: rgba(45, 138, 165, .15);--ice-text: #2d8aa5;--shadow-card: 0 1px 4px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.03);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.06), 0 24px 64px rgba(0,0,0,.05);--shadow-glow: 0 0 40px rgba(169, 110, 63, .04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;font-weight:400;display:flex;justify-content:center;overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(212,149,106,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(126,200,227,.03) 0%,transparent 50%),radial-gradient(ellipse 90% 50% at 50% 90%,rgba(212,149,106,.025) 0%,transparent 40%);animation:meshDrift 30s ease-in-out infinite alternate}@keyframes meshDrift{0%{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(212,149,106,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(126,200,227,.03) 0%,transparent 50%),radial-gradient(ellipse 90% 50% at 50% 90%,rgba(212,149,106,.025) 0%,transparent 40%)}to{background:radial-gradient(ellipse 70% 70% at 30% 25%,rgba(212,149,106,.04) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 70% 55%,rgba(126,200,227,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 40% 80%,rgba(212,149,106,.03) 0%,transparent 40%)}}html[data-theme=light] body:before{animation:meshDriftLight 30s ease-in-out infinite alternate}@keyframes meshDriftLight{0%{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(169,110,63,.035) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(45,138,165,.02) 0%,transparent 50%),radial-gradient(ellipse 90% 50% at 50% 90%,rgba(169,110,63,.015) 0%,transparent 40%)}to{background:radial-gradient(ellipse 70% 70% at 30% 20%,rgba(169,110,63,.03) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 70% 60%,rgba(45,138,165,.025) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 40% 80%,rgba(169,110,63,.02) 0%,transparent 40%)}}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.012;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}html[data-theme=light] body:after{opacity:.02}body,.projectCard,.certCardBig,.nowCard,.skillCard,.eduCard,.expCard,.modal{transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--text-tertiary) .5px,transparent .5px);background-size:28px 28px;opacity:.12}html[data-theme=light] .page:before{opacity:.15}.page{width:min(1200px,90vw);padding:20px 0;position:relative;z-index:1}:root{--scroll-progress-scale: 0}.scrollProgress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:99999;pointer-events:none;background:none}.scrollProgressBar{height:100%;width:100%;transform-origin:left center;transform:scaleX(var(--scroll-progress-scale, 0));border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--ice),var(--accent));transition:transform 60ms linear}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0 16px;position:relative}.brand{font-family:var(--font-display);font-weight:600}.brandLink{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.3px;color:var(--accent);cursor:pointer;transition:opacity var(--transition)}.brandLink:hover{opacity:.7;color:var(--accent)!important}.brandLink:after{display:none}.navRight{display:flex;align-items:center;gap:10px}.links a{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.8px;margin-left:28px;color:var(--text-tertiary);transition:color var(--transition);text-transform:uppercase;position:relative}.links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s var(--ease-out)}.links a:hover{color:var(--accent)}.links a:hover:after{width:100%}.themeSwitch{position:relative;width:48px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;padding:0;display:inline-flex;align-items:center;transition:all var(--transition)}.themeSwitch.isDark{background:var(--accent-dim);border-color:var(--accent-border)}.themeSwitch:hover{border-color:var(--accent-border)}.switchThumb{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;background:var(--text);display:grid;place-items:center;transition:left .3s var(--ease-spring);left:3px}.themeSwitch.isDark .switchThumb{left:calc(100% - 23px);background:var(--accent)}.switchIcon{font-size:11px;line-height:1}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius-xs);cursor:pointer;padding:0}.hamburgerLine{display:block;width:15px;height:1.5px;background:var(--text-secondary);border-radius:999px}.hero{min-height:calc(100vh - 72px);padding:64px 0 48px;display:flex;align-items:center}.heroGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}.heroLeft{max-width:720px}.heroRight{display:flex;justify-content:flex-end}.availableBadge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:999px;border:1px solid var(--ice-border);background:var(--ice-dim);color:var(--ice-text);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1.5px;margin-bottom:28px;width:fit-content;cursor:default;-webkit-user-select:none;user-select:none;text-transform:uppercase;animation:fadeUp .8s var(--ease-out) .2s both}.availableDot{width:6px;height:6px;border-radius:999px;background:var(--ice);flex-shrink:0;animation:livePulse 2.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #7ec8e366}50%{opacity:.4;box-shadow:0 0 0 4px #7ec8e300}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpLg{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.heroGreeting{font-family:var(--font-display);font-size:clamp(42px,5.5vw,68px);font-weight:600;line-height:1;letter-spacing:-2px;margin:0 0 16px;display:flex;align-items:center;gap:16px;animation:fadeUpLg .9s var(--ease-out) .4s both}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-6deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-2deg)}to{transform:rotate(0)}}.waveEmoji{display:inline-block;transform-origin:70% 80%;animation:wave 2.4s ease-in-out infinite}.heroTagline{font-family:var(--font-display);font-size:clamp(20px,2.6vw,28px);font-weight:500;line-height:1.5;margin:0 0 28px;color:var(--text-secondary);max-width:540px;letter-spacing:-.5px;animation:fadeUp .9s var(--ease-out) .6s both}.heroTagline .orangeText{color:var(--accent)!important;font-weight:600}.heroTagline .orangeUnderline{color:inherit;font-weight:600;display:inline;background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 2px;background-repeat:no-repeat;background-position:bottom;padding-bottom:2px}.subtitle{font-family:var(--font-body);font-size:16px;line-height:1.85;color:var(--text-tertiary);max-width:680px;animation:fadeUp .9s var(--ease-out) .8s both}.heroCardWrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeUp 1s var(--ease-out) .5s both}.heroArc{position:absolute;top:-18px;left:-35px;width:340px;height:500px;pointer-events:none;z-index:0}.heroEmoji{position:absolute;z-index:4;width:42px;height:42px;border-radius:999px;background:var(--accent);display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:0 4px 20px #d4956a59;animation:emojiBob 3s ease-in-out infinite}.heroEmoji1{bottom:165px;left:8px;animation-delay:0s}.heroEmoji2{top:20px;right:12px;animation-delay:1.5s}@keyframes emojiBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.heroPhotoBorder{position:relative;z-index:1;border-radius:var(--radius-xl);padding:3px;background:linear-gradient(145deg,var(--accent),var(--ice),var(--accent-light));box-shadow:0 24px 64px #00000059,var(--shadow-glow);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out);max-width:280px}.heroPhotoBorder:hover{transform:translateY(-6px);box-shadow:0 32px 80px #0006,0 0 80px #d4956a1a}.heroPhoto{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:calc(var(--radius-xl) - 3px);background:var(--bg-surface)}.heroPhotoName{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);letter-spacing:-.5px;margin:4px 0 0;text-align:center;position:relative;z-index:1}.heroCardLinks{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px}.heroCardIcon{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);display:grid;place-items:center;transition:all var(--transition)}.heroCardIcon[aria-label=LinkedIn]{color:#0a66c2}.heroCardIcon[aria-label=GitHub]{color:#8b949e}.heroCardIcon[aria-label=Medium]{color:#fff}.heroCardIcon[aria-label=Email]{color:var(--accent)}.heroCardIcon:hover{border-color:var(--accent-border);background:var(--accent-dim);transform:translateY(-3px);box-shadow:var(--shadow-glow);filter:brightness(1.3)}.heroCardIcon svg{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.heroResumeBtn{position:relative;z-index:1;width:100%;max-width:280px;justify-content:center;margin-top:2px}html[data-theme=light] .heroPhotoBorder{box-shadow:0 16px 48px #0000001a,var(--shadow-glow)}html[data-theme=light] .heroPhotoBorder:hover{box-shadow:0 24px 64px #0000001f,0 0 60px #a96e3f0f}.heroStats{display:flex;align-items:center;gap:0;margin-top:28px;padding:14px 0;border-top:1px solid var(--border);animation:fadeUp .8s var(--ease-out) 1s both}.heroStat{display:flex;flex-direction:column;align-items:center;padding:0 24px}.heroStat:first-child{padding-left:0}.heroStatNum{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px;line-height:1.2}.heroStatLabel{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-tertiary);letter-spacing:.5px;text-transform:uppercase;margin-top:2px}.heroStatDivider{width:1px;height:28px;background:var(--border);flex-shrink:0}.btn{font-family:var(--font-body);font-size:14px;font-weight:600;border:1px solid var(--border);padding:11px 22px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;transition:all var(--transition);cursor:pointer;background:transparent;color:var(--text-secondary)}.btn:hover{border-color:var(--border-hover);color:var(--text);transform:translateY(-1px)}.btn.primary{background:var(--accent-dim)!important;border-color:var(--accent-border)!important;color:var(--accent-text)!important}.btn.primary:hover{background:#d4956a33!important;border-color:var(--accent)!important;color:var(--accent-light)!important;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn.primary svg,.btn.primary i{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.socialDot{width:38px;height:38px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-glass);display:grid;place-items:center;color:var(--text-tertiary);transition:all var(--transition)}.socialDot:hover{border-color:var(--accent-border);background:var(--accent-dim);color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.socialDot svg{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.section{padding:80px 0 56px}.section h2{font-family:var(--font-display);font-size:clamp(32px,4vw,42px);font-weight:600;letter-spacing:-1.5px;margin:0 0 12px;line-height:1.1}.sectionLine{width:100%;height:1px;background:linear-gradient(90deg,var(--accent-border) 0%,var(--border) 50%,transparent 100%)}.sectionKicker{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block;opacity:.8}.sectionSubtitle{font-family:var(--font-body);font-size:16px;color:var(--text-tertiary);max-width:520px;line-height:1.75;margin-bottom:36px}.whatIDo{padding-top:56px}.whatGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.whatVisual{display:flex;align-items:center;justify-content:center}.whatGif{width:72%;height:auto}.whatTitle{font-family:var(--font-display);font-size:clamp(40px,5vw,56px);font-weight:600;letter-spacing:-2px;line-height:1.05;margin:0 0 20px}.whatIntro{font-size:17px;line-height:1.8;color:var(--text-secondary);margin:0 0 28px;max-width:520px}.whatBullets{display:grid;gap:12px}.whatBullet{font-size:16px;line-height:1.7;color:var(--text-secondary)}.nowGrid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-top:12px}.nowCard{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:26px;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition);position:relative;overflow:hidden}.nowCard:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);transition:left .6s var(--ease-out);pointer-events:none}.nowCard:hover:before{left:100%}.nowCard:hover{background:var(--bg-glass-hover);border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.nowCard h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 10px;letter-spacing:-.3px}.nowCard p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin:0}.nowTag{margin-top:18px;display:inline-block;width:fit-content;padding:4px 10px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.5px;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-dimmer)}.nowTimestamp{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-top:4px;letter-spacing:.3px}.eduCard{margin-top:18px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition)}.eduCard:hover{border-color:var(--accent);background:#d4956a0a;box-shadow:0 0 0 1px var(--accent-border),var(--shadow-card-hover),0 0 50px #d4956a14;transform:translateY(-3px)}.eduRow{display:grid;grid-template-columns:84px 1fr;gap:24px;align-items:start;padding:28px}.eduLogoWrap{display:flex;justify-content:center;padding-top:4px}.logoCircle{width:64px;height:64px;border-radius:999px;object-fit:cover;background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px #00000026}.eduMain{min-width:0}.eduTopRow{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.eduSchool{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.eduRight{text-align:right;display:grid;gap:4px;white-space:nowrap}.eduRightLine{font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary)}.eduMetaRow{margin-top:4px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}.eduDegreeLine{font-size:15px;color:var(--text-secondary)}.eduGpaInline{font-family:var(--font-mono);font-size:13px;color:var(--accent);font-weight:600;white-space:nowrap}.eduBullets{margin:14px 0 0;padding-left:0;list-style:none}.eduBullets li{position:relative;margin-bottom:8px;font-size:14px;line-height:1.7;color:var(--text-secondary);padding-left:16px}.eduBullets li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:999px;background:var(--accent);opacity:.6}.courseBlock{margin-top:20px}.courseLabel{font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.3px}.courseMarquee{width:100%;overflow:hidden;padding:6px 0;mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%)}.courseTrack{display:inline-flex;gap:6px;white-space:nowrap;width:max-content;will-change:transform;animation:courseScroll 50s linear infinite}.courseChip{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);padding:3px 10px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-card);transition:all var(--transition)}.eduCard:hover .courseChip{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dimmer)}.courseMarquee:hover .courseTrack{animation-play-state:paused}@keyframes courseScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.expCard{margin-top:18px;transition:all var(--transition)}.expNew{position:relative;overflow:hidden;padding:36px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);--exp-logo-size: 84px;--exp-logo-gap-top: 14px;--exp-split-y: calc(10px + 22px + var(--exp-logo-gap-top) + (var(--exp-logo-size) * .95))}.expNew:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--accent-dimmer) 0,var(--accent-dimmer) var(--exp-split-y),transparent var(--exp-split-y),transparent 100%);pointer-events:none}.expNew:hover{border-color:var(--accent);background:#d4956a0a;box-shadow:0 0 0 1px var(--accent-border),var(--shadow-card-hover),0 0 50px #d4956a14;transform:translateY(-3px)}.expCenter{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8px}.expCompanyName{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}.expLogoWrap{display:grid;place-items:center;margin-bottom:16px}.expLogo{width:84px;height:84px;border-radius:999px;object-fit:contain;background:#fff;box-shadow:0 12px 40px #0000004d}.expRoleBig{font-family:var(--font-display);font-size:28px;font-weight:600;margin-bottom:6px;letter-spacing:-1px}.expTimeCenter{font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary)}.expLocationCenter{font-size:15px;color:var(--text-secondary);margin-top:2px}.expStatRow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:18px}.expStatPill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-dimmer);white-space:nowrap}.expBullets{position:relative;margin:24px 0 0;padding-left:0;list-style:none}.expBullets li{position:relative;margin-bottom:12px;font-size:15px;line-height:1.75;color:var(--text-secondary);padding-left:16px}.expBullets li:before{content:"";position:absolute;left:0;top:11px;width:4px;height:4px;border-radius:999px;background:var(--accent);opacity:.6}.skillsGrid{margin-top:12px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.skillCard{padding:22px;border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);min-height:150px;display:flex;flex-direction:column;transition:all var(--transition);position:relative;overflow:hidden}.skillCard:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-border),transparent);opacity:0;transition:opacity var(--transition)}.skillCard:hover:after{opacity:1}.skillCard:hover{background:var(--bg-glass-hover);border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.skillCardTitle{font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 14px;letter-spacing:-.3px}.skillChipWrap{display:flex;flex-wrap:wrap;gap:5px}.skillChip{padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-dimmer);white-space:nowrap;transition:all var(--transition);opacity:.65}.skillCard:hover .skillChip{opacity:.9}.projectGroup{margin-top:40px}.projectGroupTitle{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.5px}.projects{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.projectRowSplit{display:grid;grid-template-columns:1fr 1fr;gap:14px}.projectRowSplitCol .projects{grid-template-columns:1fr}.projects.projects5{grid-template-columns:repeat(5,1fr)}.projectRowLabels{display:grid;grid-template-columns:4fr 1fr;gap:14px;align-items:end;margin-bottom:0}.projectGroupTitleRight{text-align:left}.projectCard{padding:24px;border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);display:flex;flex-direction:column;cursor:default;transition:all var(--transition);position:relative;overflow:hidden}.projectCard:before{content:"";position:absolute;top:24px;bottom:24px;left:0;width:2px;background:var(--accent);border-radius:0 2px 2px 0;opacity:0;transform:scaleY(0);transition:opacity var(--transition),transform .4s var(--ease-spring)}.projectCard:hover:before{opacity:1;transform:scaleY(1)}.projectCard:hover{background:var(--bg-glass-hover);border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.projectCardTitle{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0 0 8px;line-height:1.35;letter-spacing:-.3px}.projectCardShort{font-size:13px;line-height:1.65;color:var(--text-secondary);margin:0 0 14px;flex:1}.projectChipWrap{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.projectChip{padding:2px 7px;border-radius:999px;font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--text-tertiary);border:1px solid var(--border-subtle);white-space:nowrap;transition:all var(--transition)}.projectCard:hover .projectChip{border-color:var(--accent-border);color:var(--accent)}.projectActions{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.projectActionBtn{display:inline-flex;align-items:center;padding:5px 11px;border-radius:var(--radius-xs);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition);background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent)}.projectActionBtn:hover{background:#d4956a33;border-color:var(--accent);color:var(--accent-light);box-shadow:var(--shadow-glow)}.projectActionPrimary{background:var(--accent-dim)!important;border-color:var(--accent-border)!important;color:var(--accent)!important}.projectActionPrimary:hover{background:#d4956a33!important;border-color:var(--accent)!important;box-shadow:var(--shadow-glow)}.modalOverlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:center;padding:20px;z-index:50;animation:modalFadeIn .25s var(--ease-out) both}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(740px,100%);border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border);box-shadow:0 40px 120px #0009;overflow:hidden;max-height:86vh;display:flex;flex-direction:column;animation:modalSlideUp .35s var(--ease-out) both}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--border);background:var(--bg-surface);z-index:2}.modalTitle{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}.modalClose{border:1px solid var(--border);background:transparent;color:var(--text-tertiary);border-radius:var(--radius-xs);padding:5px 10px;cursor:pointer;font-size:14px;transition:all var(--transition)}.modalClose:hover{background:var(--bg-card-hover);color:var(--text)}.modalBody{padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modalTech{margin:0 0 16px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.modalCallout{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--accent-dim);border:1px solid var(--accent-border);margin-bottom:20px}.modalCalloutLabel{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent);white-space:nowrap;flex-shrink:0}.modalCalloutText{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text);line-height:1.4}.modalText{margin:0;font-size:15px;line-height:1.8;color:var(--text-secondary)}.modalActions{display:flex;gap:8px;align-items:center;margin-top:20px;flex-wrap:wrap}.certGridBig{display:grid;gap:14px;margin-top:12px;grid-template-columns:repeat(4,1fr)}.certCardBig{padding:22px;border-radius:var(--radius-lg);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition)}.certCardBig:hover{background:var(--bg-glass-hover);border-color:var(--accent-border);transform:translateY(-4px);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.certBadgeWrap{width:100%;display:grid;place-items:center;padding:8px 0 14px}.certBadge{width:64px;max-width:64px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2));transition:transform var(--transition)}.certCardBig:hover .certBadge{transform:scale(1.05)}html[data-theme=light] .certBadge{filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.certBigTitle{font-family:var(--font-display);font-size:14px;font-weight:600;margin:4px 0 6px;line-height:1.3;color:var(--text)!important}.certBigTitle a{color:var(--text)!important}.certBigIssuer{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);margin-bottom:8px;letter-spacing:.5px}.certDesc{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0 0 10px;text-align:center}.certBtnRow{margin-top:auto;padding-top:6px}.certBtn{display:inline-flex;align-items:center;justify-content:center;padding:6px 13px!important;border-radius:var(--radius-xs)!important;font-family:var(--font-body)!important;font-size:11px!important;font-weight:600!important;border:1px solid var(--accent-border)!important;background:var(--accent-dim)!important;color:var(--accent)!important;text-decoration:none!important;transition:all var(--transition)!important}.certBtn:hover{background:#d4956a33!important;border-color:var(--accent)!important;color:var(--accent-light)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-glow)!important}.certBtn:link,.certBtn:visited,.certBtn:active{color:var(--accent)!important}.contactLine{margin:0 0 28px;font-size:17px;line-height:1.8;color:var(--text-secondary);max-width:640px}.contactGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}.contactFormWrap{min-width:0}.contactSideWrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:300px}.contactIconsBottom{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.contactIcons{display:flex;flex-wrap:wrap;gap:8px}.contactIconBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);transition:all var(--transition)}.contactIconBtn[aria-label=LinkedIn]{color:#0a66c2}.contactIconBtn[aria-label=GitHub]{color:#8b949e}.contactIconBtn[aria-label=Medium]{color:#fff}.contactIconBtn[aria-label=Email]{color:var(--accent)}.contactIconBtn:hover{background:var(--accent-dim);border-color:var(--accent-border);transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.3)}.contactIconBtn svg{color:currentColor!important;fill:currentColor!important;stroke:currentColor!important}.contactIconText{font-family:var(--font-body);font-weight:600;font-size:13px}.contactAnimWrap{width:240px;height:200px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-xl);opacity:.85}.contactAnimWrap .contactAnim{width:100%!important;height:100%!important}.contactForm{display:flex;flex-direction:column;gap:16px}.contactFormField{display:flex;flex-direction:column;gap:6px}.contactFormLabel{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-tertiary)}.contactFormInput{font-family:var(--font-body);font-size:15px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);color:var(--text);outline:none;transition:all var(--transition);width:100%}.contactFormInput::placeholder{color:var(--text-tertiary)}.contactFormInput:focus{border-color:var(--accent-border);background:var(--bg-glass-hover);box-shadow:0 0 0 3px var(--accent-dimmer)}.contactFormInput:disabled{opacity:.5;cursor:not-allowed}.contactFormTextarea{resize:vertical;min-height:100px;line-height:1.6}.contactFormBtn{font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--radius-sm);border:1px solid var(--accent-border);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:all var(--transition);width:100%;text-align:center;-webkit-user-select:none;user-select:none}.contactFormBtn:hover:not(.contactFormBtnDisabled){background:#d4956a33;border-color:var(--accent);color:var(--accent-light);transform:translateY(-1px);box-shadow:0 0 40px #d4956a0f}.contactFormBtnDisabled{opacity:.4;cursor:not-allowed}.contactFormSuccess{font-family:var(--font-mono);font-size:12px;color:var(--ice);text-align:center;margin-top:4px;animation:fadeUp .4s var(--ease-out) both}.contactWrap{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%}.contactLeft{flex:1;min-width:0;max-width:640px}.footer{padding:36px 0 20px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);letter-spacing:.3px}.footerSplit{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer.footer.footerSplit{display:flex!important;justify-content:space-between!important}.footerLeft{flex:1 1 auto}.footerRight{flex:0 0 auto;white-space:nowrap}footer.footer.footerSplit .footerRight{margin-right:0}.scrollTopBtn{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1px solid var(--accent-border);cursor:pointer;background:var(--bg-elevated);color:var(--accent);box-shadow:var(--shadow-card);transition:all var(--transition);font-size:20px;line-height:1;padding:0}.scrollTopBtn:hover{background:var(--accent-dim);border-color:var(--accent);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.revealSection,.revealFromLeft,.revealFromTop{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);will-change:opacity,transform}.revealFromLeft{transform:translate(-28px) translateY(0)}.revealFromTop{transform:translateY(-24px)}.revealSection.isVisible,.revealFromLeft.isVisible,.revealFromTop.isVisible{opacity:1;transform:translateZ(0)}#what.isVisible{transition-delay:0ms}#now.isVisible,#education.isVisible,#experience.isVisible,#tech-stack.isVisible,#projects.isVisible,#certifications.isVisible,#contact.isVisible{transition-delay:50ms}.revealLeft,.revealRight{opacity:0;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);will-change:opacity,transform}.revealLeft{transform:translate3d(-40px,0,0)}.revealRight{transform:translate3d(40px,0,0)}.revealSection.isVisible .revealLeft,.revealSection.isVisible .revealRight{opacity:1;transform:translateZ(0)}.revealSection.isVisible .revealRight{transition-delay:.12s}.staggerChildren>:nth-child(1){animation-delay:0ms}.staggerChildren>:nth-child(2){animation-delay:70ms}.staggerChildren>:nth-child(3){animation-delay:.14s}.staggerChildren>:nth-child(4){animation-delay:.21s}.staggerChildren>:nth-child(5){animation-delay:.28s}.staggerChildren>:nth-child(6){animation-delay:.35s}.staggerChildren>:nth-child(7){animation-delay:.42s}.staggerChildren>:nth-child(8){animation-delay:.49s}.isVisible .staggerChildren>*{animation:staggerIn .65s var(--ease-out) both}@keyframes staggerIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.revealSection,.revealFromLeft,.revealFromTop,.revealLeft,.revealRight{transition:none!important;transform:none!important;opacity:1!important}.staggerChildren>*,.nowCard,.skillCard,.projectCard,.certCardBig{animation:none!important}body:before{animation:none!important}.loaderScreen{display:none}}a:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}button:focus-visible:not(.contactFormBtn){outline:2px solid var(--accent)!important;outline-offset:3px}button:focus:not(.contactFormBtn),a:focus,input:focus,textarea:focus{outline-color:var(--accent)!important}button:not(.contactFormBtn),a,input,textarea{outline-color:var(--accent)}@media(max-width:1200px){.projects,.certGridBig,.skillsGrid,.projects.projects5{grid-template-columns:repeat(3,1fr)}.projectRowLabels{grid-template-columns:1fr}.nowGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.heroRight{justify-content:center;margin-bottom:20px}.heroPhotoBorder,.heroResumeBtn{max-width:220px}.heroArc{width:280px;height:430px;left:-22px;top:-16px}.heroEmoji1{bottom:150px;left:0}.heroEmoji2{top:14px;right:14px}.whatGrid{grid-template-columns:1fr}.whatTitle{font-size:36px}.projects,.certGridBig,.skillsGrid,.projects.projects5{grid-template-columns:repeat(2,1fr)}.eduRow{grid-template-columns:68px 1fr;padding:22px}.logoCircle{width:56px;height:56px}.eduSchool{font-size:20px}.expNew{padding:24px}.expRoleBig{font-size:24px}.expLogo{width:72px;height:72px}.contactWrap{flex-direction:column;align-items:flex-start}.contactGrid{grid-template-columns:1fr;gap:28px}.contactAnimWrap{margin-right:0;transform:none}}@media(max-width:768px){.page{width:92vw;padding:12px 0}.hamburger{display:flex}.links{display:none;position:absolute;top:58px;left:-4vw;right:-4vw;z-index:999;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--border);padding:8px 20px 16px}.links.menuOpen{display:flex}.links a{margin-left:0;padding:14px 0;border-bottom:1px solid var(--border-subtle);font-size:15px;text-transform:none;letter-spacing:0}.links a:last-child{border-bottom:none}.links a:after{display:none}.hero{min-height:auto;padding:40px 0 32px}.heroGreeting{font-size:clamp(32px,9vw,46px);letter-spacing:-1px}.heroTagline{font-size:clamp(18px,4.5vw,22px);margin-bottom:20px}.subtitle{font-size:15px;margin-bottom:24px}.availableBadge{margin-bottom:20px}.heroStats{gap:0;margin-top:20px;flex-wrap:wrap}.heroStat{padding:0 16px}.heroStatNum{font-size:18px}.heroStatLabel{font-size:9px}.heroStatDivider{height:22px}.socialRow{gap:6px}.heroRight{order:-1;justify-content:center}.heroPhotoBorder{max-width:160px}.heroResumeBtn{max-width:160px;font-size:12px!important;padding:9px 16px!important}.heroPhotoName{font-size:18px}.heroArc{width:210px;height:320px;left:-16px;top:-12px}.heroEmoji{width:34px;height:34px;font-size:16px}.heroEmoji1{bottom:110px;left:0}.heroEmoji2{top:10px;right:10px}.heroCardIcon{width:38px;height:38px}.heroCardLinks{gap:8px}.section{padding:48px 0 32px}.section h2{font-size:28px;letter-spacing:-1px}.sectionSubtitle{font-size:15px;margin-bottom:24px}.nowGrid,.projects,.certGridBig,.skillsGrid{grid-template-columns:1fr!important;gap:12px}.projectRowSplit{grid-template-columns:1fr}.eduRow{grid-template-columns:1fr;gap:10px;padding:20px}.eduLogoWrap{justify-content:flex-start}.eduTopRow{flex-direction:column;gap:4px}.eduRight{text-align:left}.eduMetaRow{flex-direction:column;gap:4px}.eduGpaInline{text-align:left}.eduSchool{font-size:20px}.expNew{padding:20px}.expRoleBig{font-size:22px}.expLogo{width:68px;height:68px}.expBullets li{font-size:14px}.projectCard,.certCardBig,.skillCard,.nowCard{padding:18px!important}.projectCardTitle{font-size:15px}.projectCardShort{font-size:13px}.contactAnimWrap{display:none}.contactLine{font-size:16px}.contactGrid{grid-template-columns:1fr;gap:24px}.contactSideWrap{order:-1}.contactFormInput{font-size:16px}.contactIcons{gap:6px}.contactIconBtn{padding:10px 14px}.footerSplit,footer.footer.footerSplit{flex-direction:column;align-items:flex-start;gap:6px}.modal{max-height:92vh;border-radius:var(--radius-lg)}.modalHeader{padding:16px 18px 12px}.modalBody{padding:18px}.modalTitle{font-size:18px}.socialDot,.hamburger{width:44px;height:44px}.themeSwitch{width:52px;height:30px}.switchThumb{width:24px;height:24px}.themeSwitch.isDark .switchThumb{left:calc(100% - 27px)}.projectActionBtn{padding:8px 14px;font-size:13px}.certBtn{padding:8px 16px!important;font-size:12px!important}.scrollTopBtn{width:44px;height:44px;right:16px;bottom:16px}}@media(max-width:400px){.page{width:94vw}.heroGreeting{font-size:30px;gap:10px}.heroTagline{font-size:17px}.section h2{font-size:24px}.expRoleBig{font-size:20px}}.orangeText{color:var(--accent)!important;font-weight:600}.orangeUnderline{color:inherit;font-weight:600;background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 2px;background-repeat:no-repeat;background-position:bottom;padding-bottom:2px;display:inline}.cardButton{width:100%;text-align:left;cursor:pointer;border:none;background:transparent;color:inherit}.tech{display:inline-block;margin-top:10px;font-size:13px;opacity:.5}.hint,.section-divider{display:none}