@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}html,body,#root{width:100%;min-width:320px}body{color:#172126;background:#f6f2eb;font-family:Manrope,sans-serif}#root{text-align:center;box-sizing:border-box;border-inline:0;flex-direction:column;max-width:none;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy:#101c2c;--blue:#2457d6;--blue-soft:#edf3ff;--amber:#f6b73c;--white:#fff;--cloud:#f5f7fb;--ink:#152238;--muted:#657187;--line:#dfe5ef;--shadow:0 18px 45px #101c2c17}*{box-sizing:border-box;margin:0;padding:0}.portfolio{background:var(--white);min-height:100vh;color:var(--ink);overflow:hidden}.navbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;justify-content:space-between;align-items:center;height:72px;padding:0 max(6vw,24px);display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{background:var(--navy);width:40px;height:40px;color:var(--amber);letter-spacing:-.08em;border-radius:8px;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;display:grid}.nav-links{gap:clamp(1.25rem,3vw,2.75rem);display:flex}.nav-links a,.mobile-menu a{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800;text-decoration:none;transition:color .2s}.nav-links a:hover,.mobile-menu a:hover{color:var(--blue)}.mobile-menu-btn{color:var(--navy);cursor:pointer;background:0 0;border:0;font-size:1.45rem;display:none}.mobile-menu{display:none}.hero{background:var(--cloud);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(2rem,8vw,8rem);min-height:680px;padding:150px max(6vw,24px) 90px;display:grid;position:relative}.hero:after{content:"";border:90px solid #2457d60f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;right:-120px}.hero-content{z-index:1;text-align:left;max-width:760px;position:relative}.hero-kicker{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;margin-bottom:1.3rem;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;display:flex}.hero-kicker span{background:var(--amber);width:28px;height:2px}.hero-title{max-width:720px;color:var(--navy);letter-spacing:-.075em;font-family:Space Grotesk,sans-serif;font-size:clamp(3.3rem,7vw,6.8rem);font-weight:700;line-height:.94}.highlight{color:var(--blue);display:block}.hero-subtitle{color:var(--navy);margin-top:1.75rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.hero-description{max-width:600px;color:var(--muted);margin:.9rem 0 1.8rem;font-size:.98rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.btn{letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;padding:.9rem 1.3rem;font-size:.72rem;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:var(--white);box-shadow:0 10px 22px #2457d633}.btn-primary:hover{background:#1e49b7}.btn-secondary{color:var(--navy);background:var(--white);border-color:#bdc8d9}.btn-secondary:hover{border-color:var(--navy);background:var(--navy);color:var(--white)}.hero-stats{border-top:1px solid var(--line);gap:clamp(1.5rem,5vw,4rem);margin-top:4rem;padding-top:1rem;display:flex}.hero-stats div{flex-direction:column;gap:.2rem;display:flex}.hero-stats strong{color:var(--navy);font-family:Space Grotesk,sans-serif;font-size:1.7rem}.hero-stats span{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.62rem}.hero-card{z-index:1;background:var(--navy);color:var(--white);box-shadow:18px 18px 0 var(--amber), var(--shadow);border-radius:10px;padding:1.5rem;position:relative}.hero-card-top{color:#b9c8e3;text-transform:uppercase;border-bottom:1px solid #ffffff2e;align-items:center;gap:.5rem;padding-bottom:1rem;font-family:DM Mono,monospace;font-size:.63rem;display:flex}.hero-card-dot{background:#66d49a;border-radius:50%;width:7px;height:7px}.hero-avatar{background:var(--blue);width:110px;height:110px;color:var(--amber);letter-spacing:-.08em;border:8px solid #f6b73c33;border-radius:50%;place-items:center;margin:2rem auto 1rem;font-family:Space Grotesk,sans-serif;font-size:2.3rem;font-weight:700;display:grid}.hero-card-label{color:#b9c8e3;text-align:center;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.63rem}.hero-card-copy{color:var(--white);margin:1rem 0 1.5rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem;line-height:1.4}.hero-card-footer{border-top:1px solid #ffffff2e;flex-wrap:wrap;gap:.4rem;padding-top:1rem;display:flex}.hero-card-footer span{color:#e7eefc;background:#ffffff1a;padding:.35rem .5rem;font-family:DM Mono,monospace;font-size:.6rem}.section{padding:7rem max(6vw,24px)}.section-alt{background:var(--cloud)}.container{max-width:1120px;margin:0 auto}.section-title{color:var(--navy);letter-spacing:-.06em;align-items:center;gap:.8rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.3rem);display:flex}.section-title:before{content:"";background:var(--amber);width:32px;height:4px}.section-subtitle{max-width:620px;color:var(--muted);margin:.75rem 0 0 2.7rem;line-height:1.7}.about-content{max-width:820px;margin:2.5rem 0 0 2.7rem}.about-text p{color:var(--muted);margin-bottom:1.15rem;line-height:1.85}.availability-badge{color:#24734b;text-transform:uppercase;border:1px solid #b8d9c8;border-radius:5px;align-items:center;gap:.55rem;margin-top:.7rem;padding:.55rem .8rem;font-family:DM Mono,monospace;font-size:.63rem;display:inline-flex}.status-dot{background:#45b579;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 0 4px #45b57926}@keyframes pulse{50%{opacity:.45}}.experience-timeline{max-width:920px;margin:2.8rem auto 0}.experience-item{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;margin-bottom:1rem;padding:1.5rem 1.7rem;transition:box-shadow .2s,transform .2s;position:relative}.experience-item:hover{box-shadow:var(--shadow);transform:translate(4px)}.experience-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:.35rem 1rem;padding-bottom:.9rem;display:grid}.experience-title{color:var(--navy);grid-column:1/-1;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.experience-company{color:var(--blue);font-weight:800}.experience-date{color:var(--muted);text-align:right;font-family:DM Mono,monospace;font-size:.62rem}.experience-details{color:var(--muted);padding:.9rem 0 0 1.1rem;line-height:1.7}.experience-details li{margin-bottom:.35rem;padding-left:.3rem}.experience-details li::marker{color:var(--amber)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.8rem;display:grid}.project-card{background:var(--white);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-height:345px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.project-icon{background:var(--blue-soft);border-radius:8px;place-items:center;width:48px;height:48px;margin-bottom:1.7rem;font-size:1.35rem;display:grid}.project-title{color:var(--navy);margin-bottom:.65rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.project-description{color:var(--muted);flex-grow:1;font-size:.88rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.4rem;margin:1.25rem 0;display:flex}.tag{background:var(--cloud);color:var(--muted);padding:.3rem .5rem;font-family:DM Mono,monospace;font-size:.58rem}.project-link{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800;text-decoration:none}.project-link:hover{color:var(--navy)}.skills-grid{flex-wrap:wrap;gap:.55rem;max-width:980px;margin:2.7rem auto 0;display:flex}.skill-item{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:4px;padding:.7rem .85rem;font-family:DM Mono,monospace;font-size:.68rem;transition:all .2s}.skill-item:hover{border-color:var(--blue);background:var(--blue);color:var(--white);transform:translateY(-2px)}.contact-content{max-width:920px;margin:2.7rem auto 0}.contact-info{background:var(--navy);border-radius:8px;padding:2rem}.contact-info h3{color:var(--amber);margin-bottom:.75rem;font-family:Space Grotesk,sans-serif;font-size:1.7rem}.contact-info>p{color:#c5d0e1;max-width:650px;line-height:1.8}.contact-methods{flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;display:flex}.contact-link{color:var(--white);border:1px solid #40516e;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.75rem;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.contact-link:hover{border-color:var(--amber);background:#1d2d45}.contact-icon{font-size:.95rem}.footer{color:#98a9c1;text-align:center;background:#0b1421;padding:1.8rem 24px;font-family:DM Mono,monospace;font-size:.62rem}.footer p{margin-bottom:.4rem}@media (width<=700px){.navbar{height:64px}.nav-links{display:none}.mobile-menu-btn{display:block}.mobile-menu{background:var(--white);border-bottom:1px solid var(--line);z-index:9;flex-direction:column;gap:1.2rem;padding:1.4rem 24px;display:flex;position:fixed;inset:64px 0 auto}.hero{min-height:0;padding-top:110px;padding-bottom:58px;display:block}.hero:after{border-width:50px;width:240px;height:240px;bottom:-120px;right:-150px}.hero-title{font-size:clamp(3rem,14vw,4.5rem)}.hero-stats{gap:1.25rem;margin-top:3rem}.hero-stats strong{font-size:1.35rem}.hero-stats span{font-size:.53rem}.hero-card{display:none}.section{padding-top:5rem;padding-bottom:5rem}.section-subtitle,.about-content{margin-left:0}.projects-grid{grid-template-columns:1fr}.experience-header{display:block}.experience-date{text-align:left;margin-top:.35rem}.contact-info{padding:1.4rem}.contact-link{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}