:root{--bg: #f5f7fa;--text: #333;--primary: #06c;--nav-bg: rgb(255 255 255 / 85%);--nav-text: #222;--section-bg: #fff}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;background-color:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;color:#004b99}.navbar{position:sticky;top:0;width:100%;background:var(--nav-bg);color:var(--nav-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 8px #0000001a;z-index:1000}.navbar .nav-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.navbar ul{margin:0;padding:0;list-style:none;display:flex;gap:1rem;flex-wrap:wrap}.navbar a{color:inherit;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s ease}.navbar a:hover{background-color:#0000000d}.navbar .brand{font-weight:700;font-size:2.25rem;letter-spacing:.5px;background:linear-gradient(90deg,#4b6cb7,#182848);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;transition:color .3s ease}.navbar .brand:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:linear-gradient(90deg,#4b6cb7,#182848);transition:width .3s ease}.navbar .brand:hover:after{width:100%}main{padding-top:70px}section{padding:2rem 1rem;max-width:800px;margin:0 auto 2rem;background:var(--section-bg);border-radius:12px;box-shadow:0 6px 12px #00000014}.job .period,.education-item .institution{font-style:italic;margin-bottom:.5rem}.card{background:var(--section-bg);padding:1rem 1.25rem;border-radius:12px;box-shadow:0 4px 8px #0000000f;margin-bottom:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:0;list-style:none}.skills-list li{background:var(--primary);color:#fff;padding:.35rem .75rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}.skills-list li:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}h2{margin-top:0;color:var(--primary);font-size:1.75rem;border-bottom:2px solid var(--primary);padding-bottom:.25rem;margin-bottom:1rem}@media (width <= 600px){.navbar .nav-inner{flex-direction:column;align-items:flex-start;gap:.5rem}section{margin:0 1rem 2rem}}#root{max-width:1280px;margin:0 auto}