*{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:999px;--shadow-soft:0 18px 45px #00000073;--shadow-strong:0 25px 80px #000000bf;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.6}:root,[data-theme=dark]{--bg:#0a1214;--bg-2:#080f11;--surface:#122024;--surface-2:#1a2e33;--text:#e8f4f6;--muted:#8aacb3;--muted-light:#b5d0d6;--border:#2a4a52;--primary:#1185a3;--primary-600:#0d6a82;--accent:#4ec3e0;--accent-600:#2ba8c4;--accent-secondary:#5f9ea0;--accent-pro:#6b8fa3;--ring:#4ec3e0;--shadow:0 10px 30px -12px #000000bf;--glow-primary:0 0 26px #1185a34d;--glow-accent:0 0 26px #4ec3e040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f6fafb;--bg-2:#eef5f7;--surface:#fff;--surface-2:#e4eef0;--text:#12282e;--muted:#4a6d75;--muted-light:#345560;--border:#d0e0e4;--primary:#0d7a96;--primary-600:#0a6178;--accent:#1185a3;--accent-600:#0d6a82;--accent-secondary:#4a8a8c;--accent-pro:#5b7f8f;--ring:#1185a3;--shadow:0 10px 30px -12px #12282e1f;--glow-primary:0 0 26px #0d7a9626;--glow-accent:0 0 26px #1185a31f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background-color:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}html{scroll-behavior:smooth}body{transition:background-color .3s,background-image .3s}[data-theme=dark] body{background-image:radial-gradient(60% 80% at 50% -10%,#1185a31a,#0000 60%),radial-gradient(45% 65% at 80% 120%,#4ec3e00f,#0000 60%),linear-gradient(#0000,#0000),linear-gradient(#8aacb308 1px,#0000 1px),linear-gradient(90deg,#8aacb306 1px,#0000 1px);background-position:50% 0,50% 100%,0 0,0 0,0 0;background-size:1200px 900px,1000px 800px,100% 100%,100% 32px,32px 100%}[data-theme=light] body{background-image:radial-gradient(60% 80% at 50% -10%,#1185a30f,#0000 60%),radial-gradient(45% 65% at 80% 120%,#0d7a960a,#0000 60%),linear-gradient(#0000,#0000),linear-gradient(#4a6d7505 1px,#0000 1px),linear-gradient(90deg,#4a6d7504 1px,#0000 1px);background-position:50% 0,50% 100%,0 0,0 0,0 0;background-size:1200px 900px,1000px 800px,100% 100%,100% 32px,32px 100%}h1,h2,h3,h4,h5,h6{letter-spacing:.2px;font-weight:700;line-height:1.2}p{color:var(--muted)}a{color:var(--accent);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:var(--accent-600);text-shadow:0 0 12px #22d3ee59}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:6px}::selection{color:#0b0f19;background:#22d3ee99}[data-theme=light] ::selection{color:var(--surface-2);background:#d977064d}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-2);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary)0%,var(--accent)100%);border-radius:var(--radius-full);border:2px solid var(--bg-2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-600)0%,var(--accent-600)100%);box-shadow:var(--glow-primary)}*{scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-2)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-2);border-left:1px solid var(--border)}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary)0%,var(--accent)100%);border-radius:var(--radius-full);border:2px solid var(--bg-2)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-600)0%,var(--accent-600)100%);box-shadow:var(--glow-primary)}.fade-in-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .6s ease-out}.fade-in.visible{opacity:1}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}@keyframes rotateBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-border{background:linear-gradient(#ffffff0a,#ffffff05) padding-box padding-box;border:2px solid #0000;position:relative}.animated-border:before{content:"";border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));-webkit-mask-composite:xor;opacity:0;background-size:200% 100%;padding:2px;transition:opacity .3s;animation:3s linear infinite rotateBorder;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-border:hover:before{opacity:1}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.text-shimmer{background:linear-gradient(90deg,var(--primary)0%,var(--accent)25%,var(--text)50%,var(--accent)75%,var(--primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fade-in-up,.fade-in{opacity:1!important;transform:none!important}}.header{text-align:center;background:var(--surface);padding:4.5rem 2rem 5rem;transition:background .3s;position:relative;overflow:hidden}[data-theme=dark] .header{background:radial-gradient(circle at 50% 40%,#1185a31f,#0000 70%),linear-gradient(135deg,#1a2e33,#122024)}[data-theme=light] .header{background:radial-gradient(circle at 50% 40%,#1185a314,#0000 70%),linear-gradient(135deg,#f6fafb,#eef5f7)}.header:before,.header:after{content:"";pointer-events:none;position:absolute;inset:0}.header:before{mix-blend-mode:overlay;opacity:.6;background:repeating-linear-gradient(45deg,#4ec3e00a 0 12px,#0000 12px 24px);animation:18s linear infinite drift}[data-theme=light] .header:before{background:repeating-linear-gradient(45deg,#1185a308 0 12px,#0000 12px 24px)}.header:after{filter:blur(40px);opacity:.4;background:radial-gradient(600px 400px at 50% 10%,#4dc2e01f,#0000 70%)}[data-theme=light] .header:after{background:radial-gradient(600px 400px at 50% 10%,#1185a314,#0000 70%)}.name-letter{transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .4s;display:inline-block}[data-theme=dark] .name-letter{color:var(--primary)}[data-theme=dark] .name-letter:hover{color:#fff;transform:translateY(-10px)}[data-theme=light] .name-letter{color:var(--primary)}[data-theme=light] .name-letter:hover{color:#333;transform:translateY(-10px)}@keyframes heroGradient{0%{background-position:0%,0%}50%{background-position:50%,50%}to{background-position:100%,100%}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(24px,24px)}}.header-content h1{background:linear-gradient(90deg,var(--primary)0%,var(--accent)50%,var(--primary)100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;position:relative}[data-theme=light] .header-content h1{text-shadow:none}.tagline{color:var(--muted);max-width:820px;margin:0 auto 1.75rem;font-size:1.15rem;font-weight:500}.contact-info{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin-bottom:1.25rem;font-size:.95rem;font-weight:500;display:flex}.contact-info a{color:var(--text);position:relative}.contact-info a:hover{color:var(--accent);text-shadow:0 0 10px #22d3ee80}.separator{opacity:.6;color:var(--muted)}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.25rem;display:flex}.social-links a{background:linear-gradient(135deg,var(--surface)0%,var(--surface-2)100%);border:1px solid var(--border);color:var(--text);letter-spacing:.5px;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-weight:600;transition:background .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.social-links a:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.social-links a:hover:before{left:100%}.social-links a:hover{background:linear-gradient(135deg,var(--primary-600)0%,var(--accent-600)100%);border-color:var(--accent);box-shadow:var(--glow-accent),0 0 0 1px #22c55e66,0 10px 30px -5px #0ea5e966;transform:translateY(-4px)scale(1.05)}.social-links a:active{transform:translateY(-2px)scale(1.02)}@media (max-width:768px){.tagline{font-size:1rem}.contact-info{flex-direction:column;gap:.4rem}.separator{display:none}}.about{background:linear-gradient(180deg,var(--bg)0%,var(--bg-2)100%);padding:4.25rem 2rem 4.5rem;position:relative}.about:before{content:"";pointer-events:none;opacity:.55;background:radial-gradient(600px 400px at 15% 20%,#1185a31a,#0000 70%),radial-gradient(800px 500px at 85% 60%,#4ec3e014,#0000 75%);position:absolute;inset:0}[data-theme=light] .about:before{background:radial-gradient(600px 400px at 15% 20%,#1185a30f,#0000 70%),radial-gradient(800px 500px at 85% 60%,#4ec3e00a,#0000 75%)}.about h2{text-align:center;background:linear-gradient(90deg,var(--primary)0%,var(--accent)70%);color:#0000;text-shadow:var(--glow-primary);-webkit-background-clip:text;background-clip:text;margin:0 0 2rem;font-size:clamp(2.15rem,5vw,2.9rem)}.about-text{color:var(--muted);text-align:center;letter-spacing:.25px;max-width:960px;margin:0 auto;font-size:1.05rem;line-height:1.75}.skills{background:0 0;padding:4.25rem 2rem}.skills h2{text-align:center;background:linear-gradient(90deg,var(--primary)0%,var(--accent)70%);color:#0000;text-shadow:var(--glow-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:clamp(2rem,5vw,2.6rem)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:1200px;margin:0 auto;display:grid}.skill-category{border:1px solid var(--border);cursor:pointer;background:linear-gradient(#ffffff0a,#ffffff05);border-radius:14px;padding:1.3rem 1.2rem 1.1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,background .3s}[data-theme=light] .skill-category{background:linear-gradient(#00000005,#00000003)}.skill-category:hover{border-color:var(--accent);box-shadow:var(--glow-accent),0 15px 40px -10px #1185a333;background:linear-gradient(#ffffff0f,#ffffff08);transform:translateY(-6px)scale(1.02)}[data-theme=light] .skill-category:hover{background:linear-gradient(#00000006,#00000004)}.skill-category h3{color:var(--primary);letter-spacing:.3px;margin:0 0 .8rem;font-size:1.05rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:.45rem;display:flex}.skill-tag{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:linear-gradient(#ffffff0f,#ffffff05);border-radius:999px;padding:.35rem .7rem;font-size:.85rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,color .2s,background .3s;position:relative;overflow:hidden}[data-theme=light] .skill-tag{background:linear-gradient(#00000008,#00000003)}.skill-tag:before{content:"";background:radial-gradient(circle,#4ec3e040,#0000);border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-tag:hover:before{width:200%;height:200%}.skill-tag:hover{color:var(--text);border-color:var(--accent);box-shadow:var(--glow-accent),0 8px 20px -5px #1185a340;background:radial-gradient(circle,#4ec3e026,#0000 70%),linear-gradient(#ffffff1a,#ffffff0a);transform:translateY(-3px)scale(1.08)}[data-theme=light] .skill-tag:hover{background:radial-gradient(circle,#1185a31a,#0000 70%),linear-gradient(#0000000a,#00000005)}.skill-tag:active{transform:translateY(-1px)scale(1.05)}.experience{background:linear-gradient(180deg,var(--bg-2)0%,var(--bg)100%);padding:4.25rem 2rem}.experience h2{text-align:center;background:linear-gradient(90deg,var(--primary)0%,var(--accent)70%);color:#0000;text-shadow:var(--glow-primary);-webkit-background-clip:text;background-clip:text;margin:0 0 3rem;font-size:clamp(2.15rem,5vw,2.9rem)}.timeline{max-width:1000px;margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--primary),var(--accent));opacity:.35;width:2px;position:absolute;top:0;bottom:0;left:6px}.job{border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(#ffffff0a,#ffffff04);border-radius:16px;margin:0 0 2rem 2.5rem;padding:1.85rem 1.75rem 1.9rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s,background .3s;position:relative}[data-theme=light] .job{background:linear-gradient(#00000005,#00000003)}.job:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:1.9rem;left:-2.75rem;box-shadow:0 0 0 4px #1185a333,0 0 12px 4px #4ec3e040}.job:hover{border-color:var(--accent);box-shadow:var(--glow-accent),0 20px 60px -15px #1185a340,0 0 0 1px #4ec3e026;background:linear-gradient(#ffffff0f,#ffffff06);transform:translateY(-8px)scale(1.01)}[data-theme=light] .job:hover{background:linear-gradient(#00000008,#00000004)}.job:hover:before{width:16px;height:16px;box-shadow:0 0 0 6px #1185a340,0 0 20px 6px #4ec3e04d}.job-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.job h3{color:var(--text);margin:0 0 .3rem;font-size:1.35rem;font-weight:600}.job h4{color:var(--primary);letter-spacing:.3px;margin:0;font-size:1rem;font-weight:500}.company-link{color:var(--accent);opacity:.9;align-items:center;gap:.25rem;margin-left:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,opacity .2s,transform .2s;display:inline-flex}.company-link span[aria-hidden=true]:first-child{margin-right:.05rem}.company-link:hover{opacity:1;color:var(--accent-600);transform:translateY(-1px)}.period{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.75rem;font-weight:500}.highlights{margin:0;padding-left:1.1rem}.highlights li{color:var(--muted);margin-bottom:.5rem;line-height:1.6}.highlights li:last-child{margin-bottom:0}@media (max-width:768px){.job{margin-left:1.75rem}.timeline:before{left:4px}.job:before{left:-1.9rem}.job-header{flex-direction:column}.period{white-space:normal}}.projects h2{text-align:center;background:linear-gradient(90deg,var(--primary)0%,var(--accent)70%);color:#0000;text-shadow:var(--glow-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:clamp(2rem,5vw,2.6rem)}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1120px;margin:0 auto;display:grid}.project-card{padding:var(--space-xl)var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#1185a31a,#0000 55%),linear-gradient(#ffffff0a,#ffffff05);transition:transform .25s,box-shadow .3s,border-color .3s,background .35s;position:relative;overflow:hidden}[data-theme=light] .project-card{background:radial-gradient(circle at 0 0,#1185a30d,#0000 55%),linear-gradient(#00000005,#00000003)}.project-card:hover{border-color:var(--accent);box-shadow:var(--shadow-strong),var(--glow-accent);background:radial-gradient(circle at 0 0,#4ec3e01f,#0000 60%),linear-gradient(#ffffff0b,#ffffff06);transform:translateY(-8px)scale(1.01)}[data-theme=light] .project-card:hover{background:radial-gradient(circle at 0 0,#1185a314,#0000 60%),linear-gradient(#00000006,#00000004)}.project-header{margin-bottom:.75rem}.project-card h3{color:var(--primary);margin:0 0 .35rem;font-size:1.25rem}.project-period{color:var(--muted);font-size:.8rem}.project-description{margin:0;padding-left:1.15rem}.project-description li{color:var(--muted);margin-bottom:.65rem;line-height:1.6}.project-description li:last-child{margin-bottom:0}.project-links{margin-top:var(--space-md)}.project-link{border-radius:var(--radius-full);background:radial-gradient(circle at 0% 0%,#1185a31f,transparent 55%),var(--surface);color:var(--text);letter-spacing:.02em;border:1px solid #1185a359;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.project-link span[aria-hidden=true]{font-size:.85rem}.project-link:hover{border-color:var(--accent);background:radial-gradient(circle at 0% 0%,#4ec3e033,transparent 60%),var(--surface-2);box-shadow:var(--glow-accent);transform:translateY(-1px)}.project-link:after{content:"";opacity:0;background:linear-gradient(120deg,#0000 0%,#fff9 50%,#0000 100%);width:80%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.project-link:hover:after{opacity:1;animation:.7s ease-out projectLinkShimmer}@keyframes projectLinkShimmer{0%{left:-120%}to{left:140%}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.education{background:0 0;padding:4.25rem 2rem}.education h2{text-align:center;color:var(--text);margin-bottom:2rem;font-size:clamp(2rem,5vw,2.5rem)}.education-card{border:1px solid var(--border);text-align:center;max-width:620px;box-shadow:var(--shadow);background:linear-gradient(#ffffff09,#ffffff05);border-radius:14px;margin:0 auto;padding:2rem;transition:transform .25s,box-shadow .3s,border-color .3s}[data-theme=light] .education-card{background:linear-gradient(#00000005,#00000003)}.education-card:hover{border-color:var(--accent);box-shadow:var(--glow-accent);transform:translateY(-4px)}.education-card h3{color:var(--text);margin:0 0 .5rem;font-size:1.45rem}.education-card h4{color:var(--primary);margin:0;font-size:1.05rem;font-weight:500}.footer{background:linear-gradient(180deg,var(--surface)0%,var(--bg-2)70%);color:var(--muted);text-align:center;border-top:1px solid var(--border);margin-top:auto;padding:3rem 1.5rem 2.25rem;position:relative}.footer:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(800px 400px at 50% -10%,#1185a31a,#0000 70%);position:absolute;inset:0}[data-theme=light] .footer:before{background:radial-gradient(800px 400px at 50% -10%,#1185a30f,#0000 70%)}.footer .container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.footer p{letter-spacing:.5px;margin:0 0 1.25rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.footer-links a{color:var(--text);border:1px solid var(--border);background:linear-gradient(135deg,var(--surface)0%,var(--surface-2)100%);border-radius:8px;padding:.55rem 1rem;font-size:.85rem;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .25s,background .3s}.footer-links a:hover{border-color:var(--accent);box-shadow:var(--glow-accent);background:linear-gradient(135deg,var(--primary-600)0%,var(--accent-600)100%);transform:translateY(-3px)}@media (max-width:768px){.footer-links{flex-direction:column;gap:.6rem}}.theme-toggle{z-index:1000;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:3rem;height:3rem;box-shadow:var(--shadow);justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s,background .3s;display:flex;position:fixed;top:1.5rem;right:1.5rem}.theme-toggle:hover{border-color:var(--accent);box-shadow:var(--glow-accent);background:var(--surface-2);transform:translateY(-2px)scale(1.05)}.theme-toggle:active{transform:translateY(0)scale(1)}.toggle-icon{width:1.25rem;height:1.25rem;color:var(--muted);transition:transform .3s,color .3s}.theme-toggle:hover .toggle-icon{color:var(--text);transform:rotate(20deg)scale(1.1)}@media (max-width:768px){.theme-toggle{width:2.5rem;height:2.5rem;top:1rem;right:1rem}.toggle-icon{width:1rem;height:1rem}}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.container{max-width:1120px;padding:0 var(--space-lg);margin:0 auto}.app:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 50% 0,#00000040,#0000 60%);position:fixed;inset:0}[data-theme=light] .app:after{background:radial-gradient(60% 40% at 50% 0,#0000000d,#0000 60%)}section{padding-block:var(--space-3xl)}@media (max-width:768px){.container{padding:0 var(--space-md)}section{padding-block:var(--space-2xl)}}