:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background:linear-gradient(#0009,#0009),url(https://santiyounger.b-cdn.net/cv/pawel-czerwinski-V5vtlId8sKw-unsplash.jpg?format=webp&quality=85&width=1920&height=1080&mode=crop);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0;animation:bgFadeIn .8s ease-in-out}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root div main{background-color:#d6d6d61a!important;border-radius:22px}#root div main>div{padding-left:0!important;padding-right:0!important}#root div main>div{transform:translate(0) translatey(0)}#portfolio-section .video-embed-box{padding:12px;box-shadow:0 0 21px -4px #02020257}#portfolio-section .video-embed-box div iframe{width:100%!important;max-width:100%!important}@media (min-width:769px){#root div main>div{padding-left:0!important;padding-right:0!important}}#resume-section{box-shadow:0 0 6px 2px #ffffff45!important}#skills-section{box-shadow:0 2px 16px #0000!important}#skills-section h2{margin-top:18px!important}#experience-section{box-shadow:0 2px 16px #0000!important;padding-bottom:0!important;padding-top:0!important}#education-section{box-shadow:0 2px 16px #0000!important;padding-top:0!important;padding-bottom:0!important}#achievements-section{background-color:#a9d7ee00!important;box-shadow:0 2px 16px #0000!important}#root>div{width:100%!important}#root aside{width:25vw!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important}#root aside div div img{width:100%!important;height:100%!important}#root aside>div{background-color:#87878724}#root aside>div>div>div{padding-left:14px!important}#root aside .profile-box{padding:0!important;background-color:#6d6d6d29!important;border-radius:0/0px!important}#root aside .profile-box>div{margin-left:0}#root aside .profile-box .profile-vertical-menu{margin-left:28px}#root aside .profile-box div div{padding-left:0!important}.experience-box{color:#fff;background:#22535221!important;border-radius:16px;padding:28px 24px;box-shadow:0 2px 16px #0000001a!important}.experience-box b,.experience-box .accent,.experience-box span[style*=color]{color:#a9d7ee!important}.education-box{color:#fff;background:#22535221!important;border-radius:16px;padding:28px 24px;box-shadow:0 2px 16px #0000001a!important}.education-box b,.education-box .accent,.education-box span[style*=color]{color:#a9d7ee!important}#experience-section div span[style*=background],#education-section div span[style*=background]{background-color:#212121!important;color:#a9d7ee!important;box-shadow:0 9px 4px -5px #020202;border-style:solid;border-width:1px}#achievements-section div .education-box{padding-left:68px!important;padding-right:68px!important;height:auto!important;min-height:auto!important;padding-bottom:32px!important}#usb-video button{background-color:#a9d7ee00!important;color:#75b1f9!important;border-style:solid!important;box-shadow:0 2px 20px 8px #0202028f!important}#usb-video button:hover{box-shadow:none!important}#usb-video button{transition:box-shadow .25s}#experience-section div .experience-box{box-shadow:0 0 7px 1px #b7b7b76b!important}#achievements-section div .education-box{box-shadow:0 0 22px 6px #c5fbeb38!important}#education-section div .education-box{box-shadow:0 0 8px 2px #dddddd54!important}#experience-section div .title-subtitle{color:#d8d8d8}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width:768px){#usb-video,#portfolio-section{padding-left:0!important;padding-right:0!important}#resume-section p{padding-left:16px!important;padding-right:16px!important}#usb-video>div{padding-left:16px!important;padding-right:16px!important}#usb-video iframe{max-width:100%!important;height:auto!important;min-height:200px!important}#root div main>div{overflow-x:hidden!important;max-width:100vw!important;box-sizing:border-box!important}#root div main>div>div:first-child{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}#root div main>div>div{border-radius:0/0px!important}#root section section{border-radius:0/0px!important}#root,#root>div,#root>div>div,body>#root,html body #root{padding:0!important;margin:0!important}#root,#root>div{padding:0!important}#root div main{transform:translate(0) translatey(0)}#root div main,#root div main>div,#root div main>div>div{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}#experience-section{padding-left:12px!important;padding-right:12px!important}}#portfolio-section{padding-top:0!important;padding-bottom:0!important;margin-top:12px!important}#achievements-section,#education-section,#experience-section{margin-top:12px}:root{--hyperlink-color: #66cdba}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#resume-section{background-color:#0a2b411f!important;border-style:solid;border-width:1px;border-color:#ffffffb8}#resume-section-part2{border-style:solid;border-width:1px}.profile-box{background-color:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}.experience-box,.education-box{background-color:#181b201a!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:none!important}#root aside>div>div{background-color:#fff0!important;box-shadow:0 2px 24px #0000!important}#skills-section{padding-top:0!important;padding-bottom:0!important}#experience-section div p{font-size:18px!important}#skills-section>div>div{font-size:18px!important;margin-top:0!important}#experience-section div div>span{background-color:#0d759a!important}#experience-section>div{margin-right:0!important}#root aside{min-width:320px!important;overflow-y:auto!important}@media (max-width: 768px){#root aside{width:100vw!important;left:0!important;top:0!important;height:72px!important;min-height:0!important;max-height:72px!important;position:fixed!important;flex-direction:row!important;box-shadow:0 2px 16px #00000026!important;z-index:1000!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important}#root aside .profile-box{flex-direction:row!important;height:72px!important;padding:0 8px!important;align-items:center!important;justify-content:center!important;width:100vw!important;min-width:0!important;max-width:100vw!important;background:transparent!important}#root aside .profile-vertical-menu{flex-direction:row!important;height:100%!important;align-items:center!important;margin-left:0!important;margin-right:0!important;gap:12px!important}#root aside .profile-box>div:not(.profile-vertical-menu){display:none!important}#root>div{padding-left:0!important;padding-top:72px!important}#root div main{padding-top:0!important}#root div main>div{padding-left:0!important;padding-right:0!important}#root>div{padding-top:0!important}#experience-section{padding-left:16px!important;padding-right:16px!important}#root{padding:12px!important;transform:translate(0) translatey(0)!important}#resume-section{padding:18px 8px!important;margin:12px!important}#achievements-section,#education-section,#experience-section{padding-left:8px!important;padding-right:8px!important}}#root div main div #achievements-section div.education-box:first-of-type{display:flex;align-items:center;justify-content:flex-start}#root div main div #achievements-section div.education-box:first-of-type .svg-icon-center{display:flex;align-items:center;justify-content:center;width:60px;height:60px;min-width:60px;min-height:60px;margin-right:16px}#root div main div #achievements-section div.education-box:first-of-type svg{width:32px!important;height:32px!important}#root div main div #achievements-section div .education-box svg{width:32px!important;height:32px!important}#root div main div #achievements-section div .education-box>div{width:unset!important}#achievements-section div .svg-icon-center{min-width:unset!important;width:unset!important}#root div main div #achievements-section div .education-box .svg-icon-center{width:unset!important}#root div main div #achievements-section div .education-box div div span{width:100%!important;display:inline-block}#root div main div #achievements-section div .education-box div div{width:100%!important}#achievements-section .education-box div div{padding-bottom:0;margin-bottom:0!important}#achievements-section div a{margin-top:0!important;color:var(--hyperlink-color)!important}#achievements-section span span{color:var(--hyperlink-color)!important}#skills-section div div div div div{line-height:1.2em}#achievements-section{padding-top:0!important;padding-bottom:0!important}.achievement-subtitle{font-style:italic!important;color:#e0e0e0!important;font-size:18px!important;margin-bottom:4px!important}#root div main{padding-bottom:32px!important}@media (min-width:769px){#root div main{padding-top:32px!important}}@media (max-width:768px){#achievements-section div .education-box{padding:20px 16px!important;margin-bottom:16px!important}#achievements-section div .education-box div div div:first-child{font-size:18px!important;gap:8px!important}#achievements-section div .education-box div div div:first-child svg{font-size:28px!important;height:28px!important;width:28px!important}#achievements-section div .education-box div div div:nth-child(2){font-size:16px!important;margin-bottom:8px!important}#achievements-section div .education-box div div div:last-child{font-size:15px!important;line-height:1.5!important}#achievements-section div .education-box div div a{font-size:15px!important;gap:3px!important}#achievements-section div .education-box div div a svg{height:16px!important;width:16px!important}#portfolio-section .video-embed-box{padding:24px 16px!important}.video-embed-title{font-size:20px!important;margin:24px 0 16px!important}#root div main div div section{padding:20px 16px!important;border-radius:12px!important}.education-box,.experience-box{background-color:#181b201a!important;box-shadow:0 2px 16px #0000001a!important;transition:none!important;opacity:1!important}.education-box,.experience-box{opacity:1!important;background-color:#181b201a!important;willChange:"auto"!important}.education-box *,.experience-box *{background-color:inherit!important}#root div main div div section h3{font-size:24px!important}#root div main div div section p{font-size:16px!important;line-height:1.6!important}#root div main div div div[style*="Mobile Profile Section"]{padding:16px 12px!important;border-radius:8px!important;margin-bottom:12px!important;gap:12px!important}#root>div>div:last-child{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}#root div main div div div[style*="Mobile Profile Section"] h2{font-size:22px!important}#root div main div div div[style*="Mobile Profile Section"] div[style*="AI automations"]{font-size:14px!important;margin-bottom:6px!important}#root div main div div div[style*="Mobile Profile Section"] div[style*="gap: 16px"] a{font-size:18px!important}#root div main div div div[style*="Mobile Profile Section"] button{padding:.6em 1.5em!important;font-size:.9rem!important;border-radius:8px!important}}#portfolio-section{box-shadow:0 2px 16px #0000!important}#portfolio-section hr{background-color:#fff!important}.experience-subtitle{font-style:italic;color:#b0b0b0;margin:0 0 4px}#portfolio-section .video-embed-box{background-color:#2c45854f;padding:32px;border-radius:14px}#portfolio-section .video-embed-box h3{margin-right:0!important;margin-top:0!important;margin-bottom:24px!important}#resume-section b{color:#a9d7ee!important}.title-subtitle{font-style:italic;color:#b0b0b0;margin:0 0 4px;font-size:18px}#education-section div .title-subtitle{font-size:18px}.video-embed-title{color:#a9d7ee;font-weight:600;font-size:22px;text-align:center!important;margin:32px 0 24px!important;padding:0!important;display:block}#root div main div #achievements-section div .education-box div div a svg{height:20px!important}html{scroll-behavior:smooth;scroll-padding-top:72px}@media (min-width: 769px){html{scroll-padding-top:0}}body{overflow-x:hidden}main{overflow-anchor:none}.notfound-root{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#fff;width:100vw;height:100vh;padding:0 1rem;z-index:9999}.notfound-root:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:url(https://santiyounger.b-cdn.net/cv/pawel-czerwinski-V5vtlId8sKw-unsplash.jpg?format=webp&quality=85&width=1920&height=1080&mode=crop);background-size:cover;background-position:center;background-attachment:fixed;z-index:-1;animation:bgFadeIn .8s ease-in-out}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.notfound-heading{font-size:clamp(1.2rem,5vw,2rem);color:#fff;margin:0;font-weight:400;letter-spacing:.5px;text-align:center;line-height:1.3;display:flex;align-items:flex-end;justify-content:center}.notfound-back-btn{display:inline-block;background-color:#114c7d;border:none;color:#fff;border-radius:8px;padding:0 14px;margin-left:8px;margin-right:8px;font-size:32px;font-weight:600;cursor:pointer;vertical-align:middle;box-shadow:0 2px 8px #0000001a;transition:background .2s;min-width:64px;min-height:44px}.notfound-back-btn:hover{background-color:#1565c0}