:root{--background:#0b1020;--surface:#11182b;--surface-2:#141d33;--foreground:#f8fafc;--muted:#94a3b8;--primary:#2563eb;--accent:#22d3ee;--line:#94a3b829;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#22d3ee40}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.section-shell,.nav-shell{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1020c7;border-bottom:1px solid #94a3b81a;position:fixed;inset:0 0 auto}.nav-shell{justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:11px;font-size:14px;display:inline-flex}.brand>span{aspect-ratio:1;background:linear-gradient(135deg, var(--primary), #1748b5);border-radius:9px;place-items:center;width:34px;font-weight:800;display:grid;box-shadow:0 0 24px #2563eb52}.nav-links{color:#cbd5e1;align-items:center;gap:28px;font-size:13px;display:flex}.nav-links>a:not(.nav-resume){transition:color .2s;position:relative}.nav-links>a:not(.nav-resume):after{content:"";background:var(--accent);height:1px;transition:right .2s;position:absolute;bottom:-9px;left:0;right:100%}.nav-links>a:hover{color:#fff}.nav-links>a:hover:after{right:0}.nav-resume{background:var(--primary);color:#fff;border-radius:9px;padding:10px 14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 28px #2563eb38}.nav-resume:hover{transform:translateY(-2px);box-shadow:0 12px 34px #2563eb57}.menu-toggle{display:none}.hero{isolation:isolate;align-items:center;min-height:820px;padding:132px 0 68px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;filter:blur(8px);background:radial-gradient(circle,#2563eb33,#0000 68%);width:620px;height:620px;position:absolute;top:48px;right:-170px}.hero:after{content:"";z-index:-2;background:radial-gradient(circle,#22d3ee1a,#0000 66%);width:460px;height:460px;position:absolute;bottom:-160px;left:-270px}.hero-grid{z-index:-3;opacity:.15;background-image:linear-gradient(#94a3b821 1px,#0000 1px),linear-gradient(90deg,#94a3b821 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(400px,.9fr);align-items:center;gap:84px;display:grid}.hero-copy{animation:.8s cubic-bezier(.2,.8,.2,1) both reveal}.availability{color:#b8f4fb;letter-spacing:.08em;text-transform:uppercase;background:#22d3ee0f;border:1px solid #22d3ee33;border-radius:999px;align-items:center;gap:9px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-flex}.availability>span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px #22d3ee1a, 0 0 14px var(--accent);border-radius:50%}.eyebrow{color:var(--accent);font:700 12px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:30px 0 16px}h1{letter-spacing:-.052em;max-width:700px;margin:0;font-size:clamp(44px,5vw,72px);font-weight:760;line-height:1.04}h1 span{background:linear-gradient(100deg, #fff 12%, #93c5fd 58%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:11px;min-height:50px;padding:0 21px;font-size:14px;font-weight:750;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--primary);box-shadow:0 10px 34px #2563eb47}.button-primary:hover{box-shadow:0 14px 42px #2563eb66}.button-secondary{color:#e2e8f0;background:#11182b9e;border:1px solid #94a3b840}.button-secondary:hover{background:#22d3ee0d;border-color:#22d3ee61}.hero-stack{color:#7f91ad;font:600 11px/1 var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:10px;margin-top:38px;display:flex}.hero-stack i{background:#334155;border-radius:50%;width:3px;height:3px}.hero-visual{min-height:550px;animation:.8s cubic-bezier(.2,.8,.2,1) .15s both reveal;position:relative}.portrait-frame{aspect-ratio:1/1.08;background:linear-gradient(145deg,#2563eb2b,#11182bb3);border:1px solid #94a3b829;border-radius:34px;width:min(100%,460px);position:absolute;top:4px;right:0;box-shadow:0 30px 80px #00000059}.portrait-frame:before{content:"";z-index:2;pointer-events:none;border:1px solid #f8fafc17;border-radius:25px;position:absolute;inset:13px}.portrait-frame img{object-fit:cover;filter:saturate(.86)contrast(1.04);border-radius:25px;width:calc(100% - 26px);height:calc(100% - 26px);position:absolute;inset:13px}.portrait-glow{z-index:-1;filter:blur(40px);opacity:.62;background:conic-gradient(from 180deg,#0000,#22d3ee42,#0000 35%,#2563eb38,#0000 70%);position:absolute;inset:-28px}.photo-label{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 10px/1.5 var(--font-mono);background:#0b1020d6;border:1px solid #94a3b82e;border-radius:12px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute;top:30px;right:-20px;box-shadow:0 12px 34px #00000047}.photo-label small{color:var(--muted);letter-spacing:.12em;font-size:8px;display:block}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #34d399cc}.terminal-card{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d1aeb;border:1px solid #94a3b82e;border-radius:14px;width:min(390px,88%);position:absolute;bottom:4px;left:-50px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 24px 60px #00000073}.terminal-top,.terminal-status{justify-content:space-between;align-items:center;display:flex}.terminal-top{border-bottom:1px solid var(--line);color:#71819b;font:600 10px/1 var(--font-mono);padding:11px 14px}.terminal-dots{gap:5px;display:flex}.terminal-dots i{background:#334155;border-radius:50%;width:7px;height:7px}.terminal-dots i:first-child{background:#2563eb}.terminal-dots i:nth-child(2){background:#22d3ee}.terminal-card pre{color:#dbeafe;font:500 12px/1.9 var(--font-mono);margin:0;padding:22px 18px;overflow:hidden}.code-blue{color:#60a5fa}.code-cyan{color:#22d3ee}.terminal-status{border-top:1px solid var(--line);color:#34d399;font:600 9px/1 var(--font-mono);padding:9px 14px}.terminal-status span:last-child{color:#64748b}.intro-strip{border-block:1px solid var(--line);background:#11182b75}.intro-grid{grid-template-columns:repeat(4,1fr);align-items:center;min-height:86px;display:grid}.intro-grid p{color:#cbd5e1;letter-spacing:.04em;border-right:1px solid var(--line);margin:0;padding:0 24px;font-size:12px}.intro-grid p:first-child{padding-left:0}.intro-grid p:last-child{border:0}.intro-grid strong{color:var(--accent);font:600 10px/1 var(--font-mono);margin-right:8px}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:980px){.hero{padding-top:124px}.hero-layout{grid-template-columns:1fr;gap:60px}.hero-copy{max-width:780px}.hero-visual{width:min(560px,100%);margin-inline:auto}.nav-links{gap:18px}.nav-links>a:not(.nav-resume){display:none}}@media (max-width:680px){.section-shell,.nav-shell{width:min(100% - 32px,1180px)}.nav-shell{min-height:68px}.menu-toggle{border:1px solid var(--line);color:#fff;background:var(--surface);border-radius:10px;place-content:center;gap:6px;width:42px;height:42px;display:grid}.menu-toggle span{background:currentColor;width:18px;height:1px;display:block}.nav-links{border:1px solid var(--line);background:#0b1020fa;border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;display:none;position:absolute;inset:68px 16px auto;box-shadow:0 24px 60px #0000006b}.nav-links.is-open{display:flex}.nav-links>a:not(.nav-resume){padding:12px;display:block}.nav-resume{text-align:center;margin-top:5px}.hero{min-height:auto;padding:116px 0 60px}.hero-layout{gap:50px}h1{font-size:clamp(40px,13vw,58px)}.hero-subtitle{font-size:16px;line-height:1.7}.hero-actions{flex-direction:column}.button{width:100%}.hero-stack{line-height:1.8}.hero-visual{min-height:470px}.portrait-frame{width:calc(100% - 12px);right:0}.photo-label{top:22px;right:-5px}.terminal-card{width:92%;bottom:0;left:-5px}.terminal-card pre{font-size:10.5px}.intro-grid{grid-template-columns:repeat(2,1fr);gap:0;padding-block:18px}.intro-grid p{align-items:center;min-height:48px;padding:0 12px;display:flex}.intro-grid p:nth-child(2){border-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:999;background:var(--accent);color:#06101d;border-radius:8px;padding:10px 14px;font-weight:800;transition:transform .2s;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.content-section{padding:130px 0;position:relative}.content-section+.content-section{border-top:1px solid #94a3b814}.section-heading{max-width:680px}.section-kicker{color:var(--accent);font:700 11px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:13px;margin:0 0 22px;display:flex}.section-kicker span{color:#64748b}.section-kicker span:after{content:".";color:var(--accent)}.section-kicker p{margin:0}.section-heading h2,.contact-copy h2{letter-spacing:-.04em;margin:0;font-size:clamp(35px,4vw,54px);line-height:1.08}.section-description{max-width:610px;color:var(--muted);margin:21px 0 0;font-size:16px;line-height:1.7}.js [data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0s);transform:translateY(22px)}.js [data-reveal].is-visible{opacity:1;transform:none}.about-section{overflow:hidden}.about-section:before{content:"";border:1px solid #2563eb24;border-radius:50%;width:450px;height:450px;position:absolute;top:80px;right:-260px;box-shadow:0 0 0 70px #2563eb06,0 0 0 140px #2563eb05}.about-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:100px;display:grid}.about-copy{max-width:680px;margin-top:43px}.about-copy>p{color:var(--muted);font-size:16px;line-height:1.82}.about-copy>p:first-child{color:#dce5f3;font-size:20px;line-height:1.65}.principles{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.principles span{border:1px solid var(--line);color:#b7c4d7;letter-spacing:.04em;background:#11182b73;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.metrics-card{background:linear-gradient(145deg,#141d33e6,#0d1425c7);border:1px solid #94a3b82b;border-radius:22px;padding:28px 30px 25px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0003}.metrics-card:after{content:"";background:radial-gradient(circle,#22d3ee26,#0000 68%);border-radius:50%;width:190px;height:190px;position:absolute;inset:auto -60px -100px auto}.metric-label{color:#7f91ad;font:700 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-label i{background:linear-gradient(90deg, var(--accent), transparent);width:40px;height:1px}.metric{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;align-items:baseline;padding:20px 0;display:grid}.metric strong{letter-spacing:-.05em;background:linear-gradient(120deg,#fff,#7dd3fc);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px;line-height:1}.metric p{color:var(--muted);margin:0;font-size:13px}.metrics-note{color:#cbd5e1;align-items:center;gap:10px;padding-top:21px;font-size:11px;line-height:1.5;display:flex}.metrics-note span{color:var(--accent)}.skills-section{background:linear-gradient(#11182b70,#0b102000)}.tech-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-top:54px;display:grid}.tech-card{border:1px solid var(--line);background:#11182b9e;border-radius:18px;flex-direction:column;min-height:330px;padding:25px;transition:border-color .24s,transform .24s,background .24s,box-shadow .24s;display:flex}.tech-card:hover{background:#141d33e0;border-color:#22d3ee47;transform:translateY(-6px);box-shadow:0 22px 44px #0000002e,0 0 40px #2563eb0f}.tech-card-top{justify-content:space-between;align-items:center;display:flex}.tech-card-top>span{width:43px;height:43px;color:var(--accent);font:800 11px/1 var(--font-mono);background:linear-gradient(145deg,#2563eb2e,#22d3ee0f);border:1px solid #22d3ee33;border-radius:11px;place-items:center;display:grid}.tech-card-top i{color:#43526a;font-style:normal;transition:color .2s,transform .2s}.tech-card:hover .tech-card-top i{color:var(--accent);transform:translate(2px,-2px)}.tech-card h3{letter-spacing:-.02em;margin:27px 0 10px;font-size:17px}.tech-card>p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.65}.tech-tags{flex-wrap:wrap;gap:7px;margin-top:auto;display:flex}.tech-tags span{color:#9babc0;font:600 9px/1 var(--font-mono);background:#0b102080;border:1px solid #94a3b821;border-radius:6px;padding:7px 9px}.projects-section{overflow:hidden}.projects-section:before{content:"";z-index:-1;filter:blur(20px);background:radial-gradient(#2563eb17,#0000 70%);width:720px;height:360px;position:absolute;top:27%;left:14%}.projects-heading-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.project-filters{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.project-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#11182b80;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700;transition:color .2s,border-color .2s,background .2s}.project-filters button:hover{color:#fff;border-color:#94a3b852}.project-filters button.is-active{color:#dff9fd;background:#22d3ee17;border-color:#22d3ee52}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px;display:grid}.project-card{border:1px solid var(--line);background:#11182bb3;border-radius:21px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.project-card:hover{border-color:#2563eb61;transform:translateY(-5px);box-shadow:0 24px 55px #0000003d}.project-card.is-featured{grid-column:1/-1;grid-template-columns:1.16fr .84fr;display:grid}.project-card.is-featured .project-preview{border-right:1px solid var(--line);border-bottom:0;height:100%;min-height:420px}.project-card.is-featured .project-body{align-self:center;padding:42px}.project-preview{border-bottom:1px solid var(--line);background:#0d1426;height:260px;position:relative;overflow:hidden}.project-preview:after{content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff0a,#0000 35%,#2563eb14);position:absolute;inset:0}.preview-chrome{border-bottom:1px solid var(--line);color:#64748b;height:41px;font:600 9px/1 var(--font-mono);align-items:center;gap:6px;padding:0 15px;display:flex}.preview-chrome i{background:#334155;border-radius:50%;width:6px;height:6px}.preview-chrome i:nth-child(2){background:#2563eb}.preview-chrome i:nth-child(3){background:#22d3ee}.preview-chrome span{margin-left:8px}.project-body{padding:28px}.project-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent)!important;font:700 9px/1.2 var(--font-mono)!important;margin:0 0 12px!important}.project-body h3{letter-spacing:-.03em;margin:0;font-size:23px}.project-body>p{color:var(--muted);margin:15px 0 0;font-size:13px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.project-tags span{color:#a5c7fb;font:600 9px/1 var(--font-mono);background:#2563eb1a;border-radius:5px;padding:6px 8px}.project-links{border-top:1px solid var(--line);gap:22px;margin-top:22px;padding-top:22px;display:flex}.project-links button,.project-links a{color:#dbeafe;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:750}.project-links button:hover,.project-links a:hover{color:var(--accent)}.project-links span{color:var(--accent);margin-left:4px}.preview-dashboard{background:radial-gradient(circle at 20% 10%,#2563eb38,#0000 40%),#0b1223;padding:42px 42px 30px;display:flex}.dashboard-side{border:1px solid var(--line);background:#0d1528;border-right:0;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:15px;width:54px;padding-top:20px;display:flex}.dashboard-side i{background:#263754;border-radius:2px;width:16px;height:4px}.dashboard-side i:first-child{background:var(--accent);box-shadow:0 0 12px #22d3ee80}.dashboard-content{border:1px solid var(--line);background:#11182bd9;border-radius:0 10px 10px 0;flex:1;padding:20px}.dashboard-head{justify-content:space-between;display:flex}.dashboard-head span:first-child{background:#32425c;border-radius:3px;width:30%;height:6px}.dashboard-head span:last-child{background:#2563eb59;border-radius:4px;width:54px;height:17px}.dashboard-kpis{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;display:grid}.dashboard-kpis i{border:1px solid var(--line);background:linear-gradient(145deg,#2563eb24,#22d3ee05);border-radius:7px;height:52px}.dashboard-chart{border:1px solid var(--line);background-image:linear-gradient(#94a3b80f 1px,#0000 1px);background-size:100% 25%;border-radius:7px;align-items:end;gap:10px;height:120px;margin-top:12px;padding:18px 15px 0;display:flex}.dashboard-chart span{background:linear-gradient(to top, var(--primary), var(--accent));opacity:.8;border-radius:3px 3px 0 0;flex:1;max-width:28px}.preview-api{background:radial-gradient(circle at 80% 70%,#22d3ee1a,#0000 40%),#0b1223;padding:70px 28px 22px}.preview-api .preview-chrome,.preview-pipeline .preview-chrome{position:absolute;inset:0 0 auto}.api-line{border:1px solid var(--line);color:#9fb0c6;font:600 9px/1 var(--font-mono);background:#11182bbd;border-radius:8px;grid-template-columns:52px 1fr 36px;align-items:center;gap:12px;margin-bottom:9px;padding:13px;display:grid}.api-line b{color:#7dd3fc}.api-line:nth-child(3) b{color:#86efac}.api-line:nth-child(4) b{color:#c4b5fd}.api-line em{color:#4ade80;font-style:normal}.preview-pulse{border:1px solid #22d3ee38;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-25px;right:-25px;box-shadow:0 0 0 18px #22d3ee08,0 0 0 40px #22d3ee05}.preview-pipeline{background:radial-gradient(circle at 20% 70%,#2563eb2e,#0000 45%),#0b1223;padding:86px 28px 24px}.pipeline-flow{justify-content:center;align-items:center;display:flex}.pipeline-flow>span{border:1px solid var(--line);color:#b6c2d2;width:92px;font:700 9px/1 var(--font-mono);background:#11182be0;border-radius:8px;justify-content:space-between;padding:12px;display:flex}.pipeline-flow>span.done b{color:#4ade80}.pipeline-flow>span.active{border-color:#22d3ee52}.pipeline-flow>span.active b{color:var(--accent)}.pipeline-flow>i{background:linear-gradient(90deg, var(--primary), var(--accent));width:22px;height:1px}.pipeline-bars{gap:6px;margin-top:38px;display:flex}.pipeline-bars i{background:#263650;border-radius:2px;flex:1;height:4px}.pipeline-bars i:nth-child(-n+3){background:linear-gradient(90deg, var(--primary), var(--accent))}.experience-section{background:linear-gradient(#0b102000,#11182b6b)}.experience-layout{grid-template-columns:.82fr 1.18fr;align-items:start;gap:110px;display:grid}.experience-sticky{position:sticky;top:120px}.text-link{color:#dbeafe;border-bottom:1px solid #22d3ee5c;align-items:center;gap:9px;margin-top:34px;padding-bottom:6px;font-size:12px;font-weight:750;display:inline-flex}.text-link span{color:var(--accent)}.timeline{position:relative}.timeline:before{content:"";background:linear-gradient(var(--accent), #2563eb4d, transparent);width:1px;position:absolute;top:35px;bottom:35px;left:24px}.timeline-item{grid-template-columns:50px 1fr;gap:28px;padding-bottom:58px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{z-index:1;place-items:start center;padding-top:5px;display:grid;position:relative}.timeline-marker span{width:38px;height:38px;color:var(--accent);font:700 9px/1 var(--font-mono);background:#0e1629;border:1px solid #22d3ee40;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 24px #22d3ee12}.timeline-content{border-bottom:1px solid var(--line);padding:0 0 35px}.timeline-period{color:var(--accent);font:700 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.timeline-content h3{letter-spacing:-.03em;margin:0;font-size:24px}.timeline-org{color:#94baf7;margin:7px 0 0;font-size:12px;font-weight:700}.timeline-description{color:var(--muted);margin:19px 0 0;font-size:14px;line-height:1.72}.timeline-content ul{gap:11px;margin:20px 0 0;padding:0;list-style:none;display:grid}.timeline-content li{color:#a8b6ca;padding-left:18px;font-size:12px;line-height:1.65;position:relative}.timeline-content li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;top:.68em;left:0;box-shadow:0 0 8px #2563ebcc}.difference-section{padding-bottom:150px}.difference-grid{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:58px;display:grid}.difference-grid article{border-right:1px solid var(--line);min-height:265px;padding:28px 26px;transition:background .2s}.difference-grid article:first-child{border-left:1px solid var(--line)}.difference-grid article:hover{background:linear-gradient(#2563eb14,#0000)}.difference-grid article>span{color:var(--accent);font:700 9px/1 var(--font-mono)}.difference-grid article>i{background:linear-gradient(90deg, var(--primary), transparent);width:32px;height:1px;margin:32px 0 49px;display:block}.difference-grid h3{margin:0;font-size:17px}.difference-grid p{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.65}.contact-section{isolation:isolate;background:linear-gradient(145deg,#2563eb17,#0b102000 44%);padding-block:120px;overflow:hidden}.contact-glow{z-index:-1;background:radial-gradient(circle,#22d3ee1f,#0000 66%);width:600px;height:600px;position:absolute;top:-160px;right:-170px}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:100px;display:grid}.contact-copy h2{max-width:580px}.contact-copy h2 span{background:linear-gradient(100deg, #93c5fd, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.contact-copy>p:not(.section-kicker){max-width:540px;color:var(--muted);margin:24px 0 0;font-size:15px;line-height:1.75}.contact-list{gap:12px;margin-top:36px;display:grid}.contact-list a{align-items:center;gap:13px;width:-moz-fit-content;width:fit-content;display:flex}.contact-list a>span{border:1px solid var(--line);width:36px;height:36px;color:var(--accent);font:700 12px/1 var(--font-mono);background:#11182bb3;border-radius:9px;place-items:center;display:grid}.contact-list small{color:#64748b;text-transform:uppercase;letter-spacing:.08em;gap:3px;font-size:9px;display:grid}.contact-list strong{color:#d6e0ee;text-transform:none;letter-spacing:0;font-size:12px}.social-links{gap:22px;margin-top:29px;display:flex}.social-links a{color:#9db1cd;font-size:11px;font-weight:700}.social-links a:hover{color:var(--accent)}.contact-form{background:#11182bb8;border:1px solid #94a3b82b;border-radius:20px;padding:31px;box-shadow:0 30px 80px #0003}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form label{color:#b9c5d5;text-transform:uppercase;letter-spacing:.07em;gap:9px;margin-bottom:15px;font-size:10px;font-weight:750;display:grid}.contact-form input,.contact-form textarea{color:#f8fafc;text-transform:none;letter-spacing:0;background:#0b1020b8;border:1px solid #94a3b829;border-radius:9px;outline:none;width:100%;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input{height:49px;padding:0 14px}.contact-form textarea{resize:vertical;min-height:130px;padding:14px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#53627a}.contact-form input:focus,.contact-form textarea:focus{background:#0b1020f0;border-color:#22d3ee85;box-shadow:0 0 0 3px #22d3ee12}.submit-button{cursor:pointer;border:0;width:100%}.submit-button:disabled{cursor:wait;opacity:.76;transform:none}.spinner{border:2px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.form-feedback{min-height:18px;color:var(--muted);text-align:center;margin-top:13px;font-size:11px}.form-feedback.error{color:#fda4af}.form-feedback.success{color:#86efac}.form-feedback a{color:var(--accent);text-underline-offset:3px;font-weight:700;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);background:#090e1b;padding:44px 0}.footer-grid{grid-template-columns:1.1fr .8fr .8fr;align-items:center;gap:40px;display:grid}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand>span{background:var(--primary);border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.footer-brand p{gap:4px;margin:0;display:grid}.footer-brand strong{font-size:12px}.footer-brand small{color:#64748b;font-size:9px}.footer-grid nav{justify-content:center;gap:18px;display:flex}.footer-grid nav a{color:#7f91aa;font-size:10px}.footer-grid nav a:hover{color:var(--accent)}.footer-grid>p{color:#53627a;text-align:right;margin:0;font-size:9px;line-height:1.7}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712cc;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.project-modal{background:#11182b;border:1px solid #94a3b838;border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 48px);padding:34px;position:relative;overflow:auto;box-shadow:0 36px 100px #0000008c}.project-modal h2{letter-spacing:-.04em;margin:0 45px 24px 0;font-size:30px}.project-modal .project-preview{border:1px solid var(--line);border-radius:14px;height:260px}.project-modal>p:not(.project-eyebrow){color:var(--muted);font-size:13px;line-height:1.75}.modal-close{border:1px solid var(--line);color:#dce5f3;cursor:pointer;background:#0c1325;border-radius:9px;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:18px;right:20px}.modal-close:hover{color:var(--accent);border-color:#22d3ee57}.modal-actions{gap:10px;margin-top:26px;display:flex}.modal-actions .button{flex:1}@keyframes fade-in{0%{opacity:0}}@media (max-width:1100px){.content-section{padding:110px 0}.about-layout,.contact-layout{gap:60px}.tech-grid{grid-template-columns:repeat(3,1fr)}.experience-layout{gap:70px}.difference-grid{grid-template-columns:repeat(2,1fr)}.difference-grid article:nth-child(3){border-left:1px solid var(--line)}.difference-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:820px){.about-layout,.experience-layout,.contact-layout{grid-template-columns:1fr}.about-layout{gap:55px}.metrics-card{width:min(500px,100%)}.projects-heading-row{flex-direction:column;align-items:start}.project-filters{justify-content:flex-start}.project-card.is-featured{grid-template-columns:1fr}.project-card.is-featured .project-preview{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.project-card.is-featured .project-body{padding:28px}.experience-sticky{position:static}.footer-grid{text-align:center;grid-template-columns:1fr}.footer-brand,.footer-grid nav{justify-content:center}.footer-grid>p{text-align:center}}@media (max-width:680px){.content-section{padding:88px 0}.section-heading h2,.contact-copy h2{font-size:36px}.tech-grid,.project-grid{grid-template-columns:1fr}.tech-card{min-height:280px}.project-card.is-featured{grid-column:auto}.project-card.is-featured .project-preview{min-height:260px}.preview-dashboard{padding:42px 20px 26px}.dashboard-kpis,.dashboard-chart{gap:5px}.project-filters{width:100%}.project-filters button{flex:1}.difference-grid{grid-template-columns:1fr}.difference-grid article,.difference-grid article:nth-child(3){border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.difference-grid article:last-child{border-bottom:0}.form-row{grid-template-columns:1fr;gap:0}.contact-form{padding:22px}.timeline-item{gap:16px}.timeline-content h3{font-size:21px}.modal-backdrop{padding:10px}.project-modal{max-height:calc(100vh - 20px);padding:28px 20px 22px}.project-modal .project-preview{height:220px}.modal-actions{flex-direction:column}}