@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--bg:#0c0c0c;--surface:#141414;--card:#111;--border:#222;--text:#ede6d6;--muted:#d8d2c8;--accent:#d4b47a;--accent-bg:#d4b47a14;--accent-border:#d4b47a40;--accent-hover:#c4a068;--accent2:#8aae9a;--accent2-bg:#8aae9a14;--accent2-border:#8aae9a40;--accent3:#d4844a;--accent3-alt:#c0533a;--accent3-bg:#d4844a14;--accent3-border:#d4844a40;--glow-accent:#c9a96e26;--glow-accent3:#d4844a73;--glow-accent3-alt:#c0533a33;--nav-bg:#0c0c0cd9;--font-body:"Inter", sans-serif;--font-mono:"Space Mono", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:21px;--text-xl:28px;--section-title:2rem;--hero-title:1.9rem;--section-pad:72px;--main-pad:6%;--panel-pad:48px}@media (width>=1600px){:root{--text-xs:13px;--text-sm:15px;--text-base:17px;--text-md:19px;--text-lg:22px;--text-xl:32px;--section-title:2.6rem;--hero-title:2.4rem;--section-pad:88px;--main-pad:7%;--panel-pad:64px}}@media (width<=1199px){:root{--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:19px;--text-xl:24px;--section-title:1.7rem;--hero-title:1.5rem;--section-pad:60px;--main-pad:5%;--panel-pad:36px}}@media (width<=767px){:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:21px;--text-xl:28px;--section-title:1.8rem;--hero-title:2rem;--section-pad:48px;--main-pad:20px;--panel-pad:20px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px 56px;transition:background .3s,border-color .3s,padding .3s;display:flex;position:relative}.nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom-color:var(--border);padding:14px 56px}.nav-logo{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text);letter-spacing:-.02em;font-weight:700}.logo-bracket{color:var(--accent)}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{font-size:var(--text-sm);color:var(--muted);letter-spacing:.02em;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{border-radius:6px;padding:7px 18px;background:var(--accent)!important;color:var(--bg)!important;font-weight:600!important;transition:opacity .2s,transform .2s!important}.nav-cta:hover{opacity:.85;transform:translateY(-1px)}.nav-mobile-profile{display:none}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-burger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.nav-burger span.open:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger span.open:nth-child(2){opacity:0}.nav-burger span.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=1600px){.nav{padding:22px 72px}.nav.scrolled{padding:16px 72px}}@media (width<=1199px){.nav{padding:18px 40px}.nav.scrolled{padding:12px 40px}.nav-links{gap:24px}}@media (width<=767px){.nav{background:var(--bg);border-bottom:1px solid var(--border);padding:16px 20px;position:fixed;top:0;left:0;right:0}.nav.scrolled{padding:12px 20px}.nav-burger{z-index:300;display:flex;position:relative}.nav-links{background:var(--surface);border-left:1px solid var(--border);z-index:200;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:80vw;max-width:320px;height:100vh;padding:48px 24px;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.nav-links.open{transform:translate(0)}.nav-links li{width:100%}.nav-links li a{width:100%;min-height:44px;font-size:var(--text-md);justify-content:center;align-items:center;padding:12px 0;display:flex}.nav-links li .nav-cta{justify-content:center;width:100%;margin-top:12px;padding:12px 0}.nav-mobile-profile{border-bottom:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding-bottom:28px;display:flex}.nav-mobile-photo{object-fit:cover;object-position:top;border:2px solid var(--accent);border-radius:50%;width:80px;height:80px}.nav-mobile-name{font-size:var(--text-md);color:var(--text);font-weight:700}.nav-mobile-title{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono)}}.hero-panel{background:var(--bg);justify-content:center;align-items:stretch;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero-grain{pointer-events:none;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;position:absolute;inset:0}.hero-glow{background:radial-gradient(ellipse, var(--glow-accent) 0%, transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-panel-inner{z-index:1;padding:40px var(--panel-pad);flex-direction:column;gap:0;width:100%;height:100%;display:flex;position:relative}.hero-identity{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.hero-identity-left{flex-direction:column;flex:1;min-width:0;display:flex}.hero-photo-wrap{flex-shrink:0}.hero-photo{object-fit:cover;object-position:top;border:2px solid var(--accent-border);border-radius:50%;width:108px;height:108px;display:block}.hero-badge{background:var(--accent2-bg);border:1px solid var(--accent2-border);color:var(--accent2);font-size:var(--text-xs);letter-spacing:.03em;border-radius:100px;align-items:center;gap:8px;width:fit-content;margin-bottom:12px;padding:5px 12px;font-weight:500;display:inline-flex}.badge-dot{background:var(--accent2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-title{font-size:var(--hero-title);letter-spacing:-.03em;color:var(--text);margin-bottom:12px;font-weight:700;line-height:1.1}.hero-name{color:var(--accent)}.hero-sub{font-size:var(--text-base);color:var(--muted);margin-bottom:20px;line-height:1.6}.hero-actions{flex-direction:column;gap:8px;display:flex}.btn{font-size:var(--text-sm);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-divider{background:var(--border);flex-shrink:0;width:100%;height:1px;margin:28px 0 24px}.hero-about{flex-direction:column;flex:1;min-height:0;display:flex}.hero-section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);flex-shrink:0;margin-bottom:12px}.hero-bio{font-size:var(--text-sm);color:var(--muted);flex-shrink:0;margin-bottom:10px;line-height:1.7}.hero-details{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;gap:8px;margin-top:16px;padding:16px;display:flex}.hero-detail{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-detail-key{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;flex-shrink:0}.hero-detail-val{color:var(--text);text-align:right;font-weight:500;font-size:var(--text-sm)}.hero-detail-available{color:var(--accent2);align-items:center;gap:6px;display:flex}.hero-detail-available:before{content:"";background:var(--accent2);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.hero-stats{border-top:1px solid var(--border);flex-shrink:0;align-items:center;margin-top:20px;padding-top:20px;display:flex}.hero-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.hero-stat-num{font-family:var(--font-mono);font-size:var(--text-md);color:var(--accent);letter-spacing:-.02em;font-weight:700}.hero-stat-label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.04em;text-align:center}.hero-strip-div{background:var(--border);flex-shrink:0;width:1px;height:28px;margin:0 16px}@media (width<=1400px){.hero-photo{width:88px;height:88px}.hero-about{overflow-y:auto}.hero-divider{margin:20px 0 16px}.hero-stats{margin-top:14px;padding-top:14px}.hero-details{gap:6px;margin-top:12px;padding:12px}}@media (width>=1600px){.hero-photo{width:124px;height:124px}.hero-divider{margin:36px 0 28px}.hero-stats{margin-top:28px;padding-top:28px}}@media (width<=1199px){.hero-divider{margin:20px 0 16px}.hero-photo-wrap{margin-bottom:16px}.hero-badge{margin-bottom:10px}.hero-stats{margin-top:14px;padding-top:14px}}@media (width<=767px){.hero-panel{height:auto;overflow:visible}.hero-panel-inner{padding:100px var(--panel-pad) 32px;height:auto}.hero-about{flex:none}.hero-identity{align-items:center}.hero-photo{width:72px;height:72px}.hero-stats{margin-top:12px;padding-top:12px}.hero-divider{margin:16px 0 12px}.hero-actions{flex-flow:wrap}.hero-actions .btn{flex:1;min-width:140px}}.timeline{flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:36px;bottom:8px;left:15px}.timeline-item{gap:24px;padding-bottom:40px;display:flex}.timeline-item:last-child{padding-bottom:0}.timeline-logo{z-index:1;object-fit:contain;background:0 0;border-radius:6px;flex-shrink:0;width:32px;height:32px;position:relative}.timeline-logo-fallback{font-size:var(--text-xs);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.timeline-body{flex:1}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.timeline-role{font-size:var(--text-md);color:var(--text);font-weight:600}.timeline-period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.timeline-company{font-size:var(--text-sm);color:var(--accent2);margin-bottom:8px;font-weight:500;display:block}.timeline-desc{font-size:var(--text-base);color:var(--muted);line-height:1.7}.projects-bento{flex-wrap:wrap;justify-content:flex-start;gap:24px;display:flex}.projects-bento .project-card{flex:340px;max-width:calc(50% - 12px)}@media (width<=767px){.projects-bento .project-card{flex:100%;max-width:100%}}.project-card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)}.project-card .card-top,.project-card .card-title,.project-card .card-desc,.project-card .card-tags,.project-card .card-links{padding-left:24px;padding-right:24px}.project-card .card-top{padding-top:20px}.project-card .card-title{padding-top:4px}.project-card .card-tags{padding-bottom:4px}.project-card .card-links{padding-bottom:24px}.project-card.big .card-glow{z-index:2}.card-glow{background:linear-gradient(to right, transparent, var(--accent), transparent);opacity:0;z-index:2;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.project-card:hover .card-glow{opacity:1}.card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.card-icon{background:var(--accent-bg);border:1px solid var(--accent-border);width:48px;height:48px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-icon.card-icon-logo{background:0 0;border:none}.card-logo-img{object-fit:contain;border-radius:10px;width:48px;height:48px}.card-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.card-status{font-size:var(--text-xs);letter-spacing:.02em;border-radius:100px;padding:3px 10px;font-weight:600}.card-status.live{color:var(--accent2);background:var(--accent2-bg);border:1px solid var(--accent2-border)}.card-status.active{color:var(--accent3);background:var(--accent3-bg);border:1px solid var(--accent3-border)}.card-title{font-size:var(--text-lg);color:var(--text);letter-spacing:-.02em;font-weight:700}.card-desc{font-size:var(--text-base);color:var(--muted);flex:1;line-height:1.7}.card-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);letter-spacing:.03em;border-radius:100px;padding:3px 10px}.card-links{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.card-link-btn{font-size:var(--text-base);letter-spacing:.01em;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:600;transition:all .2s;display:inline-flex}.card-link-ghost{color:var(--text);border:1px solid var(--border)}.card-link-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.card-link-private{color:var(--muted);border-color:var(--border);cursor:default;opacity:.6}.card-link-private:hover{border-color:var(--border);color:var(--muted);transform:none}.card-link-primary{color:var(--bg);background:var(--accent)}.card-link-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.card-just-shipped{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--accent3);background:var(--card);border:1px solid var(--accent3-border);z-index:2;pointer-events:none;border-radius:8px;padding:7px 14px;font-weight:600;position:absolute;top:10px;left:10px}.card-hero{aspect-ratio:16/9;cursor:pointer;background:var(--surface);flex-shrink:0;width:100%;position:relative;overflow:hidden}.card-hero-private{cursor:default;color:var(--muted);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.card-hero-private span{font-size:var(--text-sm);color:var(--text);font-weight:600}.card-hero-private p{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--muted);letter-spacing:.03em}.card-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.card-hero:hover .card-hero-img{transform:scale(1.03)}.card-hero-overlay,.featured-media .card-hero-overlay{background:linear-gradient(#0000 50%,#00000080 100%);transition:opacity .3s;position:absolute;inset:0}.card-hero:hover .card-hero-overlay,.featured-media:hover .card-hero-overlay{opacity:.7}.card-hero-play{background:var(--card);border:1px solid var(--border);color:var(--text);font-size:var(--text-xs);cursor:pointer;z-index:1;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex;position:absolute;top:10px;right:10px}.card-hero-play:hover{border-color:var(--accent);color:var(--accent)}.card-hero-count{color:#ffffffd9;font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:1;background:#0009;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:12px}.lightbox{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;animation:.2s lbFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-inner{flex-direction:column;gap:12px;width:100%;max-width:960px;animation:.25s lbSlideUp;display:flex}@keyframes lbSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lightbox-header{justify-content:space-between;align-items:center;display:flex}.lightbox-title{font-size:var(--text-base);color:var(--text);font-weight:600}.lightbox-close{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.lightbox-close:hover{border-color:var(--accent);background:var(--accent-bg)}.lightbox-media{aspect-ratio:16/9;border:1px solid var(--border);background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.lightbox-video,.lightbox-img{object-fit:contain;width:100%;height:100%;display:block}.lightbox-nav{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{border-color:var(--accent);background:#000000e6}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-dots{justify-content:center;gap:8px;display:flex}.lightbox-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:8px;height:8px;padding:0;transition:background .2s,transform .2s;display:flex}.lightbox-dot.dot-video{width:28px;color:var(--muted);border-radius:100px}.lightbox-dot.active{background:var(--accent);transform:scale(1.2)}.lightbox-dot.dot-video.active{color:var(--bg);transform:none}@media (width>=1600px){.lightbox-inner{max-width:1200px}}@media (width<=767px){.lightbox{padding:16px}.lightbox-nav{display:none}}.skills-bento{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.skills-card-certs{grid-column:span 2}.skills-card-langs{grid-column:span 1}.skills-card{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:24px;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.skills-card:before{content:"";background:var(--cat-accent,var(--accent));opacity:.6;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.skills-card:hover{border-color:var(--cat-accent,var(--accent));transform:translateY(-2px)}.skills-card:hover:before{opacity:1}.skills-card-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.skills-cat-dot{background:var(--cat-accent,var(--accent));border-radius:50%;flex-shrink:0;width:8px;height:8px}.skills-cat{font-size:var(--text-sm);color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-weight:700;font-family:var(--font-mono)}.skills-extra-label{margin-bottom:18px}.skills-chips{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{font-size:var(--text-sm);color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.skill-chip:hover{border-color:var(--cat-accent,var(--accent));color:var(--text)}.skill-chip-primary{color:var(--text);background:color-mix(in srgb, var(--cat-accent,var(--accent)) 8%, var(--surface));border-color:color-mix(in srgb, var(--cat-accent,var(--accent)) 30%, transparent)}.skill-chip-primary:hover{background:color-mix(in srgb, var(--cat-accent,var(--accent)) 14%, var(--surface))}.skill-icon{object-fit:contain;flex-shrink:0;width:14px;height:14px}.skill-icon-invert{filter:invert()opacity(.85)}.skills-card-certs .cert-list{grid-template-columns:repeat(2,1fr);gap:16px 32px;display:grid}.cert-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding-bottom:16px;display:flex}.cert-item:last-child,.cert-item:nth-last-child(2):nth-child(odd){border-bottom:none;padding-bottom:0}.cert-logo-link{flex-shrink:0;display:flex}.cert-logo-link:hover .cert-logo{opacity:.8}.cert-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px;transition:opacity .2s}.cert-text{flex-direction:column;gap:3px;display:flex}.cert-title{font-size:var(--text-sm);color:var(--text);font-weight:600;line-height:1.3}.cert-meta{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono)}.cert-id{color:var(--accent)}.cert-desc{font-size:var(--text-xs);color:var(--muted);margin-top:4px;line-height:1.5}.lang-list{flex-direction:column;display:flex}.lang-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.lang-item:last-child{border-bottom:none}.lang-left{align-items:center;gap:10px;display:flex}.lang-flag{object-fit:cover;border-radius:3px;flex-shrink:0;width:22px;height:16px}.lang-name{font-size:var(--text-base);color:var(--text);font-weight:600}.lang-level{font-size:var(--text-xs);color:var(--accent);font-family:var(--font-mono)}@media (width>=1600px){.skills-bento{gap:28px}.skills-card{padding:32px}}@media (width<=1199px){.skills-card{padding:20px}}@media (width<=767px){.skills-bento{grid-template-columns:1fr;gap:16px}.skills-card-certs,.skills-card-langs{grid-column:span 1}.skills-card-certs .cert-list{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.contact-left{max-width:none}.contact-intro{font-size:var(--text-base);color:var(--muted);line-height:1.8}.contact-socials{flex-direction:column;gap:16px;display:flex}.social-link{font-size:var(--text-base);color:var(--text);background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 20px;font-weight:600;transition:color .2s,border-color .2s,background .2s,transform .2s;display:flex}.social-link .social-arrow{opacity:0;color:var(--accent);flex-shrink:0;margin-left:auto;transition:opacity .2s,transform .2s;transform:translate(-6px)}.social-link:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-2px)}.social-link:hover .social-arrow{opacity:1;transform:translate(0)}.social-link .icon-email{color:#ea4335;flex-shrink:0}.social-link .icon-linkedin{color:#0a66c2;flex-shrink:0}.social-link .icon-phone{color:#34a853;flex-shrink:0}.social-link.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.social-link.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}.social-link.primary .social-arrow{color:var(--bg)}.footer{display:none}.footer-author{color:var(--accent);font-weight:600;transition:color .2s}.footer-author:hover{color:var(--accent-hover)}.footer-stack{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.05em}@media (width>=1600px){.contact-grid{gap:120px}.social-link{padding:18px 24px}}@media (width<=1199px){.contact-grid{gap:48px}}@media (width<=767px){.contact-grid{grid-template-columns:1fr;gap:40px}.contact-left{max-width:100%}.footer{text-align:center;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding-top:32px;padding-bottom:40px;display:flex}}.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.nav{flex-shrink:0}.panels{flex:1;min-height:0;display:flex;overflow:hidden}.panel-left{border-right:1px solid var(--border);flex-shrink:0;width:38%;position:relative;overflow:hidden}.panel-right{scroll-behavior:smooth;flex:1;position:relative;overflow:hidden auto;container-type:inline-size}main{width:100%;padding:0 var(--main-pad)}section{padding:var(--section-pad) 0}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-title{font-size:var(--section-title);letter-spacing:-.03em;color:var(--text);margin-bottom:48px;font-weight:700;line-height:1.1}.section-title span{color:var(--accent)}@media (width>=1600px){.panel-left{width:35%}}@media (width<=1199px){.panel-left{width:42%}}@media (width<=767px){.layout{height:auto;display:block;overflow:visible}.panels{display:block;overflow:visible}.panel-left{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto}.panel-right{height:auto;overflow:visible;container-type:normal}.section-title{margin-bottom:36px}}.scroll-top{background:var(--surface);width:44px;height:44px;color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;z-index:99;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .3s,transform .3s,background .2s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(12px)}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-top:hover{background:var(--accent-bg)}.scroll-top-ring{position:absolute;inset:0}.scroll-top-arrow{z-index:1;position:relative}