@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;overflow-x:hidden}:root{--bg-base: #090909;--bg-soft: #171717;--surface: rgba(24, 24, 24, .72);--surface-light: #f8fafc;--surface-border: rgba(255, 255, 255, .16);--text-main: #f5f5f5;--text-soft: #bababa;--text-dark: #111111;--light-bg-end: #eef2f7;--light-card: rgba(255, 255, 255, .86);--light-card-border: #d8e1eb;--light-text: #0f172a;--light-muted: #475569;--light-chip-bg: #e8f5ec;--light-chip-border: #c9e8d2;--light-chip-text: #166534;--accent: #22c55e;--accent-strong: #16a34a;--warning: #d4d4d8;--danger: #a3a3a3;--success: #d4d4d4}html{font-size:104%;scroll-behavior:smooth}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 90% -5%,rgba(255,255,255,.08),transparent 40%),var(--bg-base);color:var(--text-main)}.site-shell{position:relative;min-height:100vh;overflow-x:clip}.bg-orb{position:fixed;border-radius:999px;pointer-events:none;filter:blur(52px);opacity:.32;z-index:-1}.orb-1{width:26rem;height:26rem;background:#6b7280;top:-6rem;left:-6rem}.orb-2{width:28rem;height:28rem;background:#3f3f46;right:-8rem;top:24rem}.layout-container{width:min(1120px,calc(100% - 2.5rem));margin:0 auto}.top-nav{position:sticky;top:0;z-index:20;transition:all .22s ease}.top-nav-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ac7;border-bottom:1px solid var(--surface-border)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:.9rem}.brand-mark{border:0;background:transparent;color:var(--text-main);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:.04em}.nav-links{display:flex;gap:1.4rem}.nav-links a,.mobile-menu a{color:var(--text-soft);text-decoration:none;font-weight:600;transition:color .18s ease}.nav-links a:hover,.mobile-menu a:hover{color:var(--accent)}.menu-toggle{border:1px solid var(--surface-border);width:42px;height:42px;border-radius:10px;background:#161616cc;color:var(--text-main);cursor:pointer}.mobile-only,.mobile-menu{display:none}.hero-section{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center;position:relative;padding:3.8rem 0 4.8rem}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:2.75rem;align-items:center}.hero-copy{max-width:40rem}.hero-copy h1{margin:0 0 .65rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.02em}.eyebrow{display:inline-block;margin:0 0 1rem;color:var(--accent);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.lead{color:var(--text-soft);font-size:clamp(1rem,2vw,1.2rem);max-width:34rem;margin-top:.9rem;line-height:1.65}.hero-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.9rem}.hero-social-actions{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.9rem}.btn{border:0;border-radius:12px;padding:.82rem 1.15rem;min-height:48px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#0b0b0b;background:linear-gradient(135deg,#fff,#d4d4d8);box-shadow:0 10px 28px #fff3}.btn-ghost{color:var(--text-main);background:#ffffff14;border:1px solid var(--surface-border)}.social-row{display:flex;gap:.8rem;margin-top:1.3rem}.social-row a{width:40px;height:40px;border-radius:10px;border:1px solid var(--surface-border);background:#ffffff0d;display:grid;place-items:center;color:var(--text-main);transition:transform .18s ease,color .18s ease,border-color .18s ease}.social-row a:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--accent)}.hero-visual{position:relative}.profile-image{width:min(420px,100%);aspect-ratio:1 / 1;border-radius:28px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--surface-border);box-shadow:0 34px 54px #00000059}.metric-card{position:absolute;background:#0c0c0cd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--surface-border);border-radius:14px;padding:.7rem .95rem;box-shadow:0 12px 24px #040a1059}.metric-card strong{display:block;font-size:1.2rem;font-family:Space Grotesk,sans-serif}.metric-card span{font-size:.86rem;color:var(--text-soft)}.metric-a{top:-1.2rem;right:-1rem}.metric-b{bottom:1rem;left:-1.2rem}.scroll-indicator{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);color:var(--text-soft);animation:bob 1.8s ease-in-out infinite}.section{padding:clamp(4.8rem,9vw,6.3rem) 0;scroll-margin-top:100px}.section-light{background:radial-gradient(circle at 12% -10%,rgba(34,197,94,.1),transparent 42%),linear-gradient(180deg,var(--surface-light),var(--light-bg-end));color:var(--light-text)}.section-title{margin:0 0 2.25rem;display:flex;gap:.75rem;align-items:center;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1.18}.section-title svg{color:var(--accent)}.about-card,.surface-card,.timeline-item,.contact-form{border:1px solid var(--surface-border);border-radius:18px;background:var(--surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section-light .about-card,.section-light .surface-card{background:var(--light-card);border-color:var(--light-card-border);box-shadow:0 14px 26px #0f172a14}.section-light .about-card p{color:var(--light-muted)}.about-card{padding:1.7rem}.about-card p{margin:0;color:inherit;line-height:1.74}.about-card p+p{margin-top:1rem}.timeline{position:relative;display:grid;gap:1.2rem}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent),rgba(255,255,255,0))}.timeline-item{margin-left:2rem;padding:1.35rem 1.35rem 1.15rem;position:relative}.timeline-item:before{content:"";position:absolute;left:-1.54rem;top:1.45rem;width:12px;height:12px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #ffffff29}.item-meta{margin:0 0 .45rem;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.02em}.timeline-item h3,.surface-card h3{margin:0;font-size:1.1rem;font-weight:800;font-family:Space Grotesk,sans-serif}.timeline-item ul,.surface-card ul{margin:.85rem 0 0;padding-left:1.1rem;color:var(--text-soft);line-height:1.68}.section-light .surface-card p,.section-light .surface-card ul,.section-light .surface-card li{color:var(--light-muted)}.section-light .surface-card h3,.section-light .section-title{color:var(--light-text)}.section-light .item-meta{color:#15803d}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-card{padding:1.35rem}.surface-card p{margin:.75rem 0 0;color:var(--text-soft);line-height:1.68}.project-card{display:flex;flex-direction:column}.project-link{margin-top:auto;color:var(--text-main);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:.45rem}.project-link:hover{color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.05rem}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .62rem;font-size:.76rem;font-weight:700;background:#ffffff14;color:#ededed;border:1px solid rgba(255,255,255,.2)}.section-light .tag{color:var(--light-chip-text);background:var(--light-chip-bg);border-color:var(--light-chip-border)}.narrow{max-width:720px}.section-intro{color:var(--text-soft);margin-bottom:1.3rem;line-height:1.7}.contact-form{padding:1.45rem;display:grid;gap:.68rem}.contact-form label{font-size:.85rem;font-weight:700;color:var(--text-soft)}.contact-form input,.contact-form textarea{border:1px solid var(--surface-border);border-radius:10px;background:#ffffff12;color:var(--text-main);padding:.76rem .9rem;min-height:46px;font:inherit}.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:#f0f0f0a8}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f0f0f0a8}.contact-form button{margin-top:.5rem;justify-content:center}.status-box{border-radius:12px;padding:.8rem .95rem;margin-bottom:1rem;font-weight:600}.status-success{background:#ffffff12;border:1px solid rgba(255,255,255,.24)}.status-error{background:#ffffff17;border:1px solid rgba(255,255,255,.28)}.site-footer{border-top:1px solid var(--surface-border);background:#0a0a0a9e}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-footer p{color:var(--text-soft);margin:0}.footer-link{text-decoration:none}.footer-social-row{margin-top:0;gap:.7rem;align-items:center}.fade-up{opacity:0;transform:translateY(16px);animation:fadeUp .56s ease forwards}.delay-2{animation-delay:.14s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}*{box-sizing:border-box}*::-moz-selection{background:#ffffff47}*::selection{background:#ffffff47}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 1024px){.layout-container{width:min(1120px,calc(100% - 2rem))}.hero-grid{grid-template-columns:1fr;gap:2.2rem}.hero-visual{max-width:500px;margin:0 auto}.section{padding:clamp(4.2rem,8vw,5.2rem) 0}.three-cols{grid-template-columns:1fr}}@media (max-width: 768px){.layout-container{width:min(1120px,calc(100% - 1rem));padding-left:.9rem;padding-right:.9rem}.top-nav{background:#080808f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);box-shadow:0 8px 22px #00000038}.nav-inner{min-height:60px}.brand-mark{font-size:.98rem;letter-spacing:.03em}.hero-section{min-height:auto;padding:.85rem 0 2.2rem}.hero-grid{gap:.95rem;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-copy{padding:.35rem .5rem .6rem;border-radius:0;border:none;background:transparent;box-shadow:none}.eyebrow{margin-bottom:.55rem;padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(34,197,94,.45);background:#22c55e1a;letter-spacing:.09em}.hero-copy h1{font-size:clamp(1.4rem,8vw,1.95rem);margin:0 0 .35rem;line-height:1.14;font-weight:800}.lead{margin-top:.4rem;font-size:.98rem;color:#f5f5f5d9}.section{padding:2.65rem 0;scroll-margin-top:78px}.section-title{margin-bottom:1rem;font-size:clamp(1.3rem,6.6vw,1.6rem);gap:.48rem}.desktop-only{display:none}.mobile-only{display:inline-flex;align-items:center;justify-content:center}.mobile-menu{display:grid;max-height:0;overflow:hidden;transition:max-height .24s ease;background:#080808fa;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);row-gap:.12rem}.mobile-menu-open{max-height:400px}.mobile-menu a{margin:.2rem .5rem;padding:.72rem .8rem;border-radius:10px;font-size:.94rem;border:1px solid transparent;background:#ffffff05}.mobile-menu a:hover{border-color:var(--surface-border);background:#ffffff0f}.card-grid,.two-cols{grid-template-columns:1fr;gap:.75rem}.hero-visual{display:flex;justify-content:center;align-items:center;gap:.9rem;margin-top:.5rem;margin-bottom:.25rem;order:-1}.profile-image{width:128px;height:128px;border-radius:999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.06);box-shadow:0 10px 26px #00000073;display:block;margin:0 auto}.metric-card{position:static;display:inline-flex;gap:.5rem;align-items:center;margin:0;background:#ffffff08;padding:.36rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000059;align-self:center}.metric-card{display:none}.metric-card strong{font-size:1rem}.metric-card span{font-size:.78rem}.hero-actions,.hero-social-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;width:100%;max-width:540px;padding:0 .6rem;box-sizing:border-box;align-items:stretch}.hero-actions .btn,.hero-social-actions .btn,.btn{width:100%;display:inline-flex;justify-content:center;padding:.88rem 1rem;min-height:50px;border-radius:999px;font-size:.98rem;font-weight:800;box-shadow:0 10px 20px #00000059}.hero-actions .btn+.btn{box-shadow:none}.btn-primary{background:linear-gradient(135deg,#fff,#e6e6e9);color:#071014}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-main)}.btn-primary{background:linear-gradient(135deg,#f4f4f5,#d4d4d8);color:#0a0a0a;box-shadow:0 8px 18px #ffffff29}.btn-ghost{background:#ffffff0a;border-color:#ffffff38}.about-card,.surface-card,.timeline-item,.contact-form{border-radius:12px;border-color:#ffffff0f;background:#ffffff05}.about-card,.surface-card{padding:1.05rem}.timeline{gap:.9rem;display:grid}.timeline:before,.timeline-item:before{display:none}.timeline-item{margin:0;padding:.95rem}.timeline-item ul,.surface-card ul{margin-top:.65rem;padding-left:.95rem;line-height:1.6}.item-meta{margin-bottom:.35rem;font-size:.78rem}.surface-card h3,.timeline-item h3{font-size:1.02rem}.tag-row{gap:.4rem;margin:.72rem 0 .62rem}.tag{padding:.24rem .55rem;font-size:.7rem;border-radius:999px}.project-link{margin-top:.35rem;width:100%;min-height:44px;justify-content:center;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff05;font-size:.95rem}.section-intro{margin-bottom:.95rem;font-size:.95rem}.contact-form{padding:.9rem;gap:.5rem}.contact-form label{font-size:.79rem}.contact-form input,.contact-form textarea{min-height:44px;padding:.65rem .8rem;border-radius:10px}.contact-form textarea{min-height:120px}.scroll-indicator{display:none}.footer-inner{flex-direction:column;justify-content:center;text-align:center;gap:.5rem;padding:.85rem 0;min-height:74px}.site-footer p{font-size:.82rem}}@media (max-width: 480px){html{font-size:98%}.layout-container{width:min(1120px,calc(100% - .8rem))}.menu-toggle{width:38px;height:38px;border-radius:9px}.hero-section{padding:.75rem 0 1.9rem}.hero-copy{padding:.85rem .8rem;border-radius:15px}.hero-copy h1{font-size:clamp(1.5rem,8vw,1.8rem)}.section{padding:2.3rem 0}.section-title{margin-bottom:.9rem}.hero-actions,.hero-social-actions{grid-template-columns:1fr;gap:.42rem}.btn{width:100%;min-height:42px}.metric-card{left:.55rem;bottom:.55rem;right:auto}.about-card p,.surface-card p,.timeline-item ul,.section-intro{font-size:.91rem;line-height:1.56}.tag{font-size:.67rem;padding:.22rem .5rem}}