@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";body{margin:0;background-color:#0d0d0d;color:#fff;font-family:JetBrains Mono,monospace;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes move-stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.stars,.stars2,.stars3{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:-1}.stars{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><circle cx="200" cy="200" r="1.5" fill="white"/><circle cx="500" cy="800" r="1" fill="white"/><circle cx="900" cy="300" r="1.2" fill="white"/><circle cx="1200" cy="1100" r="1.5" fill="white"/><circle cx="1500" cy="600" r="1" fill="white"/><circle cx="1800" cy="1400" r="1.2" fill="white"/><circle cx="300" cy="1500" r="1.5" fill="white"/><circle cx="800" cy="1800" r="1" fill="white"/><circle cx="1100" cy="100" r="1.2" fill="white"/><circle cx="1600" cy="900" r="1.5" fill="white"/><circle cx="1900" cy="200" r="1" fill="white"/><circle cx="100" cy="1200" r="1.2" fill="white"/></svg>');animation:move-stars 150s linear infinite}.stars2{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><circle cx="400" cy="600" r="1.5" fill="white"/><circle cx="700" cy="1000" r="1" fill="white"/><circle cx="1000" cy="100" r="1.2" fill="white"/><circle cx="1300" cy="1300" r="1.5" fill="white"/><circle cx="1600" cy="400" r="1" fill="white"/><circle cx="1900" cy="1600" r="1.2" fill="white"/><circle cx="150" cy="1700" r="1.5" fill="white"/><circle cx="600" cy="1900" r="1" fill="white"/><circle cx="1150" cy="400" r="1.2" fill="white"/><circle cx="1750" ud="1100" r="1.5" fill="white"/><circle cx="1950" cy="500" r="1" fill="white"/><circle cx="250" cy="1400" r="1.2" fill="white"/></svg>');animation:move-stars 100s linear infinite}.stars3{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000"><circle cx="333" cy="555" r="1.5" fill="white"/><circle cx="666" cy="999" r="1" fill="white"/><circle cx="999" cy="222" r="1.2" fill="white"/><circle cx="1333" cy="1222" r="1.5" fill="white"/><circle cx="1666" cy="777" r="1" fill="white"/><circle cx="1888" cy="1555" r="1.2" fill="white"/><circle cx="444" cy="1666" r="1.5" fill="white"/><circle cx="777" cy="1888" r="1" fill="white"/><circle cx="1111" cy="333" r="1.2" fill="white"/><circle cx="1555" cy="1000" r="1.5" fill="white"/><circle cx="1777" cy="333" r="1" fill="white"/><circle cx="222" cy="1333" r="1.2" fill="white"/></svg>');animation:move-stars 75s linear infinite}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;position:relative;z-index:1}.content-wrapper{padding:2rem;max-width:600px;text-align:left;position:relative;z-index:1}h1{font-size:2rem;font-weight:600;margin:0;letter-spacing:-.02em}h2{font-size:1.2rem;font-weight:400;margin:.5rem 0 2rem;color:#fff}h3{font-size:1.5rem;margin-bottom:1rem;border-bottom:1px solid #444;padding-bottom:.5rem}.job-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;text-align:left;font-size:1rem;font-weight:500;color:#fff;flex-wrap:wrap}.role-text{color:#fff}.role-link{color:#fff;text-decoration:none;position:relative;transition:opacity .2s ease-in-out}.role-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .2s ease-in-out}.role-link:hover{opacity:.8}.role-link:hover:after{width:100%}@media (max-width: 768px){.job-title{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.previous-role{margin:0}}.divider{color:#fff;margin:0 .25rem;opacity:.8}.bmc-icon{margin-left:.25rem}ul{list-style:none;padding:0;margin:0}ul li{margin:1rem 0 1.2rem}.nav-link{color:#fff;text-decoration:none;font-size:1.1rem;position:relative;transition:color .2s ease-in-out;font-weight:500;letter-spacing:-.01em}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .2s ease-in-out}.nav-link:hover{color:#fff;letter-spacing:0}.nav-link:hover:after{width:100%}.back-link{display:inline-block;margin-bottom:2rem;font-size:1rem;color:#fff}.back-link:hover{color:#fff}.list-item{margin-bottom:1.5rem}.list-item strong{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:-.02em}.list-item p{color:#fff;font-size:.95rem;line-height:1.6;margin:.5rem 0 0}.separator{color:#666;margin:0 .5rem}.project-link{color:#fff;text-decoration:none;font-size:.95rem;position:relative;transition:color .2s ease-in-out}.project-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .2s ease-in-out}.project-link:hover{color:#fff}.project-link:hover:after{width:100%}.project-title-link{text-decoration:none;color:#fff}.project-title-link strong{text-decoration:underline}.project-title-link:hover{opacity:.8}.experience-list{list-style-type:none;padding-left:0}.experience-item{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.experience-details h4{margin:0 0 .25rem;color:#fff;font-size:1.1rem}.experience-details p{margin:0;color:#fff}.experience-date{font-size:.9rem;color:#fff;margin-top:.25rem}.award-item{display:flex;justify-content:space-between;align-items:center}.certificate-link{font-size:.9rem;color:#0af;text-decoration:none;white-space:nowrap;margin-left:1rem}.certificate-link:hover{text-decoration:underline}.eye-button{background:none;border:none;cursor:pointer;padding:0;margin-left:1rem}.eye-button svg{transition:transform .2s ease-in-out}.eye-button:hover svg{transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#1a1a1a;padding:20px;border-radius:8px;position:relative;max-width:80vw;max-height:80vh}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.modal-image{max-width:100%;max-height:calc(80vh - 60px);display:block;margin:auto}.company-logo{width:50px;height:50px;border-radius:8px;background-color:transparent;padding:2px;object-fit:contain;transition:transform .2s ease-in-out}.company-logo:hover{transform:scale(1.1)}.company-logo-placeholder{width:40px;height:40px;border-radius:8px;background-color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem}.contact-list{list-style:none;padding:0}.contact-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;padding:.5rem 0}.contact-icon{width:24px;height:24px;color:#0af}.contact-link:hover .contact-icon{transform:scale(1.1);color:#fff}.contact-link:hover span{text-decoration:underline}.name-and-socials{display:flex;align-items:center;gap:2rem;margin-bottom:1rem}.social-links{display:flex;gap:1.5rem}.social-link{color:#fff;font-size:.95rem;text-decoration:none;position:relative;transition:color .2s ease-in-out;font-weight:500;letter-spacing:-.01em}.social-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:#fff;transition:width .2s ease-in-out}.social-link:hover{color:#fff;letter-spacing:0}.social-link:hover:after{width:100%}@media (max-width: 768px){.name-and-socials{flex-direction:column;align-items:flex-start;gap:1rem}.social-links{gap:1rem}.content-wrapper{padding:1.5rem}.list-item{margin-bottom:2rem}.project-link{word-break:break-all}}.app-container{position:relative;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;transition:background-image .5s ease-in-out}.space-bg{position:relative;background-image:url(/bg-night.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.space-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:0}.background-toggle-button{position:fixed;top:20px;right:20px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;color:#fff;transition:background-color .2s,transform .2s}.background-toggle-button:hover{background-color:#fff3;transform:scale(1.1)}
