@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--blue-accent:230 230 255}html{scroll-behavior:smooth}body{color:#f6f6f6;letter-spacing:.01em;background:#000;min-height:100vh;margin:0;font-family:Geist,system-ui,-apple-system,sans-serif;font-weight:200}input,button,textarea,select{font-family:inherit}a{color:inherit}section,footer{scroll-margin-top:4rem}.site-header{z-index:20;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.site-nav{border:1px solid rgb(var(--blue-accent)/.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030e1e40;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:min(100vw - 1rem,34rem);padding:.35rem;display:flex;position:relative;box-shadow:0 10px 26px #00000059}.site-nav a{color:#e2e6ea;border-radius:999px;padding:.45rem .85rem;font-size:.9rem;font-weight:400;line-height:1;text-decoration:none}.nav-divider{background:rgb(var(--blue-accent)/.35);border-radius:1px;align-self:stretch;width:1px;margin:.3rem .1rem}.nav-glider{background:rgb(var(--blue-accent)/.15);box-shadow:0 0 14px rgb(var(--blue-accent)/.3);opacity:0;pointer-events:none;border-radius:999px;transition:left .2s cubic-bezier(.25,.46,.45,.94),top .2s cubic-bezier(.25,.46,.45,.94),width .2s cubic-bezier(.25,.46,.45,.94),height .2s cubic-bezier(.25,.46,.45,.94),opacity .15s;position:absolute}@media (prefers-reduced-motion:reduce){.nav-glider{transition:opacity .15s}}.scroll-progress-bar{background:rgb(var(--blue-accent));width:100%;height:3px;box-shadow:0 0 8px 1px rgb(var(--blue-accent)/.5);transform-origin:0;z-index:100;pointer-events:none;position:fixed;top:0;left:0;transform:scaleX(0)}.background-layer{z-index:0;pointer-events:none;position:fixed;inset:0}.starfield-canvas{width:100%;height:100%;position:absolute;inset:0}.background-shader{background:radial-gradient(circle at 50% 0,#ffffff24,#fff0 62%),radial-gradient(circle at 20% 18%,#ffffff0f,#fff0 44%);position:absolute;inset:0}.page-content{z-index:1;position:relative}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex}.hero-content{flex-direction:column;align-items:center;gap:.75rem;display:flex}.hero-name{text-shadow:0 0 18px rgb(var(--blue-accent)/.45);margin:0;font-size:clamp(3.2rem,9vw,7rem);font-weight:400;line-height:1}.hero-title{justify-content:center;align-items:baseline;width:100%;min-height:1.2em;margin:0;font-size:clamp(1.9rem,4vw,3.2rem);font-weight:200;display:flex}.typing-text{text-align:center;text-shadow:0 0 18px rgb(var(--blue-accent)/.45)}.typing-cursor{margin-left:.08em;animation:1s step-end infinite cursor-blink}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:0}}.hero-links{gap:.85rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.hero-icon-link{border:1px solid rgb(var(--blue-accent)/.85);color:#e2e6ea;background:#030e1e61;border-radius:999px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;text-decoration:none;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex;position:relative}.hero-icon-link:before,.hero-icon-link:after{opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;position:absolute;left:50%}.hero-icon-link:before{content:"";border-top:1px solid rgb(var(--blue-accent)/.4);border-left:1px solid rgb(var(--blue-accent)/.4);z-index:9;background:#ced4dc;width:.62rem;height:.62rem;top:calc(100% + .42rem);transform:translate(-50%)translateY(-4px)rotate(45deg)}.hero-icon-link:after{content:attr(aria-label);border:1px solid rgb(var(--blue-accent)/.4);color:#0e1a2a;white-space:nowrap;z-index:10;background:#ced4dc;border-radius:.25rem;padding:.28rem .6rem;font-size:.95rem;font-weight:500;line-height:1.1;top:calc(100% + .72rem);transform:translate(-50%)translateY(-4px);box-shadow:0 8px 20px #00000047}.hero-icon-link:hover{background:rgb(var(--blue-accent)/.15);border-color:rgb(var(--blue-accent));transform:translateY(-2px)}.hero-icon-link:hover:before,.hero-icon-link:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)rotate(45deg)}.hero-icon-link:hover:after,.hero-icon-link:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.hero-icon-link svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem;filter:drop-shadow(0 0 5px rgb(var(--blue-accent)/.5))}@media (max-width:640px){.site-header{justify-content:center;padding:0 .4rem;display:flex;top:.65rem;left:0;right:0;transform:none}.site-nav{width:100%;max-width:none}.hero-content{transform:translateY(-1.5rem)}}.experience-section{padding:4.5rem 1.5rem 2.5rem}.experience-inner{max-width:60rem;margin:0 auto}.experience-heading{color:rgb(var(--blue-accent));text-shadow:0 0 18px rgb(var(--blue-accent)/.4);margin:0 0 1.3rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700}.experience-about{color:#e2e6ead1;width:100%;max-width:none;margin:0 0 1.2rem;font-size:.95rem;line-height:1.6}.experience-timeline{border:1px solid rgb(var(--blue-accent)/.38);width:100%;box-shadow:0 0 0 1px rgb(var(--blue-accent)/.06)inset,0 0 20px rgb(var(--blue-accent)/.12),0 10px 24px #0003;background:#01060d7a;border-radius:.65rem;position:relative;overflow:hidden}.experience-timeline:before{content:"";background:rgb(var(--blue-accent)/.5);width:1px;position:absolute;top:0;bottom:0;left:2.78125rem}.experience-item{grid-template-columns:5.6rem 1fr;gap:1.1rem;padding:1.25rem 1.25rem 1.25rem 0;display:grid}.experience-marker{border:1px solid rgb(var(--blue-accent)/.4);color:#0e1a2a;z-index:1;background:#edf1f6;border-radius:999px;justify-content:center;align-items:center;width:3.5625rem;height:3.5625rem;margin-left:1rem;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 4px #01060d7a}.experience-marker span{letter-spacing:.04em;font-size:.7rem;font-weight:700}.experience-logo{object-fit:cover;border-radius:999px;width:100%;height:100%}.experience-content{flex-direction:column;display:flex}.experience-dates{color:#e2e6eab8;margin:0 0 .15rem;font-size:.86rem}.experience-company{color:#f5f5f5;margin:0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.15}.experience-role{color:#e2e6ead9;margin:.2rem 0 0;font-size:.94rem;font-weight:500}.experience-bullets{color:#e2e6eae6;gap:.35rem;margin:.7rem 0 0;padding:0;font-size:.95rem;line-height:1.45;list-style:none;display:grid}@media (max-width:720px){.experience-item{grid-template-columns:4.8rem 1fr;gap:.8rem;padding-right:.9rem}.experience-timeline:before{left:2.45rem}.experience-marker{width:3rem;height:3rem;margin-left:.95rem}.experience-company{font-size:clamp(1rem,5.2vw,1.2rem)}}.projects-section{padding:2rem 1.5rem 2.5rem}.projects-inner{max-width:60rem;margin:0 auto}.projects-heading{color:rgb(var(--blue-accent));text-shadow:0 0 18px rgb(var(--blue-accent)/.4);margin:0 0 1.2rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{border:1px solid rgb(var(--blue-accent)/.36);box-shadow:0 0 0 1px rgb(var(--blue-accent)/.06)inset,0 0 18px rgb(var(--blue-accent)/.12),0 10px 26px #0000003d;background:#01060d7a;border-radius:.65rem;overflow:hidden}.project-image-shell{aspect-ratio:16/9;border-bottom:1px solid rgb(var(--blue-accent)/.35);background:#00000073;width:100%;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;display:block}.project-card-body{padding:1rem 1rem 1.05rem}.project-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-name{color:#f5f5f5;margin:0;font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.2}.project-links{align-items:center;gap:.45rem;display:inline-flex}.project-icon-link{border:1px solid rgb(var(--blue-accent)/.35);color:#e2e6ead9;background:#09101b99;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .16s,border-color .16s,color .16s,background-color .16s;display:inline-flex}.project-icon-link:hover{border-color:rgb(var(--blue-accent)/.85);color:rgb(var(--blue-accent));background:rgb(var(--blue-accent)/.1);transform:translateY(-1px)}.project-icon-link svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.95rem;height:.95rem}.project-icon-link-demo{color:#e2e6ea99}.project-icon-link-demo svg{fill:none;stroke-width:1.45px;width:.9rem;height:.9rem}.project-tech-values{letter-spacing:.08em;color:rgb(var(--blue-accent)/.85);margin:.65rem 0 0;font-size:.74rem;font-weight:600;line-height:1.45}.project-description{color:#e2e6ead1;margin:.6rem 0 0;font-size:.95rem;line-height:1.6}@media (max-width:820px){.projects-grid{grid-template-columns:1fr}}.contact-section{padding:5rem 1.5rem 4rem}.contact-inner{max-width:60rem;margin:0 auto}.contact-heading{color:rgb(var(--blue-accent));text-shadow:0 0 18px rgb(var(--blue-accent)/.4);margin:0 0 .4rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:700}.contact-sub{color:#e2e6eab3;margin:0 0 2rem;font-size:.95rem}.contact-sub a{color:rgb(var(--blue-accent));text-underline-offset:2px;text-decoration:underline}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact-field{flex-direction:column;gap:.4rem;display:flex}.contact-field label{color:#e2e6eae6;letter-spacing:.02em;font-size:.88rem;font-weight:600}.contact-field input,.contact-field textarea{border:1px solid rgb(var(--blue-accent)/.3);color:#e2e6ea;resize:vertical;background:#01060d73;border-radius:.45rem;padding:.65rem .9rem;font-size:.92rem;transition:border-color .16s,box-shadow .16s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#e2e6ea4d}.contact-field input:focus,.contact-field textarea:focus{border-color:rgb(var(--blue-accent)/.75);box-shadow:0 0 0 3px rgb(var(--blue-accent)/.1);outline:none}.contact-submit-row{justify-content:center;margin-top:.5rem;display:flex}.contact-submit{background:rgb(var(--blue-accent)/.18);border:none;border:1px solid rgb(var(--blue-accent)/.75);color:rgb(var(--blue-accent));cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 2rem;font-size:1rem;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.contact-submit:hover{background:rgb(var(--blue-accent)/.28);box-shadow:0 0 14px rgb(var(--blue-accent)/.3);transform:translateY(-1px)}.contact-submit svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}@media (max-width:600px){.contact-row{grid-template-columns:1fr}}.other-page{min-height:100vh}.other-back-btn{border:1px solid rgb(var(--blue-accent)/.5);color:rgb(var(--blue-accent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#030e1e73;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1rem .5rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex;position:fixed;top:1.25rem;left:1.5rem}.other-back-btn:hover{background:rgb(var(--blue-accent)/.15);box-shadow:0 0 14px rgb(var(--blue-accent)/.3);transform:translate(-2px)}.other-back-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.site-footer{text-align:center;color:#e2e6eab8;padding:1.5rem 1rem 2rem;font-size:.92rem}.site-footer p{margin:0}