@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#fff;--text:#121826;--muted:#5d6675;--soft:#f5f6f8;--line:#eceef2;--nav-text:#2b3340;--surface:#fff;--blue:#1769ff;--blue-dark:#0f55d6;--photo-a:#e7f1ff;--photo-b:#fff0f5;--card-pink:#fff4f2;--card-blue:#f1f7ff;--card-green:#f2fbf4;--card-chip:#ffffffa6;--shadow:0 18px 40px #1218260f}:root[data-theme=dark]{--bg:#080b12;--text:#f7f8fb;--muted:#a3adbd;--soft:#111827;--line:#ffffff1a;--nav-text:#e5e7eb;--surface:#101620;--blue:#5b8cff;--blue-dark:#7aa2ff;--photo-a:#172554;--photo-b:#3b1d3d;--card-pink:#21151a;--card-blue:#121b2d;--card-green:#102117;--card-chip:#ffffff14;--shadow:0 18px 44px #00000052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 6% 0%, color-mix(in srgb, var(--blue) 13%, transparent) 0, transparent 27%), radial-gradient(circle at 100% 0%, #ff7ac824 0, transparent 30%), var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .25s,color .25s}::selection{background:color-mix(in srgb, var(--blue) 22%, transparent);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 45%, transparent);outline-offset:4px}main{width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto}.header{grid-template-columns:1fr auto 1fr;align-items:center;height:112px;display:grid}.brand{letter-spacing:-.04em;gap:2px;width:fit-content;font-size:21px;font-weight:800;display:inline-grid}.brand span{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:700}.nav-pill{border:1px solid var(--line);background:color-mix(in srgb, var(--soft) 90%, transparent);max-width:100%;box-shadow:var(--shadow);scrollbar-width:none;border-radius:999px;gap:4px;padding:6px;display:flex;overflow-x:auto}.nav-pill::-webkit-scrollbar{display:none}.nav-pill a{color:var(--nav-text);border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 18px;font-size:14px;transition:background .18s,transform .18s;display:inline-flex}.nav-pill a:hover{background:var(--surface);transform:translateY(-1px)}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.language-toggle{border:1px solid var(--line);background:var(--surface);min-width:62px;height:34px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:900;transition:transform .18s,background .18s,color .18s;display:inline-flex}.language-toggle:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}.language-flag{font-size:15px;line-height:1}.theme-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:62px;height:34px;color:var(--text);box-shadow:var(--shadow);border-radius:999px;justify-content:flex-start;align-items:center;padding:4px;display:flex}:root[data-theme=dark] .theme-toggle{justify-content:flex-end}.toggle-thumb{background:var(--soft);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.socials{align-items:center;gap:22px;display:flex}.socials a{color:var(--text);transition:transform .18s,color .18s;display:flex}.socials a:hover{color:var(--blue);transform:translateY(-2px)}.menu-toggle{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;place-items:center;display:none}.hero{align-items:center;min-height:calc(100vh - 112px);padding:40px 0 96px;display:grid}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(36px,6vw,86px);width:100%;display:grid}.hero-content{text-align:left}.hero-content h1{max-width:860px}.hero-content .subtitle{max-width:680px}.photo-shell{cursor:pointer;justify-self:center;place-items:center;width:clamp(280px,32vw,420px);height:clamp(280px,32vw,420px);margin:0;display:grid;position:relative}.photo-shell img{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 26px #1218261f);transform-origin:bottom;width:clamp(270px,31vw,405px);height:clamp(270px,31vw,405px);position:relative}.photo-bg{background:linear-gradient(135deg, var(--photo-a), var(--photo-b));box-shadow:0 26px 70px color-mix(in srgb, var(--blue) 18%, transparent);transform-origin:50%;border-radius:46% 54% 48% 52%;position:absolute;inset:22px}.photo-placeholder{z-index:3;color:#fff;opacity:.86;background:#111827;border-radius:999px;padding:5px 9px;font-size:11px;position:absolute;bottom:-12px}.photo-shell:has(img:not([style*="display: none"])) .photo-placeholder{display:none}.aka{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--blue);border-radius:999px;margin:0 0 14px;padding:7px 13px;font-size:13px;font-weight:800}h1{letter-spacing:-.075em;margin:0;font-size:clamp(54px,8vw,82px);font-weight:900;line-height:.97}.subtitle{letter-spacing:-.04em;color:var(--text);margin:15px 0 0;font-size:clamp(21px,3vw,30px);line-height:1.2}.hero-text{width:min(570px,100%);color:var(--muted);margin:28px 0 0;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:28px;display:flex}.button-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.primary-btn,.secondary-btn{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 23px;font-size:14px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-btn{color:#fff;background:var(--blue);box-shadow:0 12px 25px color-mix(in srgb, var(--blue) 25%, transparent)}.primary-btn:hover{background:var(--blue-dark);transform:translateY(-2px)}.secondary-btn{color:var(--text);background:var(--surface);border:1px solid var(--line)}.secondary-btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.primary-btn.small{min-height:42px}.section-title{justify-content:center;align-items:center;gap:12px;margin-bottom:24px;display:inline-flex}.section-title svg{color:var(--blue);flex-shrink:0;transition:transform .25s}.section-title:hover svg{transform:rotate(-8deg)scale(1.08)}.about-section,.tech-section,.projects-section,.timeline-section,.education-section,.certifications-section,.contact-section{text-align:center;padding:96px 0}.about-section{place-content:center;min-height:70vh;display:grid}.about-section h2,.tech-section h2,.projects-section h2,.timeline-section h2,.education-section h2,.certifications-section h2,.contact-section h2{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(26px,3.4vw,34px)}.about-section p{width:min(620px,100%);color:var(--text);margin:0 auto;font-size:16px;line-height:1.78}.section-intro{width:min(620px,100%);color:var(--muted);margin:0 auto;font-size:16px;line-height:1.75}.mini-info{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 0;display:flex}.mini-info span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:inline-flex}.tech-grid{grid-template-columns:repeat(6,1fr);gap:24px;margin-top:38px;display:grid}.tech-card{background:var(--soft);will-change:transform;border:1px solid #0000;border-radius:20px;place-items:center;gap:10px;min-height:112px;padding:18px 14px;display:grid;box-shadow:0 10px 26px #12182608}:root[data-theme=dark] .tech-card{border-color:var(--line)}.tech-card img{object-fit:contain;width:38px;height:38px}:root[data-theme=dark] .tech-card img[src*=github],:root[data-theme=dark] .tech-card img[src*=microsoftsqlserver]{filter:invert()}.tech-card span{font-size:14px;font-weight:500}.featured-project{text-align:left;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px;margin-top:42px;display:grid}.featured-visual{border:1px solid var(--line);color:#fff;min-height:270px;box-shadow:var(--shadow);background:#070d2b;border-radius:10px;overflow:hidden}.browser-bar{background:#ffffff0f;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.browser-bar span{background:#ffffff73;border-radius:50%;width:9px;height:9px}.mockup-content{padding:52px 42px}.mockup-content p{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:13px;font-weight:800}.mockup-content h3{letter-spacing:-.06em;margin:0;font-size:clamp(34px,5vw,54px);line-height:.95}.mockup-content small{color:#cbd5e1;margin-top:18px;display:block}.featured-copy h3{letter-spacing:-.03em;margin:0;font-size:22px}.featured-copy p{color:var(--muted);margin:17px 0 0;line-height:1.75}.featured-copy .button-row{justify-content:flex-start}.project-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:34px;display:grid}.project-card{min-height:215px;color:var(--text);cursor:pointer;isolation:isolate;will-change:transform;border:1px solid #0000;border-radius:4px;padding:24px;position:relative;overflow:hidden;box-shadow:0 12px 28px #1218260a}:root[data-theme=dark] .project-card{border-color:var(--line)}.project-card:first-child{background:var(--card-pink)}.project-card:nth-child(2){background:var(--card-blue)}.project-card:nth-child(3){background:var(--card-green)}.project-card:before{content:"";z-index:-1;opacity:0;background:var(--project-hover-color);transition:opacity .32s,transform .32s;position:absolute;inset:0;transform:scale(.96)}.project-card:hover:before{opacity:1;transform:scale(1)}.project-card-content{z-index:2;transition:opacity .28s,transform .28s;position:relative}.project-card:hover .project-card-content{opacity:.14;transform:translateY(-6px)}.project-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-card h3{letter-spacing:-.035em;margin:0;font-size:18px}.project-card p{color:var(--muted);margin:15px 0 0;font-size:14px;line-height:1.65}.project-link{background:var(--card-chip);width:34px;height:34px;color:var(--text);border-radius:999px;flex:none;place-items:center;transition:transform .18s,background .18s,color .18s;display:grid}.project-card:hover .project-link{color:var(--blue);background:#fff;transform:translate(2px,-2px)}.project-hover,.certification-hover{z-index:3;opacity:0;pointer-events:none;place-items:center;transition:opacity .28s,transform .28s;display:grid;position:absolute;inset:0;transform:translateY(14px)}.project-card:hover .project-hover,.certification-card:hover .certification-hover{opacity:1;transform:translateY(0)}.project-hover span,.certification-hover span{color:#fff;letter-spacing:-.03em;align-items:center;gap:9px;font-size:17px;font-weight:900;display:inline-flex}.stack-list{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.stack-list span{background:var(--card-chip);color:var(--text);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.timeline{text-align:left;gap:12px;width:min(840px,100%);margin:34px auto 0;display:grid}.timeline-item{border:1px solid var(--line);background:var(--surface);will-change:transform;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;padding:22px 24px;display:flex}.timeline-item h3{letter-spacing:-.025em;margin:0;font-size:17px}.timeline-item p,.timeline-item span{color:var(--muted);margin:6px 0 0;font-size:14px}.timeline-item span{white-space:nowrap;margin:0}.education-grid,.certification-grid{text-align:left;gap:26px;margin-top:42px;display:grid}.education-grid{grid-template-columns:repeat(2,1fr)}.certification-grid{grid-template-columns:repeat(3,1fr)}.education-card{border:1px solid var(--line);background:var(--surface);min-height:190px;box-shadow:var(--shadow);will-change:transform;border-radius:22px;gap:18px;padding:26px;transition:border-color .2s,background .2s;display:flex}.education-card:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--line));background:color-mix(in srgb, var(--surface) 88%, var(--blue) 12%)}.education-logo,.certification-logo{border:1px solid var(--line);background:#fff;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.education-logo img,.certification-logo img{object-fit:contain;width:36px;height:36px}:root[data-theme=dark] .education-logo,:root[data-theme=dark] .certification-logo{background:#ffffffeb}.education-date{color:var(--blue);margin-bottom:12px;font-size:13px;font-weight:800;display:inline-block}.education-card h3,.certification-card h3{letter-spacing:-.035em;margin:0;font-size:19px}.education-card p,.certification-card p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.education-card small{color:var(--muted);margin-top:12px;font-size:13px;display:block}.certification-card{border:1px solid var(--line);background:var(--surface);min-height:190px;box-shadow:var(--shadow);color:var(--text);cursor:pointer;isolation:isolate;will-change:transform;border-radius:22px;padding:26px;position:relative;overflow:hidden}.certification-card:before{content:"";z-index:-1;opacity:0;background:var(--certification-hover-color);transition:opacity .32s,transform .32s;position:absolute;inset:0;transform:scale(.96)}.certification-card:hover:before{opacity:1;transform:scale(1)}.certification-card-content{z-index:2;gap:18px;transition:opacity .28s,transform .28s;display:flex;position:relative}.certification-card:hover .certification-card-content{opacity:.14;transform:translateY(-6px)}.typewriter-name{white-space:nowrap;color:var(--blue);vertical-align:baseline;display:inline-block;position:relative}.typewriter-ghost{visibility:hidden;white-space:nowrap}.typewriter-live{white-space:nowrap;align-items:baseline;display:inline-flex;position:absolute;inset:0 auto auto 0}.typing-cursor{color:var(--blue);margin-left:4px;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}.contact-section p{width:min(560px,100%);color:var(--muted);margin:0 auto;line-height:1.75}.email-link{color:var(--blue);letter-spacing:-.055em;margin-top:24px;font-size:clamp(24px,4vw,40px);font-weight:900;display:inline-block}footer{color:var(--muted);text-align:center;padding:50px 0 70px;font-size:13px}.contact-mail-wrapper{justify-content:center;margin-top:26px;display:flex}.email-link{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);color:var(--blue);letter-spacing:-.04em;border-radius:22px;justify-content:center;align-items:center;padding:18px 28px;font-size:clamp(20px,3vw,34px);font-weight:800;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;display:inline-flex}.email-link:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--line));background:color-mix(in srgb, var(--surface) 82%, var(--blue) 18%);box-shadow:0 18px 40px #1769ff2e}@media (width<=940px){.header{grid-template-columns:1fr auto;gap:20px;height:auto;padding:28px 0;position:relative}.menu-toggle{display:grid}.nav-pill{z-index:50;background:color-mix(in srgb, var(--surface) 96%, transparent);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:24px;gap:8px;padding:10px;transition:opacity .22s,transform .22s;display:grid;position:absolute;top:82px;left:0;right:0;overflow:hidden;transform:translateY(-10px)scale(.98)}.nav-pill.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-pill a{justify-content:flex-start;width:100%;padding:13px 16px}.header-actions{justify-self:end}.hero-layout{text-align:center;grid-template-columns:1fr}.hero-content{text-align:center;order:2}.photo-shell{order:1;margin:0 auto}.hero-content h1,.hero-content .subtitle{max-width:none}.hero-text{margin:28px auto 0}.hero-actions{justify-content:center}.tech-grid{grid-template-columns:repeat(3,1fr)}.featured-project,.project-grid,.education-grid,.certification-grid{grid-template-columns:1fr}.featured-project{text-align:center}.featured-copy .button-row{justify-content:center}}@media (width<=620px){main{width:min(100% - 24px,1180px)}.brand{font-size:18px}.header-actions{gap:10px}.socials{display:none}.language-toggle{min-width:42px;height:34px;padding:0 10px}.theme-toggle{width:56px}.hero{min-height:auto;padding:32px 0 80px}.photo-shell{width:285px;height:285px}.photo-shell img{width:275px;height:275px}h1{font-size:clamp(43px,14vw,58px)}.subtitle{font-size:21px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:14px}.about-section,.tech-section,.projects-section,.timeline-section,.education-section,.certifications-section,.contact-section{padding:72px 0}.timeline-item{flex-direction:column;align-items:flex-start}.timeline-item span{white-space:normal}.education-card,.certification-card-content{flex-direction:column}.email-link{word-break:break-word}}@media (width<=420px){.brand{font-size:16px}.header-actions{gap:8px}.menu-toggle{width:38px;height:38px}.theme-toggle{width:52px;height:32px}.language-toggle{min-width:40px;height:32px;font-size:12px}.photo-shell{width:250px;height:250px}.photo-shell img{width:242px;height:242px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}