:root{--bg-color:#000000;--text-color:#ffffff;--link-color:#ffffff;--font-main:"SF Pro Display","SF Pro Text","SF Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);font-size:16px;font-weight:500;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;text-align:center}body,main{width:100%}main{max-width:700px;padding:2rem;margin:auto}header{margin-bottom:2rem}.header-content{position:relative;display:flex;align-items:center;justify-content:center}.profile-pic{left:0}.bio,.profile-pic{position:absolute;top:110px}.bio{right:0;font-size:13px;max-width:160px;text-align:left;opacity:.9;line-height:1.4}h1{font-size:34px;font-weight:400;margin-bottom:1rem}.links{margin-bottom:1.5rem;display:flex;justify-content:center;gap:1.5rem;flex-direction:column;align-items:center}.email{margin-bottom:2.5rem;margin-top:4rem;font-size:16px}a{color:var(--link-color);text-decoration:none;display:inline-block}a:hover{opacity:.8}.projects-view{text-align:center}.back-arrow{background:none;border:none;color:var(--text-color);font-family:var(--font-main);font-size:16px;font-weight:600;cursor:pointer;margin-bottom:2rem;text-decoration:none}.back-arrow:hover{opacity:.8}.projects-view h2{font-size:28px;font-weight:700;margin-bottom:2rem}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.projects-list a{font-size:18px;font-weight:500}.profile-container{position:static}@media (max-width:768px){.email{margin-bottom:1rem}.header-content{display:flex;flex-direction:column;align-items:center;min-height:auto;padding-top:0;width:100%}.header-content h1{margin-bottom:1rem;order:1}.profile-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;width:100%;order:2;padding:0 10px;margin-top:20px}.profile-pic{height:120px!important;width:auto!important;flex-shrink:0}.bio,.profile-pic{position:static!important;margin:0}.bio{font-size:11px;max-width:160px;text-align:left;color:var(--text-color)}}.tech-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:black}.tech-image{background-image:url(/stateira.png);background-size:cover;background-position:50%;filter:grayscale(0) contrast(100%) blur(30px);opacity:.3;mix-blend-mode:screen}.tech-image,.tech-noise{position:absolute;inset:0}.tech-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}