:root,html[data-theme=dark]{--bg:#020617;--bg-2:#07111f;--panel:#0f172ac7;--panel-solid:#0f172a;--border:#ffffff1f;--text:#e5e7eb;--muted:#a5b4c7;--heading:#fff;--cyan:#67e8f9;--violet:#8b5cf6;--emerald:#34d399;--pink:#f472b6;--shadow:#00000061;--gradient:radial-gradient(circle at 15% 8%, #67e8f92e, transparent 30%), radial-gradient(circle at 90% 10%, #8b5cf62b, transparent 28%), radial-gradient(circle at 50% 88%, #34d39921, transparent 36%), linear-gradient(135deg,#020617 0%,#08111f 52%,#111827 100%)}html[data-theme=light]{--bg:#f8fbff;--bg-2:#eef6ff;--panel:#ffffffd1;--panel-solid:#fff;--border:#0f172a1f;--text:#14213d;--muted:#536179;--heading:#06162f;--cyan:#0891b2;--violet:#6d28d9;--emerald:#059669;--pink:#db2777;--shadow:#0f172a1f;--gradient:radial-gradient(circle at 15% 8%, #0891b22e, transparent 32%), radial-gradient(circle at 92% 10%, #6d28d924, transparent 30%), radial-gradient(circle at 44% 90%, #05966924, transparent 36%), linear-gradient(135deg,#f8fbff 0%,#eff6ff 48%,#fdf2f8 100%)}*{box-sizing:border-box;scroll-behavior:smooth}html,body{background:var(--gradient);min-height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000001f);mask-image:linear-gradient(#000000bf,#0000001f)}html[data-theme=light] body:before{background-image:linear-gradient(#0f172a0d 1px,#0000 1px),linear-gradient(90deg,#0f172a0d 1px,#0000 1px)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container-wide{width:min(1180px,100% - 32px);margin:0 auto}.section-pad{padding:92px 0}.page-hero{padding:86px 0 38px;position:relative;overflow:hidden}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:950}.section-title,h1,h2,h3{color:var(--heading);letter-spacing:-.045em}.nav-name{color:var(--heading)}.nav-subtitle{color:var(--cyan)}.portfolio-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--border)}.brand-mark{color:#03121f;background:linear-gradient(135deg, var(--cyan), #a78bfa, var(--emerald));border-radius:17px;width:48px;height:48px;font-weight:1000;box-shadow:0 14px 38px #67e8f940}.portfolio-nav-link,.mobile-portfolio-link{color:var(--muted);border-radius:999px;padding:10px 13px;font-size:14px;font-weight:850}.portfolio-nav-link:hover,.mobile-portfolio-link:hover{color:var(--heading);background:color-mix(in srgb, var(--panel-solid) 72%, transparent);transform:translateY(-1px)}.mobile-menu{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent)}.primary-button{box-shadow:0 16px 42px #67e8f938;background:linear-gradient(135deg, var(--cyan), #a78bfa)!important;color:#020617!important}.theme-toggle,.menu-button{color:var(--heading)!important;background:color-mix(in srgb, var(--panel-solid) 70%, transparent)!important;border:1px solid var(--border)!important}.theme-toggle:hover,.menu-button:hover,.primary-button:hover{transform:translateY(-2px)}.glass-panel{background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px}.hero-section{min-height:calc(100vh - 76px)}.aurora{filter:blur(60px);opacity:.24;pointer-events:none;border-radius:999px;width:380px;height:380px;position:absolute}.aurora-one{background:var(--cyan);top:12%;right:9%}.aurora-two{background:var(--violet);bottom:4%;left:8%}.hero-chip,.skill-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-solid) 68%, transparent);color:var(--heading);border-radius:999px;padding:9px 13px;font-weight:850}.hero-image-wrap{border:1px solid var(--border);box-shadow:0 28px 90px var(--shadow);background:var(--panel);border-radius:34px;min-height:560px;position:relative;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;min-height:560px}.hero-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#020617b8;border:1px solid #ffffff38;border-radius:24px;padding:18px;position:absolute;bottom:20px;left:20px;right:20px}.card-hover{transition:transform .24s,border-color .24s,box-shadow .24s}.card-hover:hover{border-color:color-mix(in srgb, var(--cyan) 60%, var(--border));box-shadow:0 26px 80px var(--shadow);transform:translateY(-8px)}.tag-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-solid) 65%, transparent);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:13px;font-weight:800;display:inline-flex}.photo-card{border:1px solid var(--border);background:var(--panel);min-height:340px;box-shadow:0 18px 55px var(--shadow);border-radius:30px;position:relative;overflow:hidden}.photo-card img{object-fit:cover;width:100%;height:100%;min-height:340px;transition:transform .45s}.photo-card:hover img{transform:scale(1.07)}.photo-caption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#020617b8;border-radius:20px;padding:15px;position:absolute;bottom:14px;left:14px;right:14px}.blog-card{flex-direction:column;justify-content:space-between;min-height:310px;display:flex}.portfolio-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent)}.social-button{border:1px solid var(--border);background:var(--panel);width:42px;height:42px;color:var(--heading);border-radius:999px}.code-line{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.code-line span{color:var(--pink)}.code-line b{color:var(--cyan)}.indent{padding-left:24px}@media (max-width:768px){.section-pad{padding:70px 0}.page-hero{padding:64px 0 24px}.hero-image-wrap,.hero-image{min-height:430px}.container-wide{width:min(100% - 24px,1180px)}}.project-tab{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--heading);box-shadow:0 16px 44px var(--shadow);border-radius:26px;padding:22px}.project-tab.active{background:linear-gradient(135deg, var(--cyan), #a78bfa);color:#020617}.project-tab:hover{transform:translate(6px)}.featured-project,.timeline-card,.contact-card{background:var(--panel);border:1px solid var(--border);box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text);border-radius:32px}.project-icon,.experience-badge{background:color-mix(in srgb, var(--cyan) 16%, transparent);border:1px solid color-mix(in srgb, var(--cyan) 34%, var(--border));width:fit-content;color:var(--cyan);border-radius:999px;padding:10px 13px;font-weight:950}.tech-tag{background:color-mix(in srgb, var(--panel-solid) 66%, transparent);border:1px solid var(--border);color:var(--heading);border-radius:999px;padding:9px 12px;font-weight:850}.highlight-card,.experience-point,.contact-info{background:color-mix(in srgb, var(--panel-solid) 62%, transparent);border:1px solid var(--border);color:var(--text);border-radius:22px;padding:16px}.round-icon{background:linear-gradient(135deg, var(--cyan), #a78bfa);color:#020617;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid}.container-narrow{width:min(880px,100% - 32px);margin:0 auto}.social-button:hover{border-color:color-mix(in srgb, var(--cyan) 55%, var(--border));color:var(--cyan);transform:translateY(-3px)}.blog-card a:hover{color:var(--cyan)}html[data-theme=light] .primary-button{color:#fff!important;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#10b981)!important}html[data-theme=light] .hero-badge,html[data-theme=light] .photo-caption{background:#06162fb8}@media (max-width:768px){.container-narrow{width:min(100% - 24px,880px)}}.portfolio-nav-link.active,.mobile-portfolio-link.active{color:#020617;background:linear-gradient(135deg, var(--cyan), #a78bfa, var(--emerald));box-shadow:0 12px 30px #67e8f93d}html[data-theme=light] .portfolio-nav-link.active,html[data-theme=light] .mobile-portfolio-link.active{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#10b981)}.header-social-button{width:38px;height:38px;transition:all .25s;color:var(--heading)!important;background:color-mix(in srgb, var(--panel-solid) 70%, transparent)!important;border:1px solid var(--border)!important}.header-social-button:hover{transform:translateY(-2px);color:var(--cyan)!important;border-color:color-mix(in srgb, var(--cyan) 55%, var(--border))!important}