@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#ffffff;--paper-2:#f7f5f0;--ink:#151515;--blue:#1f5fb0;--yellow:#ffc907;--red:#e63328;--muted:#6b6b6b;--muted-2:#4a4a4a;--surface-dark:#151515;--surface-dark-2:#212121;--surface-dark-border:#3a3a3a;--surface-dark-text:#f7f5f0;--surface-dark-muted:#bdbdbd;--surface-dark-label:#aaa;--project-media-bg:#f2f0eb;--header-bg:rgba(255,255,255,.92)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--ink);color:var(--paper)}h1,h2,h3{font-family:Poppins,sans-serif;overflow-wrap:break-word}.mono{font-family:IBM Plex Mono,monospace}img,svg{max-width:100%}.hero-grid>*,.about-grid>*,.skill-card,.learn-card,.project-card,.project-body,.contact-left,.contact-right,.field{min-width:0}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(18px,5vw,32px)}header{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.header-inner{width:100%;max-width:1120px;margin:0 auto;padding:clamp(12px,2.4vw,16px) clamp(18px,5vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:clamp(14.5px,3.6vw,16px);letter-spacing:-.01em;min-width:0}.brand .dot{width:12px;height:12px;border-radius:50%;background:var(--blue);flex-shrink:0}nav{display:flex;gap:clamp(16px,2.4vw,28px)}nav a{font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;transition:.2s}nav a .shape{width:6px;height:6px;flex-shrink:0}nav a:nth-child(1) .shape{border-radius:50%;background:var(--blue)}nav a:nth-child(2) .shape{background:var(--yellow);clip-path:polygon(50% 0,0 100%,100% 100%)}nav a:nth-child(3) .shape{background:var(--red)}nav a:nth-child(4) .shape{border-radius:50%;background:var(--ink)}nav a:hover{opacity:.6}.header-controls{display:inline-flex;align-items:stretch}.hc-seg{display:none;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ink);cursor:pointer;padding:10px;margin:-10px -10px -10px 0;min-width:44px;min-height:44px;font-family:inherit;-webkit-tap-highlight-color:transparent}.hc-seg:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.menu-btn{flex-direction:column;gap:5px}.menu-btn span{display:block;width:22px;height:2px;background:var(--ink);transition:opacity .18s ease}.menu-btn:hover span{opacity:.6}section{padding:clamp(56px,9vw,104px) 0;position:relative}.sec-marker{display:flex;align-items:center;gap:12px;margin-bottom:22px}.shape-lg{flex-shrink:0}.shape-circle{width:16px;height:16px;border-radius:50%;background:var(--blue)}.shape-tri{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid var(--yellow)}.shape-square{width:14px;height:14px;background:var(--red)}.sec-marker .label{font-family:IBM Plex Mono,monospace;font-size:clamp(10px,2.6vw,11px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}section h2{font-size:clamp(26px,5.2vw,42px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:clamp(26px,4.5vw,40px)}.hero{padding:clamp(48px,8vw,104px) 0 clamp(44px,7vw,84px);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,22vw,260px);gap:clamp(32px,5vw,56px);align-items:center}.hero-kicker{display:flex;align-items:center;gap:9px;font-family:IBM Plex Mono,monospace;font-size:clamp(10.5px,2.6vw,11.5px);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(14px,3vw,20px)}.hero-kicker .shape{width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0}.hero h1{font-size:clamp(32px,8vw,64px);font-weight:800;line-height:1.06;letter-spacing:-.025em;overflow-wrap:break-word}.hero p.lead{font-size:clamp(15px,3.9vw,17px);color:var(--muted-2);max-width:48ch;margin-top:clamp(14px,3.2vw,22px)}.hero-actions{display:flex;gap:16px;margin-top:clamp(24px,4.5vw,34px);flex-wrap:wrap}.btn{font-size:clamp(13.5px,3.5vw,14px);font-weight:600;padding:clamp(11px,2.8vw,13px) clamp(18px,5vw,24px);text-decoration:none;color:var(--ink);max-width:100%;border:2px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease;background:var(--paper)}.btn-solid{background:var(--ink);color:var(--paper)}.btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--yellow)}.btn-solid:hover{box-shadow:3px 3px 0 var(--blue)}.hero-figure{position:relative;width:clamp(168px,44vw,240px);aspect-ratio:1/1;margin-left:auto}.fig-circle{position:absolute;width:62.5%;height:62.5%;border-radius:50%;background:var(--blue);top:0;left:16.6%}.fig-tri{position:absolute;width:33.3%;height:29.2%;background:var(--yellow);clip-path:polygon(50% 0,0 100%,100% 100%);bottom:14.2%;left:0}.fig-square{position:absolute;width:26.6%;height:26.6%;background:var(--red);bottom:0;right:2.5%}.fig-initials{position:absolute;top:18%;left:33.3%;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(24px,6.2vw,34px);color:#fff;z-index:2;letter-spacing:-.02em}.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4.6vw,52px)}.about-grid p{font-size:clamp(15px,3.9vw,16.5px)}.about-grid p+p{margin-top:16px;color:var(--muted-2)}.fact-card{border:2px solid var(--ink);background:var(--paper);padding:clamp(18px,4.4vw,22px);margin-bottom:16px;position:relative}.fact-card:before{content:"";position:absolute;top:-5px;left:20px;width:10px;height:10px;background:var(--blue);border-radius:50%}.fact-card:nth-child(2):before{background:var(--yellow);border-radius:0}.fact-card:nth-child(3):before{background:var(--red)}.fact-card .k{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fact-card .v{font-weight:600;margin-top:6px;font-size:clamp(14.5px,3.8vw,15.5px);line-height:1.5}#skills{background:var(--surface-dark);color:var(--surface-dark-text)}#skills .sec-marker .label{color:var(--surface-dark-label)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(14px,2.6vw,20px)}.skill-card{background:var(--surface-dark-2);border:2px solid var(--surface-dark-border);padding:clamp(18px,4.4vw,24px);display:flex;flex-direction:column;opacity:0;transform:translateY(14px);transition:.2s}.skill-card.in-view{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,border-color .2s ease}.skill-card:hover{border-color:var(--yellow)}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px;flex-wrap:wrap}.skill-top h3{font-size:clamp(15.5px,4vw,16.5px);font-weight:600;letter-spacing:-.01em}.skill-tag{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;color:var(--ink);white-space:nowrap}.tag-red{background:var(--red);color:#fff}.tag-yellow{background:var(--yellow)}.tag-blue{background:var(--blue);color:#fff}.skill-desc{font-size:clamp(13px,3.5vw,13.5px);color:var(--surface-dark-muted);margin-bottom:clamp(16px,3.4vw,20px);line-height:1.6;flex:1}.skill-track{height:6px;background:var(--surface-dark-border);overflow:hidden}.skill-track i{display:block;height:100%;width:0;transition:width 1.1s cubic-bezier(.4,0,.2,1)}.skill-card.in-view .skill-track i{width:var(--pct)}.fill-red i{background:var(--red)}.fill-yellow i{background:var(--yellow)}.fill-blue i{background:var(--blue)}.learn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(14px,2.6vw,20px)}.learn-card{border:2px solid var(--ink);padding:clamp(20px,4.8vw,28px);background:var(--paper);position:relative;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.learn-card.in-view{opacity:1;transform:translateY(0)}.learn-shape{position:absolute;top:-7px;right:22px}.learn-circle{width:14px;height:14px;border-radius:50%;background:var(--blue)}.learn-tri{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--yellow)}.learn-square{width:13px;height:13px;background:var(--red)}.learn-tag{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.learn-card h3{font-size:clamp(18.5px,4.8vw,21px);font-weight:700;margin-top:8px;letter-spacing:-.01em}.learn-card p{margin-top:10px;color:var(--muted-2);font-size:clamp(14px,3.7vw,14.5px)}.build-intro{color:var(--muted-2);font-size:clamp(14px,3.7vw,15.5px);max-width:60ch;margin:-14px 0 clamp(22px,4vw,30px)}.build-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(14px,2.6vw,20px)}.build-card{border:2px solid var(--ink);padding:clamp(18px,4.4vw,26px);background:var(--paper);position:relative;min-width:0;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.build-card.in-view{opacity:1;transform:translateY(0)}.build-shape{position:absolute;top:-7px;right:20px}.build-circle{width:14px;height:14px;border-radius:50%;background:var(--blue)}.build-tri{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid var(--yellow)}.build-square{width:13px;height:13px;background:var(--red)}.build-card h3{font-size:clamp(17px,4.4vw,19.5px);font-weight:700;letter-spacing:-.01em}.build-card p{margin-top:8px;color:var(--muted-2);font-size:clamp(13.5px,3.6vw,14.5px)}.build-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:clamp(18px,3.4vw,26px);font-family:IBM Plex Mono,monospace;font-size:clamp(12px,3.2vw,13px);letter-spacing:.04em;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);transition:.18s ease}.build-cta:hover{color:var(--blue);border-color:var(--blue)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink)}.contact-left{padding:clamp(24px,4.6vw,40px);border-right:2px solid var(--ink);background:var(--blue);color:#fff}.contact-left h3{font-size:clamp(20px,5vw,23px);font-weight:700;letter-spacing:-.01em}.contact-left p{margin-top:12px;font-size:clamp(14.5px,3.8vw,15px);opacity:.92}.email-card{display:flex;align-items:center;gap:10px;margin-top:18px;min-height:44px;text-decoration:none;color:#fff;border:none;border-bottom:1.5px solid rgba(255,255,255,.45);padding:10px 2px;transition:.2s;font-family:IBM Plex Mono,monospace;font-size:clamp(11px,3vw,12.5px)}.email-card:hover{border-bottom-color:#fff;opacity:.85}.email-card.social-card{margin-top:6px;font-size:clamp(10.5px,2.8vw,11.5px);opacity:.85}.email-card.social-card:hover{opacity:1}.email-icon{width:16px;height:16px;flex-shrink:0}.email-text{flex:1;min-width:0;overflow-wrap:anywhere}.email-arrow{flex-shrink:0;font-size:14px}.contact-right{padding:clamp(24px,4.6vw,40px);background:var(--paper)}.field{margin-bottom:clamp(14px,2.8vw,22px)}.field label{display:block;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:clamp(5px,1.6vw,8px)}.field input,.field textarea{width:100%;max-width:100%;background:transparent;border:none;border-bottom:2px solid var(--ink);font-family:Inter,sans-serif;font-size:16px;color:var(--ink);padding:clamp(7px,2vw,9px) 2px;outline:none;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--red)}.field textarea{min-height:clamp(76px,18vw,96px)}.field-error{color:var(--red);font-size:12px;margin-top:6px;font-family:IBM Plex Mono,monospace;min-height:1em}.submit-btn{background:var(--red);color:#fff;border:none;padding:clamp(12px,3vw,14px) clamp(20px,5.5vw,28px);font-weight:600;font-size:14px;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%}.submit-btn:hover:not(:disabled){background:var(--ink)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.submit-btn.loading .btn-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-status{margin-top:14px;font-size:13.5px;font-family:IBM Plex Mono,monospace;line-height:1.6}.form-status.success{color:#1b7a3a}.form-status.error{color:var(--red)}.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.security-check{border:1px solid var(--ink);background:var(--paper);padding:14px 16px;margin:2px 0 18px;position:relative}.security-check .sc-header{display:flex;align-items:center;gap:8px}.security-check .sc-icon{width:15px;height:15px;flex-shrink:0;color:var(--ink)}.security-check .sc-title{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0}.security-check .sc-widget{margin-top:10px;min-height:65px}.security-check .sc-widget iframe{max-width:100%}.security-check .field-error{color:var(--red);font-size:12px;margin-top:6px;font-family:IBM Plex Mono,monospace;min-height:0}footer{padding:clamp(22px,4vw,28px) 0;border-top:2px solid var(--ink)}.foot-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:IBM Plex Mono,monospace;font-size:clamp(9.5px,2.5vw,10px);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.project-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,2.6vw,20px)}.project-card{border:2px solid var(--ink);background:var(--paper);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.project-card.in-view{opacity:1;transform:translateY(0)}.project-media{display:block;background:var(--project-media-bg);border-right:2px solid var(--ink);overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.project-media:hover img{transform:scale(1.02)}.project-body{padding:clamp(22px,4.4vw,30px);display:flex;flex-direction:column;gap:12px}.project-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.project-tag{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px}.project-status{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-left:auto}.status-dot{width:7px;height:7px;border-radius:50%;background:#1b7a3a;box-shadow:0 0 0 3px #1b7a3a29}.project-body h3{font-size:clamp(21px,5.4vw,25px);font-weight:700;letter-spacing:-.015em}.project-body p{color:var(--muted-2);font-size:clamp(14px,3.7vw,14.5px)}.project-visit{align-self:flex-start;margin-top:6px}@media(max-width:1024px){.skill-grid,.learn-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}}@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(28px,6vw,40px);justify-items:start}.hero-figure{margin:0 auto}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);flex-direction:column;padding:14px clamp(18px,5vw,32px) 20px;gap:16px}nav.open{display:flex}.menu-btn{display:inline-flex}.about-grid{grid-template-columns:minmax(0,1fr);gap:clamp(26px,5vw,32px)}.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-left{border-right:none;border-bottom:2px solid var(--ink)}}@media(max-width:760px){.project-card{grid-template-columns:minmax(0,1fr)}.project-media{border-right:none;border-bottom:2px solid var(--ink);aspect-ratio:16/10}.project-status{margin-left:0}}@media(max-width:480px){section h2{margin-bottom:26px}.hero-actions .btn{width:auto;padding:12px clamp(42px,10.5vw,52px)}.email-card{gap:9px}.field-error{margin-top:3px;font-size:11.5px;min-height:0}.security-check{padding:12px 13px;margin:0 0 14px}.security-check .sc-widget{margin-top:8px}.foot-row{flex-direction:column;gap:6px}}@media(max-width:360px){.wrap{padding:0 16px}.header-inner{padding:12px 16px}nav{padding:14px 16px 20px}.sec-marker{gap:9px;margin-bottom:18px}.skill-top,.project-meta{gap:6px}.security-check .sc-title{font-size:10px;letter-spacing:.1em}}@media(max-width:400px){.security-check .sc-widget{overflow:hidden;min-height:60px}.security-check .sc-widget>*{transform:scale(.86);transform-origin:left top}}