:root{font-family:Montserrat,sans-serif;color:#fff;background:#202124;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #385b97}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;min-width:320px;background-color:#202124;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 560'%3e%3crect width='1440' height='560' fill='%230e2a47'/%3e%3cpath d='M1440 0L1172 0L1440 254zM1172 0L1440 301L565 0zM0 560L666 560L0 213z' fill='rgba(255,255,255,.08)'/%3e%3c/svg%3e");background-position:top center;background-size:cover;background-repeat:no-repeat}a{color:#fff;font-weight:700}p{line-height:1.9;text-align:justify}h1{margin:0;font-size:2.1rem}h2{margin:0 0 16px;font-size:1.35rem}.top-header{position:fixed;z-index:10;inset:0 0 auto;height:50px;padding:0 10%;display:flex;align-items:center;justify-content:space-between;background:var(--blue)}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo img{height:24px}.navbar ul,.mobile-menu ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}.navbar a{display:block;padding:15px 10px;text-decoration:none}.navbar a:hover,.mobile-menu a:hover{transform:scale(1.05)}.hero{width:80%;min-height:230px;margin:64px auto 16px;display:flex;align-items:center;justify-content:space-between}.typing-text{height:32px;margin:4px 0 0;font-size:1.2rem;font-weight:400}.typing-text:after{content:"|";animation:blink .5s linear infinite alternate}@keyframes blink{to{opacity:0}}.profile-pic{width:20vw;min-width:100px;max-width:300px;margin-top:16px;border-radius:48px}.intro,.content-section{width:80%;margin:0 auto 24px}.links-container{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.personal-links{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px}.personal-links img{width:24px}.skills-list{display:flex;gap:8px;width:100%;margin-top:16px;overflow-x:auto}.skills-list figure{min-width:120px;min-height:150px;margin:0 0 12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid var(--blue);border-radius:8px}.skills-list img{width:48px;height:50px;object-fit:contain}.skills-list figcaption{white-space:nowrap}.card{margin:16px 0;padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--blue);border-radius:8px}.card p{width:100%;margin:4px 0}.company-logo{max-width:180px;max-height:80px;object-fit:contain}.youtube-video{width:min(80%,640px);aspect-ratio:16 / 9;border:0}.pb-container{display:grid;grid-template-columns:1fr 1fr;width:120px;text-align:center}.strava{width:300px;height:160px;max-width:100%;border:0}footer{width:100%;padding:8px 0 16px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.footer-btn{padding:8px 12px;border:1px solid var(--blue);border-radius:8px;text-decoration:none;transition:background-color .2s}.footer-btn:hover{background:var(--blue)}.last-section{width:80%;margin:12px auto 0;font-size:12px}.menu-toggle{display:none;padding:4px;border:0;background:none;cursor:pointer}.menu-toggle span{display:block;width:30px;height:3px;margin:5px 0;background:#fff;transition:.2s}.menu-toggle.open span:first-child{transform:translateY(8px) rotate(-45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-8px) rotate(45deg)}.mobile-menu{position:absolute;top:50px;left:0;width:100%;padding:12px;background:#385b97f2}.mobile-menu ul{flex-direction:column;align-items:center}.mobile-menu a{display:block;padding:8px}@media(max-width:800px){.top-header{padding:0 5%}.navbar{display:none}.menu-toggle{display:block}.hero,.intro,.content-section{width:90%}.hero{min-height:190px}.links-container{align-items:flex-start;flex-direction:column;gap:4px}.card{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}