@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--bg-hover:#f1f5f9;--bg-subtle:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border:#e2e8f0;--border-hover:#cbd5e1;--green-muted:#15803d;--accent:#0f172a;--radius:10px;--max-w:860px;--transition:.22s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px #0f172a0d;--shadow-card:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-card-hover:0 12px 28px -6px #0f172a17, 0 4px 10px -2px #0f172a0a;--shadow-avatar:0 10px 25px -4px #0f172a1f, 0 0 0 3px #fff, 0 0 0 4px #e2e8f0}.dark{--bg:#090a0f;--bg-card:#12151c;--bg-elevated:#151922;--bg-hover:#1e2430;--bg-subtle:#161b24;--text:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border:#222938;--border-hover:#333f54;--green-muted:#22c55e;--accent:#f8fafc;--shadow-sm:0 1px 2px #0006;--shadow-card:0 2px 10px #00000059;--shadow-card-hover:0 14px 34px #0009;--shadow-avatar:0 10px 25px -4px #000000b3, 0 0 0 3px #ffffff0f, 0 0 0 4px #222938}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color var(--transition), color var(--transition);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.25rem}.navbar{z-index:100;background-color:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);background-color:color-mix(in srgb, var(--bg) 85%, transparent);transition:background-color var(--transition);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:1rem;height:52px;display:flex}.navbar__brand{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:.9rem;font-weight:600}.navbar__username{color:var(--text-tertiary);margin-left:.5rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.navbar__nav{align-items:center;gap:.1rem;display:flex}.navbar__link{color:var(--text-secondary);transition:color var(--transition), background-color var(--transition);white-space:nowrap;border-radius:6px;padding:.35rem .65rem;font-size:.82rem}.navbar__link:hover,.navbar__link:focus-visible{color:var(--text);background-color:var(--bg-hover);outline:none}.navbar__right{align-items:center;gap:.5rem;display:flex}.theme-btn{width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all var(--transition);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.theme-btn:hover{color:var(--text);background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.theme-btn:active{transform:scale(.9)rotate(12deg)}.theme-btn svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.theme-btn:hover svg{transform:rotate(18deg)scale(1.08)}.navbar__hamburger{width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition);border-radius:6px;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{color:var(--text);background-color:var(--bg-hover)}.navbar__mobile-menu{border-top:1px solid var(--border);background-color:var(--bg);padding:.5rem 0}.navbar__mobile-link{color:var(--text-secondary);transition:color var(--transition), background-color var(--transition);padding:.6rem 1.25rem;font-size:.9rem;display:block}.navbar__mobile-link:hover{color:var(--text);background-color:var(--bg-hover)}@media (width<=640px){.navbar__nav{display:none}.navbar__hamburger{display:flex}}.hero{padding:4rem 0 2.5rem;position:relative}.hero__top{align-items:center;gap:2.75rem;display:flex}.hero__avatar-system{perspective:900px;width:114px;height:114px;transform-style:preserve-3d;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.hero__avatar-glow{filter:blur(14px);pointer-events:none;opacity:.7;will-change:transform;background:radial-gradient(circle,#3b82f647 0%,#9333ea29 45%,#0000 72%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-14px}.dark .hero__avatar-glow{opacity:.85;background:radial-gradient(circle,#3b82f66b 0%,#6366f138 50%,#0000 74%)}.hero__avatar-halo{pointer-events:none;opacity:.45;background:conic-gradient(#3b82f699,#9333ea33,#fff6,#3b82f699);border-radius:50%;transition:opacity .3s;animation:12s linear infinite halo-spin;position:absolute;inset:-3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.hero__avatar-system:hover .hero__avatar-halo{opacity:.95;animation-duration:5s}@keyframes halo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__avatar{cursor:grab;perspective:800px;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none;background:#000;border-radius:50%;transition:box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 14px 34px -6px #0f172a29,0 0 0 3px #fff,0 0 0 4.5px #e2e8f0cc}.dark .hero__avatar{box-shadow:0 16px 38px -6px #000000d9,0 0 0 3px #ffffff14,0 0 0 4.5px #3b82f64d}.hero__avatar:hover{box-shadow:0 20px 45px -6px #0f172a38,0 0 0 3px #fff,0 0 0 5px #3b82f680}.dark .hero__avatar:hover{box-shadow:0 22px 50px -4px #000000f2,0 0 0 3px #ffffff24,0 0 0 5px #3b82f699}.hero__avatar:active{cursor:grabbing}.hero__avatar--pulse{animation:.45s cubic-bezier(.175,.885,.32,1.275) avatar-bounce}@keyframes avatar-bounce{0%{transform:scale(1)}35%{transform:scale(.92)}70%{transform:scale(1.08)}to{transform:scale(1)}}.hero__avatar img{object-fit:cover;filter:grayscale()contrast(114%)brightness(98%);will-change:transform, filter;pointer-events:none;width:100%;height:100%;transition:filter .35s;display:block}.hero__avatar:hover img{filter:grayscale()contrast(124%)brightness(102%)}.hero__avatar-vignette{pointer-events:none;mix-blend-mode:multiply;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 20px #0000006b}.hero__avatar-sheen{pointer-events:none;mix-blend-mode:overlay;will-change:background;background:radial-gradient(circle at 45% 35%,#ffffff73 0%,#ffffff14 35%,#0000 68%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.dark .hero__avatar-sheen{background:radial-gradient(circle at 45% 35%,#ffffff52 0%,#ffffff0d 35%,#0000 68%)}.hero__avatar-status{background:var(--bg-card);border:2px solid var(--bg);width:18px;height:18px;box-shadow:var(--shadow-sm);z-index:5;cursor:pointer;transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.hero__avatar-status:hover{transform:scale(1.18)}.hero__avatar-status-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 8px #22c55eb3}.hero__avatar-status-pulse{background-color:#22c55e8c;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite pulse-beacon;position:absolute;inset:0}@keyframes pulse-beacon{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(2.4)}}.hero__info{flex:1}.hero__tagline-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);background:var(--bg-subtle);border:1px solid var(--border);transition:all var(--transition);border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.65rem;padding:.25rem .65rem;font-family:Space Grotesk,sans-serif;font-size:.76rem;font-weight:600;display:inline-flex}.hero__tagline-badge:hover{color:var(--text);border-color:var(--border-hover);transform:translateY(-1px)}.hero__tagline-icon{color:#3b82f6}.hero__name{letter-spacing:-.035em;color:var(--text);background:linear-gradient(135deg, var(--text) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.08}.dark .hero__name{background:linear-gradient(135deg,#fff 40%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero__role{color:var(--text-secondary);letter-spacing:-.015em;margin-top:.35rem;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:clamp(1rem,2.2vw,1.15rem);font-weight:550}.hero__meta{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem;display:flex}.hero__handle{color:var(--text-tertiary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500}.hero__dot{color:var(--text-tertiary);font-size:.7rem}.hero__location{color:var(--text-tertiary);align-items:center;gap:.25rem;font-size:.78rem;display:flex}.hero__status{color:var(--green-muted);align-items:center;gap:.35rem;font-size:.78rem;font-weight:500;display:flex}.hero__status-dot{background-color:var(--green-muted);border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero__body{flex-direction:column;gap:1rem;max-width:640px;margin-top:2rem;display:flex}.hero__body p{color:var(--text-secondary);font-size:1rem;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:.65rem;margin-top:1.75rem;display:flex}.btn{transition:all var(--transition);border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-card);box-shadow:var(--shadow-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:.45rem;padding:.48rem .95rem;font-size:.82rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:50%;height:200%;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.btn:hover:after{opacity:1;transition:left .65s cubic-bezier(.16,1,.3,1),opacity .4s;left:150%}.btn:hover,.btn:focus-visible{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text);box-shadow:var(--shadow-card);outline:none;transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transition:transform 80ms;transform:translateY(0)scale(.96)!important}.btn--primary{background:var(--text);color:#fff;border-color:var(--text);box-shadow:0 2px 6px #0f172a29}.dark .btn--primary{color:#090a0f;box-shadow:0 2px 8px #0006}.btn--primary:hover,.btn--primary:focus-visible{opacity:.92;background:var(--text);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #0f172a40}.dark .btn--primary:hover,.dark .btn--primary:focus-visible{color:#090a0f;box-shadow:0 4px 20px #ffffff2e}.btn--primary:active{transform:translateY(0)scale(.96)!important}.section{border-top:1px solid var(--border);padding:3rem 0}.section__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1.5rem;font-size:.7rem;font-weight:600}.section__title{color:var(--text);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.about__body{flex-direction:column;gap:1rem;max-width:640px;display:flex}.about__body p{color:var(--text-secondary);font-size:.95rem;line-height:1.75}.impact-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:2.75rem 0 3rem}.impact-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem 2rem;display:grid}@media (width<=768px){.impact-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}}@media (width<=480px){.impact-grid{grid-template-columns:1fr;gap:1.75rem}}.impact-item{flex-direction:column;display:flex}.impact-value{letter-spacing:-.035em;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,3.8vw,2.75rem);font-weight:800;line-height:1}.impact-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-top:.65rem;font-size:.72rem;font-weight:600;line-height:1.3}.impact-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--text);margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700}.projects__grid{flex-direction:column;gap:1.5rem;display:flex}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-card);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);grid-template-columns:370px 1fr;display:grid;overflow:hidden}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.project-card__thumbnail{background:var(--bg-subtle);border-right:1px solid var(--border);width:100%;height:100%;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card__browser-bar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.55rem;padding:.42rem .75rem;display:flex}.browser-dots{align-items:center;gap:4.5px;display:flex}.browser-dot{background:var(--border-hover);border-radius:50%;width:6.5px;height:6.5px}.browser-domain{color:var(--text-tertiary);letter-spacing:.02em;font-family:JetBrains Mono,monospace;font-size:.65rem}.project-card__image-wrap{background:var(--bg-subtle);flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:195px;padding:.45rem .6rem;display:flex;position:relative;overflow:hidden}.project-card__image-wrap img{object-fit:contain;object-position:center;border-radius:4px;width:100%;height:100%;max-height:100%;transition:transform .35s;display:block;box-shadow:0 2px 10px #00000026}.project-card:hover .project-card__image-wrap img{transform:scale(1.025)}.project-card__body{flex-direction:column;justify-content:space-between;gap:.6rem;padding:.95rem 1.2rem 1.05rem;display:flex}.project-card__header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-card__name{color:var(--text);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.project-card__badge{color:var(--green-muted);background:color-mix(in srgb, var(--green-muted) 10%, transparent);border:1px solid color-mix(in srgb, var(--green-muted) 25%, transparent);white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:500;display:inline-flex}.project-card__desc{color:var(--text-secondary);font-size:.825rem;line-height:1.55}.project-card__metrics{background:var(--bg-subtle);border:1px solid var(--border);border-radius:7px;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.1rem 0;padding:.55rem .75rem;display:grid}@media (width<=640px){.project-card{grid-template-columns:1fr}.project-card__thumbnail{border-right:none;border-bottom:1px solid var(--border);height:auto}.project-card__image-wrap{height:185px;min-height:185px}.project-card__metrics{grid-template-columns:repeat(2,1fr);gap:.5rem}}.project-metric{flex-direction:column;display:flex}.project-metric__value{color:var(--text);letter-spacing:-.02em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.1}.project-metric__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);margin-top:.2rem;font-size:.62rem;font-weight:600}.project-metric__sublabel{letter-spacing:.03em;text-transform:uppercase;color:var(--text);margin-top:.1rem;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700}.project-card__tags{flex-wrap:wrap;gap:.3rem;display:flex}.tag{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;padding:.18rem .45rem;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:500;display:inline-flex}.project-card:hover .tag{border-color:var(--border-hover)}.tag:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-hover);transform:translateY(-1px)}.tag:active{transform:scale(.92)}.project-card__links{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.project-link{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all var(--transition), transform .1s ease;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.35rem;padding:.34rem .75rem;font-size:.76rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.project-link:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:50%;height:200%;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.project-link:hover:after{opacity:1;transition:left .65s cubic-bezier(.16,1,.3,1),opacity .4s;left:150%}.project-link:hover,.project-link:focus-visible{color:var(--text);border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-card);outline:none;transform:translateY(-2px)}.project-link:active{box-shadow:var(--shadow-sm);transform:translateY(0)scale(.93)!important}.click-ripple{pointer-events:none;z-index:10;background:radial-gradient(circle,#6366f166 0%,#6366f11f 60%,#0000 80%);border-radius:50%;animation:.52s cubic-bezier(.1,.8,.3,1) forwards ripple-pulse;position:absolute;transform:scale(0)}.dark .click-ripple{background:radial-gradient(circle,#93c5fd73 0%,#6366f133 60%,#0000 80%)}@keyframes ripple-pulse{0%{opacity:.9;transform:scale(0)}to{opacity:0;transform:scale(1.6)}}.project-link--primary{background:var(--text);color:#fff;border-color:var(--text);box-shadow:0 2px 6px #0f172a29}.dark .project-link--primary{color:#090a0f;box-shadow:0 2px 8px #00000059}.project-link--primary:hover{opacity:.92;background:var(--text);color:#fff;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a38}.dark .project-link--primary:hover{color:#090a0f;box-shadow:0 4px 16px #ffffff26}.project-link--primary:active{transform:translateY(0)scale(.96)!important}.techstack__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.techstack__group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.75rem;font-size:.7rem;font-weight:600}.techstack__chips{flex-wrap:wrap;gap:.4rem;display:flex}.tech-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);transition:all var(--transition);border-radius:7px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;font-weight:500;display:inline-flex}.tech-chip:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-1px)}.tech-chip--learning{color:var(--text-secondary);border-style:dashed}.tech-chip__badge{letter-spacing:.04em;text-transform:uppercase;background:var(--bg-subtle);color:var(--text-tertiary);border:1px solid var(--border);border-radius:4px;padding:.12rem .35rem;font-size:.6rem;font-weight:600}.github__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;display:flex}.github__card:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.github__icon{color:var(--text-tertiary);flex-shrink:0}.github__info{flex:1}.github__handle{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.92rem;font-weight:600}.github__sub{color:var(--text-tertiary);margin-top:.15rem;font-size:.78rem}.github__arrow{color:var(--text-tertiary);transition:transform var(--transition);flex-shrink:0}.github__card:hover .github__arrow{color:var(--text);transform:translate(3px)}.github__graph{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--bg-card);margin-top:1rem;overflow:hidden}.github__graph img{filter:grayscale(.2);width:100%;display:block}.education__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-card);max-width:620px;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);gap:1.25rem;padding:1.35rem 1.5rem;display:flex}.education__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.education__icon{color:var(--text-tertiary);flex-shrink:0;margin-top:.2rem}.education__degree{color:var(--text);font-size:.95rem;font-weight:600;line-height:1.35}.education__institution{color:var(--text-secondary);margin-top:.3rem;font-size:.85rem}.education__location{color:var(--text-tertiary);align-items:center;gap:.25rem;margin-top:.2rem;font-size:.78rem;display:flex}.education__year{color:var(--text-tertiary);margin-top:.35rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.contact__heading{letter-spacing:-.03em;color:var(--text);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.contact__desc{color:var(--text-secondary);max-width:520px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.contact__links{flex-direction:column;gap:.6rem;max-width:440px;display:flex}.contact__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all var(--transition);color:var(--text-secondary);align-items:center;gap:.85rem;padding:.85rem 1.15rem;font-size:.875rem;display:flex}.contact__item:hover{border-color:var(--border-hover);background:var(--bg-hover);color:var(--text);box-shadow:var(--shadow-card);transform:translate(3px)}.contact__item-icon{color:var(--text-tertiary);flex-shrink:0}.contact__item-label{flex:1;font-weight:500}.contact__item-value{color:var(--text-tertiary);font-family:JetBrains Mono,monospace;font-size:.78rem}.contact__placeholder{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.footer{border-top:1px solid var(--border);margin-top:1rem;padding:2rem 0}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer__copy{color:var(--text-tertiary);font-size:.78rem}.footer__links{gap:1rem;display:flex}.footer__link{color:var(--text-tertiary);transition:color var(--transition);font-size:.78rem}.footer__link:hover{color:var(--text-secondary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{border:none;border-top:1px solid var(--border);margin:0}@media (width>=640px){.hero{padding:4.5rem 0 3rem}.hero__avatar-system{width:118px;height:118px}.projects__grid{gap:1.25rem}.project-card{grid-template-columns:370px 1fr}.techstack__grid{grid-template-columns:repeat(4,1fr)}}@media (width<=639px){.hero{padding:3rem 0 2rem}.hero__top{gap:1.5rem}.hero__avatar-system{width:88px;height:88px}.hero__avatar-status{width:16px;height:16px}.hero__avatar-status-dot{width:6px;height:6px}.hero__name{font-size:1.85rem}.hero__role{font-size:.95rem}.techstack__grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=440px){.hero__top{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero__avatar-system{width:84px;height:84px}.hero__name{font-size:1.7rem}}