:root{--bg-deep:#070a0f;--bg:#0c1118;--bg-elevated:#121a24;--bg-muted:#1a2330;--border:rgba(148,163,184,.12);--border-strong:rgba(148,163,184,.22);--text:#e8edf4;--text-muted:#94a3b8;--accent:#b2c0fd;--accent-dim:rgba(178,192,253,.18);--accent-glow:rgba(178,192,253,.4);--font-sans:"DM Sans",system-ui,sans-serif;--font-display:"Sora","Syne","Space Grotesk","Inter","Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif;--radius:12px;--radius-sm:8px;--header-h:76px;--max:1100px;--monet-water:rgba(88,138,142,.5);--monet-lily:rgba(115,158,125,.4);--monet-sky:rgba(165,192,218,.28);--monet-dawn:rgba(210,175,195,.2);--monet-pond:rgba(65,105,115,.35)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6;margin:0;min-height:100vh}.site-footer,.site-header,main{position:relative;z-index:1}img{display:block;height:auto;max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip-link{background:var(--accent);border-radius:var(--radius-sm);color:var(--bg-deep);font-weight:600;left:-9999px;padding:.5rem 1rem;position:absolute;top:.5rem;z-index:100}.skip-link:focus{left:.5rem;outline:2px solid var(--text)}.container{margin-inline:auto;width:min(100% - 2rem,var(--max))}.site-header{backdrop-filter:blur(12px);background:rgba(7,10,15,.75);border-bottom:1px solid rgba(178,192,253,.3);box-shadow:inset 0 1px 0 rgba(178,192,253,.12);height:var(--header-h);position:sticky;top:0;z-index:50}.header-inner{align-items:center;display:flex;height:var(--header-h);justify-content:space-between}.logo{align-items:center;color:var(--text);display:inline-flex;font-family:var(--font-display);font-size:clamp(.9375rem,2.5vw,1.0625rem);font-weight:600;gap:.8rem;letter-spacing:.01em;line-height:1.25}.logo,.logo:hover{text-decoration:none}.logo-mark,.logo:hover{color:var(--accent)}.logo-mark{align-items:center;background:rgba(178,192,253,.12);border:1px solid rgba(178,192,253,.35);border-radius:.55rem;display:inline-flex;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;height:2.2rem;justify-content:center;letter-spacing:.05em;width:2.2rem}.logo-text{display:grid;gap:.34rem}.logo-name{color:var(--text);font-size:1.22rem;font-weight:700;line-height:1.08}.logo-role{color:var(--text-muted);font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.06em;line-height:1;text-transform:uppercase}.logo:hover .logo-name{color:var(--accent)}.logo:hover .logo-role{color:var(--text)}.nav-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:5px;height:44px;justify-content:center;padding:0;width:44px}.nav-toggle-bar{background:var(--text);border-radius:1px;display:block;height:2px;margin-inline:auto;transition:transform .2s ease,opacity .2s ease;width:20px}body.nav-open .nav-toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle-bar:nth-child(2){opacity:0}body.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-list a{color:var(--text);font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--accent)}@media (max-width:720px){.nav-toggle{display:flex}.site-nav{background:rgba(7,10,15,.96);border-bottom:1px solid var(--border);inset:var(--header-h) 0 auto 0;opacity:0;padding:1rem;position:fixed;transform:translateY(-100%);transition:transform .25s ease,opacity .25s ease,visibility .25s;visibility:hidden}.site-nav.is-open{opacity:1;transform:translateY(0);visibility:visible}.nav-list{flex-direction:column;gap:0}.nav-list li{border-bottom:1px solid var(--border)}.nav-list a{display:block;padding:.875rem 0}}.hero{padding:clamp(3.1rem,8.5vw,5.2rem) 0 clamp(3.2rem,8.8vw,5.3rem);position:relative}.hero-inner{align-items:start;display:grid;gap:clamp(2rem,5vw,3.5rem);grid-template-columns:minmax(0,1fr) minmax(0,min(44vw,440px))}@media (max-width:900px){.hero-inner{gap:2.5rem;grid-template-columns:1fr}.hero-visual{margin-inline:auto;max-width:360px}.hero-content{display:grid;gap:inherit}}.hero-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:0}.hero-actions,.hero-kicker,.hero-lead,.hero-title{animation:hero-text-reveal .75s cubic-bezier(.22,1,.36,1) forwards;opacity:0;transform:translateY(14px)}.hero-kicker{animation-delay:.02s}.hero-title{animation-delay:.1s}.hero-lead{animation-delay:.2s}.hero-actions{animation-delay:.32s}@keyframes hero-text-reveal{to{opacity:1;transform:translateY(0)}}.hero-visual{animation:hero-visual-reveal 1.1s cubic-bezier(.22,1,.36,1) .15s forwards;background:var(--bg-muted);border:1px solid rgba(110,155,145,.22);border-radius:calc(var(--radius) + 4px);box-shadow:0 24px 48px rgba(0,0,0,.4),0 0 40px rgba(110,155,145,.12),inset 0 0 0 1px hsla(0,0%,100%,.04);justify-self:end;opacity:0;overflow:hidden;position:relative;transform:scale(.82)}@keyframes hero-visual-reveal{0%{border-radius:50%;opacity:0;transform:scale(.78)}45%{opacity:1}70%{border-radius:26px}to{border-radius:calc(var(--radius) + 4px);opacity:1;transform:scale(1)}}@media (max-width:900px){.hero-visual{justify-self:center}}.terminal-window{background:linear-gradient(180deg,rgba(33,43,58,.78),rgba(16,24,35,.88));border:1px solid rgba(178,192,253,.32);border-radius:calc(var(--radius) + 2px);box-shadow:inset 0 0 0 1px rgba(178,192,253,.14),0 14px 30px rgba(0,0,0,.35);contain:layout style paint;overflow:hidden}.terminal-bar{align-items:center;background:rgba(23,32,45,.95);border-bottom:1px solid rgba(178,192,253,.2);display:flex;gap:.45rem;padding:.7rem .85rem}.terminal-dot{border-radius:999px;display:inline-block;height:.68rem;width:.68rem}.terminal-dot-red{background:#ff5f56}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#27c93f}.terminal-body{background:#131c28;min-height:240px;padding:1.1rem 1rem}.terminal-line{color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.95rem,2.1vw,1.12rem);line-height:1.7;margin:0}.terminal-intro{display:inline}.terminal-name-big{color:var(--accent)!important;font-size:inherit;font-weight:inherit;line-height:inherit}.terminal-typing{display:block;margin-top:.55rem;white-space:pre-wrap}.terminal-cursor{animation:terminal-cursor-blink 1s step-end infinite;border-bottom:2px solid #b2c0fd;display:inline-block;margin-left:.1rem;width:.62em}.hero-image{aspect-ratio:1/1;display:block;height:auto;object-fit:contain;width:100%}@keyframes terminal-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-actions,.hero-kicker,.hero-lead,.hero-title,.hero-visual{animation:none;opacity:1;transform:none}.hero-visual{border-radius:calc(var(--radius) + 4px)}.terminal-cursor{animation:none}}.hero-kicker{align-items:center;color:var(--accent);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.5rem;letter-spacing:.06em;margin:0;text-transform:uppercase}.hero-kicker .fa-spin{font-size:.65rem;opacity:.9}.hero-title{font-family:var(--font-display);font-size:clamp(2.35rem,5.2vw,3.4rem);font-style:normal;font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0 0 1.25rem;max-width:20ch}.accent{color:var(--accent);font-weight:700}.hero-lead{color:var(--text-muted);font-size:1.0625rem;margin:0 0 2rem;max-width:42ch}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9375rem;font-weight:600;height:fit-content;justify-content:center;padding:1rem 1.75rem;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-primary{background:var(--accent);color:var(--bg-deep)}.btn-primary:hover{background:#d4e2ff;text-decoration:none}.btn-ghost{background:transparent;border-color:rgba(178,192,253,.3);color:var(--text)}.btn-ghost:hover{background:var(--bg-elevated);border-color:rgba(178,192,253,.45);text-decoration:none}.section{padding:clamp(3rem,8vw,6.5rem) 0}main>section+section{position:relative}main>section+section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 24'%3E%3Cpath fill='none' stroke='rgba(178,192,253,0.8)' stroke-width='1.5' d='M0 12c120-10 240 10 360 0s240 10 360 0 240 10 360 0c60-5 90-6 120-2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;content:"";height:40px;left:50%;opacity:.7;pointer-events:none;position:absolute;top:-22px;transform:translateX(-50%);width:min(100% - 2rem,var(--max))}.section-title{color:var(--text);display:inline-block;font-family:var(--font-display);font-size:clamp(1.5rem,2.7vw,1.95rem);font-style:normal;font-weight:700;letter-spacing:.01em;margin:0 0 .75rem;position:relative}.section-intro{color:var(--text-muted);margin:0 0 2rem;max-width:52ch}.about .section-intro{max-width:none}.about-copy{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2rem}.about-copy .section-intro{margin:0}@media (max-width:800px){.about-copy{grid-template-columns:1fr}}.about-highlights{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;margin:0;padding:0}.about-highlights li{background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,linear-gradient(145deg,rgba(110,155,145,.45),rgba(178,192,253,.38),rgba(195,165,185,.3)) border-box;border:1px solid transparent;border-radius:var(--radius);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);display:grid;gap:.55rem;justify-items:center;padding:1.25rem;text-align:center}.about-icon{align-items:center;background:var(--accent-dim);border-radius:var(--radius-sm);color:var(--accent);display:inline-flex;font-size:1rem;height:40px;justify-content:center;margin-bottom:.25rem;width:40px}.about-highlights strong{font-size:1rem;font-weight:600}.about-highlights li>span:last-child{color:var(--text-muted);font-size:.9375rem}.projects{background:transparent}.projects .section-intro,.projects .section-title{margin-inline:auto;text-align:center}.projects .section-title{display:table}.project-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,420px));justify-content:center}@media (max-width:640px){.project-grid{gap:1.5rem;grid-template-columns:minmax(0,1fr)}}.project-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.project-card:hover{border-color:var(--border-strong);box-shadow:0 12px 40px rgba(0,0,0,.35)}.project-card-wide{grid-column:1/-1}@media (min-width:641px){.project-card-wide{align-items:stretch;flex-direction:row}.project-card-wide .project-image-link{flex:0 0 min(52%,480px)}.project-card-wide .project-body{justify-content:center}}.project-image-link{display:block;text-decoration:none}.project-image-link:hover .project-image{opacity:.95}.project-image{aspect-ratio:16/9;background:var(--bg-muted);overflow:hidden;position:relative}.project-card-wide .project-image{aspect-ratio:auto;min-height:220px}@media (min-width:641px){.project-card-wide .project-image{min-height:100%}}.project-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:1}.project-img:not([src]),.project-img[data-empty=true]{opacity:0;pointer-events:none}.project-image.has-real-image .project-image-fallback{opacity:0;visibility:hidden}.project-image-fallback{align-items:center;background:linear-gradient(135deg,rgba(110,155,145,.1),transparent 45%),linear-gradient(135deg,rgba(178,192,253,.1),transparent 50%),repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(148,163,184,.04) 0,rgba(148,163,184,.04) 9px);color:var(--text-muted);display:flex;flex-direction:column;font-size:.8125rem;gap:.5rem;inset:0;justify-content:center;position:absolute;z-index:0}.project-image-fallback i{font-size:1.75rem;opacity:.5}.project-body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.25rem 1.35rem 1.35rem}.project-title{font-family:var(--font-sans);font-size:1.2rem;font-style:normal;font-weight:600;letter-spacing:0;margin:0}.project-desc{color:var(--text-muted);flex:1;font-size:.9375rem;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.project-tags li{background:var(--bg-deep);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.25rem .6rem}.project-links{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.25rem}.project-link{align-items:center;color:var(--accent);display:inline-flex;font-size:.875rem;font-weight:600;gap:.4rem;text-decoration:none}.project-link:hover{text-decoration:underline}.contact-inner{max-width:560px}.contact-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.contact-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:flex;font-weight:500;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s ease,background .2s ease}.contact-item:hover{background:var(--bg-muted);border-color:var(--accent);text-decoration:none}.contact-item i{color:var(--accent);text-align:center;width:1.25rem}.site-footer{border-top:1px solid rgba(178,192,253,.3);box-shadow:inset 0 -1px 0 rgba(178,192,253,.12);padding:1.5rem 0 2rem}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copy{color:var(--text-muted);font-size:.875rem;margin:0}.to-top{align-items:center;background:var(--bg-elevated);border:1px solid rgba(178,192,253,.3);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:border-color .2s ease,color .2s ease;width:44px}.to-top:hover{border-color:rgba(178,192,253,.45);color:var(--accent)}.to-top:focus-visible{outline:2px solid var(--accent);outline-offset:2px}