.navbar-shell{position:sticky;top:0;z-index:1000;padding:1rem 0}.navbar{width:min(1180px,calc(100vw - 2rem));margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;border:1px solid var(--border);border-radius:999px;background:#090d19bf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.navbar-brand{font-size:1.1rem;font-weight:700;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.group{display:flex;align-items:center}.navbar-nav{display:flex;align-items:center;gap:1.5rem}.navbar-nav ul{display:flex;align-items:center;gap:1.5rem;list-style:none}.nav-link{position:relative;text-decoration:none;color:var(--text-muted);transition:color .2s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--text)}.nav-link:after{content:"";position:absolute;left:0;bottom:-.35rem;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--accent-gradient);transition:transform .25s ease}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.toggle-box{display:none}.toggle,.close-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .2s ease,background .2s ease}.toggle:hover,.close-btn:hover{background:#ffffff14;transform:translateY(-1px)}.close-btn{display:none}@media (max-width: 860px){.navbar{width:min(100vw - 1rem,1180px);padding-inline:1rem;border-radius:24px}.toggle-box{display:flex}.navbar-nav{position:fixed;inset:0 0 0 auto;width:min(88vw,340px);height:100vh;padding:5rem 1.25rem 1.25rem;flex-direction:column;align-items:flex-start;gap:1rem;background:#070b14f5;border-left:1px solid var(--border);box-shadow:-20px 0 60px #00000059;transform:translate(100%);transition:transform .3s ease}.navbar-nav ul{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.navbar-nav.show-navbar-nav{transform:translate(0)}.navbar-nav.hide-navbar-nav{transform:translate(100%)}.nav-item{width:100%}.nav-link{display:block;width:100%;padding:.75rem 0;font-size:1.1rem}.close-btn{display:inline-flex;position:absolute;top:1rem;right:1rem}}@media (min-width: 861px){.navbar-nav{transform:none!important;width:auto;height:auto;padding:0;position:static;background:transparent;box-shadow:none;border:0}.navbar-nav ul{display:flex;align-items:center;gap:1.5rem}}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(4rem,6vw,6rem)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:radial-gradient(circle at 15% 20%,rgba(255,184,77,.18),transparent 22%),radial-gradient(circle at 90% 10%,rgba(255,93,93,.16),transparent 18%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:1.25rem}.hero-text h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95;max-width:12ch}.hero-text p{max-width:58ch;font-size:1.05rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.25rem}.hero-stats div{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08}.hero-stats strong{font-size:1rem;color:var(--text)}.hero-stats span{color:var(--text-muted);font-size:.92rem}.hero-action{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem;margin-top:.5rem}.hero-contact,.hero-resume{text-decoration:none}.hero-connect,.hero-resume{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.15rem;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-connect{background:var(--accent-gradient);color:#0a1020;font-weight:700;box-shadow:0 18px 35px #ff7e3e47}.hero-resume{border:1px solid var(--border);color:var(--text);background:#ffffff08}.hero-connect:hover,.hero-resume:hover{transform:translateY(-2px)}.hero-img{display:flex;justify-content:center}.image-container{position:relative;width:min(100%,420px);aspect-ratio:1;padding:1rem}.image-container:before{content:"";position:absolute;top:12%;right:10%;bottom:12%;left:10%;border-radius:50%;background:var(--accent-gradient);filter:blur(28px);opacity:.5}.profile{position:relative;width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 65px #00000059}@media (max-width: 860px){.hero{grid-template-columns:1fr;text-align:left}.hero-text h1{max-width:14ch}.hero-stats{grid-template-columns:1fr}.hero-img{order:-1}.image-container{width:min(100%,320px)}}@media (max-width: 520px){.hero-action{flex-direction:column;align-items:stretch}.hero-connect,.hero-resume{width:100%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;padding:70px 130px}body{font-family:Roboto Flex,sans-serif}p{font-size:20px;font-family:serif;line-height:1.1}h3,h2{font-size:2rem}.h1{font-size:4rem;font-family:sans-serif;margin-bottom:2rem;position:relative}.h1:after{content:"";width:50%;height:5px;background:linear-gradient(140deg,#ffe53b 1.4%,#ff2525);position:absolute;bottom:85px;left:0}@media (max-width: 1024px){.container{padding:70px}h4{font-size:1.7rem}}@media (max-width: 820px){.container{padding:70px 50px}}@media (max-width: 799px){.container{width:100%;padding:70px 50px}.h1{font-size:3rem;font-family:sans-serif;margin-bottom:1.7rem;position:relative}}@media (max-width: 477px){.container{width:100%;padding:50px 30px}.h1{font-size:2rem;font-family:sans-serif;margin-bottom:2rem;position:relative}.h1:after{content:"";width:50%;height:5px;background:linear-gradient(140deg,#ffe53b 1.4%,#ff2525);position:absolute;bottom:45px;left:0}}:root{color-scheme:dark;--bg: #070b14;--bg-elevated: rgba(12, 17, 30, .82);--surface: rgba(18, 24, 40, .78);--surface-strong: #11182a;--border: rgba(148, 163, 184, .18);--text: #f8fafc;--text-muted: #bac4d4;--accent: #ffb84d;--accent-strong: #ff5d5d;--accent-gradient: linear-gradient(135deg, #ffb84d 0%, #ff5d5d 52%, #ff8a3d 100%);--shadow: 0 20px 50px rgba(0, 0, 0, .35);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--container: min(1180px, calc(100vw - 2rem) );--section-y: clamp(4rem, 7vw, 7rem);--section-x: clamp(1rem, 3vw, 2rem)}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,184,77,.18),transparent 28%),radial-gradient(circle at 85% 15%,rgba(255,93,93,.14),transparent 24%),linear-gradient(180deg,#050812,#0a1020)}p{font-size:1rem;line-height:1.7;color:var(--text-muted);font-family:inherit}.container{width:100%;max-width:var(--container);margin:0 auto;padding:var(--section-y) var(--section-x)}.section-shell{position:relative}.section-title{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2rem}.section-kicker{color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-title h2,.h1{font-size:clamp(2rem,4vw,4rem);font-weight:700;margin-bottom:0;position:static}.section-title p{max-width:68ch}.glass-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);font-size:.92rem}.focus-ring:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.container{padding-inline:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}