@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.layout{display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;justify-content:flex-end;width:100%;height:60px;gap:1.5rem;align-items:flex-start}.top-bar a{font-size:.8rem;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;transition:color var(--transition-fast)}.top-bar a:hover{color:var(--accent-color)}.header{display:flex;justify-content:space-between;align-items:center;padding-top:40rem;padding-bottom:2rem;border-bottom:1px solid var(--divider);gap:4rem}.logo a{display:flex;flex-direction:column}.logo h1{font-size:1.8rem;letter-spacing:2.4px;font-weight:700;color:var(--text-primary);margin-bottom:.1rem;position:relative;display:inline-block}.logo h1:before,.logo h1:after{content:"PAVLO ZHUKOV";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--bg-color)}.logo h1:before{color:#f0f;z-index:-1}.logo h1:after{color:#0ff;z-index:-2}.logo:hover h1:before{animation:glitch-anim-1 .8s cubic-bezier(.25,.46,.45,.94) both}.logo:hover h1:after{animation:glitch-anim-2 .8s cubic-bezier(.25,.46,.45,.94) both}@keyframes glitch-anim-1{0%{opacity:1;transform:translate3d(-4px,0,0);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}20%{opacity:1;transform:translate3d(4px,0,0);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}40%{opacity:1;transform:translate3d(-2px,0,0);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}60%{opacity:.8;transform:translate3d(2px,0,0);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%)}80%{opacity:.4;transform:translate3d(-1px,0,0);clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}to{opacity:0;transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes glitch-anim-2{0%{opacity:1;transform:translate3d(4px,0,0);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%)}20%{opacity:1;transform:translate3d(-4px,0,0);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}40%{opacity:1;transform:translate3d(2px,0,0);clip-path:polygon(0 80%,100% 80%,100% 100%,0 100%)}60%{opacity:.8;transform:translate3d(-2px,0,0);clip-path:polygon(0 0,100% 0,100% 20%,0 20%)}80%{opacity:.4;transform:translate3d(1px,0,0);clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}to{opacity:0;transform:translateZ(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.logo span{font-size:1.02rem;color:var(--accent-color);letter-spacing:4.8px;font-weight:300;text-transform:uppercase}.nav{display:flex;gap:2rem}.nav a{font-size:1.14rem;font-weight:500;letter-spacing:1.2px;color:var(--text-secondary);position:relative;padding-bottom:4px}.nav a:hover,.nav a.active{color:var(--text-primary)}.nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width var(--transition-normal)}.nav a.active:after,.nav a:hover:after{width:100%}.main-content{flex:1;width:100%;margin-top:2rem}.footer{padding-top:2rem;padding-bottom:2rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--divider);margin-top:auto}@media(max-width:768px){.header{flex-direction:column;gap:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}.logo{text-align:center}}.work-card{display:block;border-radius:8px;overflow:hidden;position:relative;background-color:var(--bg-surface);aspect-ratio:16 / 9;transform:translateY(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none}.work-card:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 15px 40px #00e5ff66,0 0 20px #00e5ff33}.work-card-image-wrapper{width:100%;height:100%;position:relative}.work-card-year{position:absolute;top:1rem;right:1rem;font-size:.8rem;color:#fff;background:#0b0c1699;padding:.2rem .6rem;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;transition:opacity var(--transition-normal)}.work-card:hover .work-card-year{opacity:0}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.work-card:hover .work-card-image{transform:scale(1.2)}.work-card-overlay{position:absolute;inset:-2px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 25%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;padding-bottom:calc(1.5rem + 2px);padding-left:calc(1.5rem + 2px);padding-right:calc(1.5rem + 2px);opacity:.9;transition:opacity var(--transition-normal)}.work-card:hover .work-card-overlay{opacity:1}.work-card-category{font-size:.75rem;color:#fff;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;transform:translateY(10px);opacity:0;transition:all var(--transition-normal)}.work-card-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0;transform:translateY(10px);transition:all var(--transition-normal);transition-delay:.05s}.work-card:hover .work-card-category,.work-card:hover .work-card-title{transform:translateY(0);opacity:1}.software-section{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--divider);text-align:center}.glitch-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:2rem;position:relative;display:inline-block}.glitch-title:before,.glitch-title:after{content:attr(data-title);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:var(--bg-color)}.glitch-title:before{color:#f0f;z-index:-1}.glitch-title:after{color:#0ff;z-index:-2}.glitch-title:hover:before{animation:glitch-anim-1 .8s cubic-bezier(.25,.46,.45,.94) both}.glitch-title:hover:after{animation:glitch-anim-2 .8s cubic-bezier(.25,.46,.45,.94) both}.software-grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;align-items:center}.software-item{width:120px;height:80px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);position:relative;border-radius:12px;background-color:var(--bg-surface);padding:12px;box-shadow:0 4px 20px #0003}.software-item img{max-width:100%;max-height:100%;object-fit:contain;transition:transform var(--transition-normal)}.software-item:hover{background-color:#18181b00;transform:translateY(-5px);box-shadow:0 10px 30px #00e5ff66}.software-item:hover img{transform:scale(1.15)}@media(max-width:768px){.software-section{text-align:center}.software-grid{justify-content:center}}.blog-card{background-color:var(--bg-surface);border-radius:8px;box-shadow:0 4px 20px #0003;transform:translateY(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;overflow:hidden}.blog-card:hover{transform:translateY(-5px) translateZ(0);box-shadow:0 15px 40px #00e5ff66,0 0 20px #00e5ff33}.blog-card-image{width:100%;aspect-ratio:21 / 9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:2rem;display:flex;flex-direction:column}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:var(--bg-surface);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.video-iframe,.video-native{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background-color:#000}.ba-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;cursor:ew-resize;-webkit-user-select:none;user-select:none;background-color:var(--bg-surface)}.ba-image-container{width:100%;display:block}.ba-image-container img{width:100%;height:auto;display:block;pointer-events:none}.ba-overlay{position:absolute;top:0;left:0;height:100%;z-index:1}.ba-overlay img{height:100%;object-fit:cover}.ba-slider{position:absolute;top:0;bottom:0;width:2px;background-color:transparent;z-index:2;display:flex;align-items:center;justify-content:center;transform:translate(-50%);pointer-events:none}.ba-slider-line{position:absolute;top:0;bottom:0;width:2px;background-color:#fffc;box-shadow:0 0 10px #00000080}.ba-slider-button{width:36px;height:36px;border-radius:50%;background-color:var(--text-primary);color:var(--bg-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080;z-index:3}.ba-slider-button svg{width:20px;height:20px}.ba-label{position:absolute;bottom:1rem;padding:.25rem .75rem;background-color:#0009;color:#fff;font-size:.85rem;font-weight:500;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;letter-spacing:1px}.ba-label-left{left:1rem}.ba-label-right{right:1rem}.project-detail{padding-top:2rem;padding-bottom:6rem}.project-header{margin-bottom:3rem;text-align:center}.back-link{display:inline-block;color:var(--text-muted);font-size:.9rem;margin-bottom:2rem;transition:color var(--transition-fast)}.back-link:hover{color:var(--accent-color)}.project-category{color:var(--accent-color);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.title-navigation{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-arrow,.nav-arrow-placeholder{width:60px;display:flex;align-items:center;justify-content:center}.nav-arrow{color:#94a3b8;transition:color var(--transition-fast),transform var(--transition-fast)}.nav-arrow:hover{color:var(--accent-color);transform:scale(1.1)}.project-title{flex:1;font-size:3.5rem;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-1px;text-align:center}.project-hero-media{margin-bottom:4rem}.hero-image-wrapper img{width:100%;border-radius:8px;box-shadow:0 10px 30px #0000004d}.project-description{max-width:800px;margin:0 auto 4rem;text-align:left;font-size:1.25rem;color:var(--text-secondary);line-height:1.8;font-weight:300}.project-components{display:flex;flex-direction:column;gap:4rem}.project-component-block{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d}@media(max-width:768px){.project-title{font-size:2.5rem}}:root{--bg-color: #06070f;--bg-surface: rgba(24, 24, 27, .4);--bg-surface-hover: rgba(39, 39, 42, .6);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-color: #00e5ff;--accent-color-glow: rgba(0, 229, 255, .4);--accent-color-dark: #00b3cc;--divider: rgba(255, 255, 255, .08);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .15s ease-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1)}body.light-mode{--bg-color: #f8f8f8;--bg-surface: rgba(255, 255, 255, .7);--bg-surface-hover: rgba(241, 245, 249, .9);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-color: #0284c7;--accent-color-glow: rgba(2, 132, 199, .3);--accent-color-dark: #0369a1;--divider: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:radial-gradient(circle at center,rgba(47,101,250,.3) 0%,transparent 45%),radial-gradient(circle at center,rgba(165,115,252,.3) 0%,transparent 50%),radial-gradient(circle at center,rgba(95,203,250,.3) 0%,transparent 40%),radial-gradient(circle at center,rgba(250,47,150,.3) 0%,transparent 48%);background-size:200vw 200vh;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:screen;animation:moveSpots 35s ease-in-out infinite alternate;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes moveSpots{0%{background-position:100% 100%,0% 100%,0% 0%,100% 0%}25%{background-position:100% 20%,50% 100%,0% 50%,50% 0%}50%{background-position:100% 0%,100% 100%,0% 100%,0% 0%}75%{background-position:40% 0%,100% 30%,80% 100%,0% 60%}to{background-position:0% 20%,100% 0%,100% 100%,0% 100%}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}img,video{max-width:100%;height:auto;display:block}button{background:none;border:none;border-radius:4px;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.portfolio-filter{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.portfolio-filter-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:.5rem 1rem;cursor:pointer;position:relative;transition:color var(--transition-fast)}.portfolio-filter-btn:hover{color:var(--text-primary)}.portfolio-filter-btn.active{color:var(--accent-color)}.portfolio-filter-btn:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--accent-color);transition:width var(--transition-normal)}.portfolio-filter-btn.active:after{width:100%}