:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;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}html{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}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}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--content-width: 1120px;--bg: radial-gradient(circle at top, #020617 0, #020617 40%, #020617 100%);--fg: #e5e7eb;--muted: #9ca3af;--card-bg: #020617;--card-border: #1f2937;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .16);--chip-bg: rgba(15, 23, 42, .9);--chip-fg: #e0f2fe}html[data-theme=light]{--bg: radial-gradient(circle at top, #e0f2fe 0, #f9fafb 45%, #f3f4f6 100%);--fg: #111827;--muted: #6b7280;--card-bg: #ffffff;--card-border: #e5e7eb;--accent: #0284c7;--accent-soft: rgba(56, 189, 248, .12);--chip-bg: #e0f2fe;--chip-fg: #0f172a}html{scroll-behavior:smooth}body,section,.navbar,.hero__link,.project-card,.skill-category,.navbar__link,.navbar__toggle,.back-to-top{transition:background-color .3s ease,color .3s ease,border-color .3s ease,background .3s ease}body{margin:0;min-height:100vh;background:var(--bg);background-attachment:fixed;color:var(--fg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero,section{animation:none!important}}.app{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:0 1.5rem 4rem}.skip-to-content{position:absolute;top:-100px;left:1.5rem;z-index:10000;padding:.75rem 1.5rem;background-color:var(--card-bg);color:var(--fg);border:2px solid var(--accent);border-radius:.5rem;text-decoration:none;font-weight:600;transition:top .2s ease}.skip-to-content:focus{top:1rem;outline:2px solid var(--accent);outline-offset:2px}.app>main{width:100%;max-width:var(--content-width);margin:2.5rem auto 0}section{margin-bottom:2.5rem;background-color:#0f172af0;padding:2rem 2.2rem;border-radius:1.2rem;border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 45px #0f172ae6;position:relative;overflow:hidden;max-width:1000px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}section.scroll-reveal{opacity:1;transform:translateY(0)}section:first-of-type{animation:fadeInUp .6s ease-out both}section:nth-of-type(2){animation-delay:.05s}section:nth-of-type(3){animation-delay:.1s}section:nth-of-type(4){animation-delay:.15s}section:nth-of-type(5){animation-delay:.2s}html[data-theme=light] section{background-color:#fffffff5;border-color:#d1d5dbe6;box-shadow:0 18px 40px #94a3b866}section:before{content:"";position:absolute;inset-inline:.9rem;inset-block-start:.75rem;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.6),transparent);opacity:.7}section h2{margin:0 0 .8rem;font-size:1.25rem}main p{line-height:1.7;margin:.25rem 0}.list{list-style:none;padding:0;margin:.5rem 0 0}.list li{margin-bottom:1rem}.list__meta{display:block;font-size:.85rem;color:var(--muted);margin-top:.15rem}#experience ul ul{list-style:disc;margin-top:.35rem;margin-bottom:.6rem;margin-left:1.1rem}@media(min-width:900px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1400px){.projects{grid-template-columns:repeat(3,minmax(0,1fr))}}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;width:48px;height:48px;border-radius:50%;background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f172af2;transition:all .2s ease;opacity:.9}.back-to-top:hover,.back-to-top:focus-visible{transform:translateY(-2px);opacity:1;border-color:var(--accent);box-shadow:0 14px 30px #0f172ae6;outline:2px solid var(--accent);outline-offset:2px}.back-to-top__icon{width:20px;height:20px}html[data-theme=light] .back-to-top{background-color:#fff;box-shadow:0 10px 26px #94a3b8b3}@media(max-width:640px){.back-to-top{bottom:1.5rem;right:1.5rem;width:44px;height:44px}}.hero{max-width:900px;margin:5rem auto 4rem;padding:1rem;text-align:center;position:relative}.hero:before{content:"";position:absolute;inset:0;margin:auto;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.1),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none;opacity:.6}html[data-theme=light] .hero:before{background:radial-gradient(circle,rgba(56,189,248,.12),transparent 70%)}.hero__inner{position:relative;z-index:2}.hero__portrait-wrapper{display:flex;justify-content:center;margin-bottom:1.2rem;position:relative}.hero__portrait-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:152px;height:152px;border-radius:50%;background:linear-gradient(45deg,#38bdf8,#a855f7,#38bdf8,#38bdf8);background-size:300% 300%;animation:gradient-rotate 4s linear infinite;opacity:.3;z-index:0;filter:blur(10px);pointer-events:none}.hero__portrait{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.12);background-color:#020617;box-shadow:0 10px 25px #00000059;position:relative;z-index:1;animation:portrait-glow 3s ease-in-out infinite}@keyframes portrait-glow{0%,to{box-shadow:0 10px 25px #00000059,0 0 20px #38bdf826}50%{box-shadow:0 10px 25px #00000059,0 0 30px #a855f740}}@keyframes gradient-rotate{0%{background-position:0% 50%}to{background-position:100% 50%}}html[data-theme=light] .hero__portrait{border-color:#0000000d;box-shadow:0 8px 20px #0003}.hero__name{font-size:2rem;font-weight:700;margin-top:.3rem;margin-bottom:.3rem}.hero__title{margin-top:.2rem;font-size:1.1rem;opacity:.85}.hero__summary{margin:1.2rem auto 2.2rem;max-width:680px;line-height:1.7;opacity:.95}.hero__links{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem}.hero__link{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:#0f172abf;color:#e2e8f0;text-decoration:none;font-size:.9rem;transition:.18s ease;cursor:pointer;font-family:inherit}.hero__link--copied{background:#22c55e33;border-color:#22c55e80;color:#86efac}html[data-theme=light] .hero__link--copied{background:#22c55e26;border-color:#22c55e66;color:#16a34a}.hero__icon{width:18px;height:18px;opacity:.9}.hero__link:hover,.hero__link:focus-visible{transform:translateY(-2px);border-color:var(--accent);background:#0f172ae6;outline:2px solid var(--accent);outline-offset:2px}html[data-theme=light] .hero__link{background:#fff;color:#0f172a;border-color:#0000001a}html[data-theme=light] .hero__link:hover,html[data-theme=light] .hero__link:focus-visible{background:#f0f9ff;border-color:var(--accent)}@media(max-width:640px){.hero{margin-top:3.2rem;padding:.5rem}.hero__name{font-size:1.7rem}.hero__summary{font-size:.97rem}.hero__portrait{width:120px;height:120px}.hero:before{width:90%;height:90%;opacity:.5}}.projects{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.project-card{border-radius:.9rem;padding:1.1rem 1.2rem;background:radial-gradient(circle at top left,#020617 0 55%);border:1px solid rgba(31,41,55,.9);transition:transform .15s ease,box-shadow .2s ease,border-color .15s ease,background .2s ease;transform-style:preserve-3d;perspective:1000px}html[data-theme=light] .project-card{background:radial-gradient(circle at top left,#f9fafb 0,#fff 55%)}.project-card h3{margin-top:0;margin-bottom:.4rem}.project-card__tech{margin-top:.65rem}.project-card__links{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap;position:relative;z-index:10;pointer-events:auto}.project-card__link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:999px;font-size:.85rem;text-decoration:none;color:var(--fg);background-color:#0f172a99;border:1px solid rgba(148,163,184,.3);transition:all .15s ease;position:relative;z-index:11;pointer-events:auto}.project-card__link-icon{width:14px;height:14px}.project-card__link:hover{background-color:#0f172ad9;border-color:var(--accent);transform:translateY(-1px)}html[data-theme=light] .project-card__link{background-color:#fffc;border-color:#0000001a}html[data-theme=light] .project-card__link:hover{background-color:#fff;border-color:var(--accent)}.project-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 20px 45px #0f172af2}@media(hover:hover)and (pointer:fine){.project-card{cursor:pointer}}.project-card__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag{display:inline-block;padding:.18rem .7rem;border-radius:999px;font-size:.78rem;background-color:var(--chip-bg);color:var(--chip-fg);margin-right:.3rem;margin-bottom:.25rem;border:1px solid rgba(148,163,184,.4)}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.skill-category{padding:1rem;border-radius:.8rem;background:#0f172a66;border:1px solid rgba(148,163,184,.15);transition:all .2s ease}.skill-category:hover{background:#0f172a99;border-color:#94a3b84d;transform:translateY(-2px)}.skill-category h3{margin-top:0;margin-bottom:.8rem;font-size:1rem;color:var(--fg);font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{display:inline-block;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;background-color:var(--chip-bg);color:var(--chip-fg);border:1px solid rgba(148,163,184,.3);transition:all .15s ease}.skill-tag:hover{border-color:var(--accent);transform:translateY(-1px)}.skill-category--highlight{background:linear-gradient(135deg,#38bdf81a,#0f172a66);border-color:#38bdf833}.skill-category--highlight p{margin:0;line-height:1.6;font-size:.9rem}html[data-theme=light] .skill-category{background:#fff9;border-color:#00000014}html[data-theme=light] .skill-category:hover{background:#ffffffe6;border-color:#0000001f}html[data-theme=light] .skill-category--highlight{background:linear-gradient(135deg,#38bdf814,#fff9);border-color:#38bdf826}@media(max-width:640px){.skills{grid-template-columns:1fr}}.footer{margin-top:auto;padding-top:2.5rem;font-size:.85rem;color:var(--muted);text-align:center}.footer__hint{margin-top:.5rem;font-size:.75rem;opacity:.7}.footer__hint kbd{display:inline-block;padding:.15rem .4rem;margin:0 .15rem;font-size:.7rem;font-family:system-ui,monospace;background-color:var(--chip-bg);color:var(--chip-fg);border:1px solid rgba(148,163,184,.3);border-radius:.3rem;box-shadow:0 1px 2px #0000001a}@media(max-width:640px){.footer__hint{display:none}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}html,body{background:#fff!important;font-size:12pt;line-height:1.5}.navbar,.back-to-top,.skip-to-content,.navbar__toggle,.navbar__mobile-toggle{display:none!important}.app{padding:0!important}section{page-break-inside:avoid;margin-bottom:1.5rem;padding:1rem;border:1px solid #ddd;border-radius:0;box-shadow:none;background:#fff!important}.hero{margin:0 0 2rem;padding:0;page-break-after:always}.hero__portrait{width:100px;height:100px}.hero__links{display:none}.project-card{page-break-inside:avoid;border:1px solid #ddd;padding:.75rem;margin-bottom:.75rem}.project-card__links{display:none}.skill-category{page-break-inside:avoid;border:1px solid #ddd;padding:.75rem}a{color:#000!important;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.9em}a[href^=mailto]:after{content:" (" attr(href) ")";font-size:.9em}h1,h2,h3{page-break-after:avoid}.list li{page-break-inside:avoid}@page{margin:2cm}}.navbar{position:sticky;top:0;z-index:1000;width:100%;margin:0;padding:0;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);background:linear-gradient(to bottom,#0f172ae0,#0f172acc);border-radius:0 0 1.2rem 1.2rem;border-bottom:1px solid rgba(148,163,184,.4);border-left:none;border-right:none;border-top:none;box-shadow:0 12px 30px #0f172ae6}.navbar__container{width:100%;max-width:var(--content-width);margin:0 auto;padding:.55rem 1.5rem;display:flex;align-items:center;justify-content:space-between}html[data-theme=light] .navbar{-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:linear-gradient(to bottom,#f9fafbeb,#f3f4f6eb);border-color:#d1d5dbd9;box-shadow:0 14px 30px #94a3b880}.navbar__brand{border:none;background:none;padding:.35rem .9rem;font-weight:600;font-size:.95rem;color:var(--fg);border-radius:999px;cursor:pointer;border:1px solid transparent;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.navbar__brand:hover{border-color:var(--accent-soft);background-color:#0f172a66;transform:translateY(-1px)}html[data-theme=light] .navbar__brand:hover{background-color:#e5e7ebe6}.navbar__mobile-toggle{display:none;border-radius:999px;border:1px solid var(--card-border);padding:.4rem .6rem;background-color:var(--card-bg);color:var(--fg);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172af2;transition:all .15s ease}.navbar__mobile-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}html[data-theme=light] .navbar__mobile-toggle{background-color:#fff}.navbar__links{display:flex;gap:.6rem;flex:1;justify-content:center}.navbar__link{position:relative;border-radius:999px;border:none;padding:.35rem .9rem;font-size:.85rem;background-color:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:color .15s ease,background-color .12s ease,transform .1s ease,box-shadow .15s ease}.navbar__icon{width:16px;height:16px;flex-shrink:0}.navbar__link:after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.25rem;height:2px;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#a855f7);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .18s ease-out,opacity .18s ease-out}.navbar__link:hover,.navbar__link:focus-visible{color:var(--fg);transform:translateY(-1px);outline:2px solid var(--accent);outline-offset:2px}.navbar__link:focus-visible{outline-offset:3px}.navbar__link:hover:after{transform:scaleX(1);opacity:.8}.navbar__link--active{color:var(--fg);background:#0f172ad9;box-shadow:0 10px 28px #0f172ae6}html[data-theme=light] .navbar__link--active{background:#fff;box-shadow:0 10px 26px #94a3b8b3}.navbar__link--active:after{transform:scaleX(1);opacity:1}.navbar__toggle{border-radius:999px;border:1px solid var(--card-border);padding:.28rem .65rem;background-color:var(--card-bg);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0f172af2;transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}html[data-theme=light] .navbar__toggle{background-color:#fff}.navbar__toggle:hover,.navbar__toggle:focus-visible{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 14px 30px #0f172ae6;outline:2px solid var(--accent);outline-offset:2px}.navbar__brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navbar__mobile-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){.navbar__mobile-toggle{display:flex}.navbar__links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:linear-gradient(to bottom,#0f172afa,#0f172af2);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);padding:1rem;border-radius:0 0 1.2rem 1.2rem;box-shadow:0 12px 30px #0f172ae6;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .3s ease;gap:.5rem}.navbar__links--open{max-height:500px;opacity:1;transform:translateY(0)}html[data-theme=light] .navbar__links{background:linear-gradient(to bottom,#f9fafbfa,#f3f4f6fa)}.navbar__link{width:100%;justify-content:flex-start;padding:.6rem 1rem;border-radius:.6rem}.navbar__toggle{display:none}}@media(max-width:640px){.navbar__container{padding-inline:1rem}.navbar__brand{font-size:.9rem}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);z-index:10000;display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background-color:var(--card-bg);border:1px solid var(--accent);border-radius:999px;box-shadow:0 10px 30px #0f172ae6;animation:toast-slide-up .3s ease-out forwards;color:var(--fg)}.toast__icon{width:20px;height:20px;color:#22c55e;flex-shrink:0}.toast__message{font-size:.9rem;font-weight:500}@keyframes toast-slide-up{to{transform:translate(-50%) translateY(0)}}html[data-theme=light] .toast{box-shadow:0 10px 30px #94a3b880}@media(max-width:640px){.toast{left:1rem;right:1rem;transform:translateY(100px);max-width:calc(100% - 2rem)}@keyframes toast-slide-up{to{transform:translateY(0)}}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10001;background:transparent}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,#38bdf8,#a855f7,#38bdf8);background-size:200% 100%;animation:gradient-shift 3s ease infinite;transition:width .1s ease-out;box-shadow:0 0 10px #38bdf880}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg);color:var(--fg)}.error-boundary__content{max-width:500px;text-align:center;padding:2rem;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:1.2rem;box-shadow:0 20px 45px #0f172ae6}.error-boundary__content h1{margin-top:0;margin-bottom:1rem;color:var(--fg)}.error-boundary__content p{margin-bottom:1.5rem;color:var(--muted);line-height:1.6}.error-boundary__button{padding:.75rem 1.5rem;border-radius:999px;border:1px solid var(--accent);background-color:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.error-boundary__button:hover{background-color:var(--accent);opacity:.9;transform:translateY(-1px)}.error-boundary__details{margin-top:1.5rem;text-align:left;font-size:.85rem}.error-boundary__details summary{cursor:pointer;color:var(--muted);margin-bottom:.5rem}.error-boundary__details pre{background:#0f172a80;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.8rem;color:var(--fg);border:1px solid var(--card-border)}html[data-theme=light] .error-boundary__details pre{background:#0000000d}