*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-dark: #0a0a0a;--color-bg-medium: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-cyan: #00FFFF;--color-yellow: #FFD700;--color-purple: #9D00FF;--glow-cyan-sm: 0 0 10px var(--color-cyan), 0 0 20px var(--color-cyan);--glow-cyan-md: 0 0 10px var(--color-cyan), 0 0 20px var(--color-cyan), 0 0 30px var(--color-cyan);--glow-yellow: 0 0 10px var(--color-yellow), 0 0 20px var(--color-yellow);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-base: 1.125rem;--line-height-base: 1.6;--max-width: 1200px;--section-spacing: 4rem}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);background:linear-gradient(135deg,#0a0a0a,#1a0a2e,#16213e,#0f3460,#0a0a0a);background-size:400% 400%;animation:gradientShift 60s ease infinite;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:reduce){body{animation:none;background:var(--color-bg-dark)}h1,h2{text-shadow:none}.cta-button,.telegram-button{transition:none}}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:var(--glow-cyan-sm);color:var(--color-cyan)}h2{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:var(--glow-cyan-sm);color:var(--color-cyan)}h3{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}h4{font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--color-text-primary);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.8}ul{list-style:none}section,header,footer{max-width:var(--max-width);margin:0 auto;padding:var(--section-spacing) 2rem}section:not(#hero){padding-top:calc(var(--section-spacing) + 4rem)}section+section{margin-top:2rem}.section-subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:2rem}#navigation{position:fixed;top:0;left:0;right:0;background-color:#0a0a0af2;backdrop-filter:blur(10px);z-index:1000;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}#navigation ul{display:flex;justify-content:center;align-items:center;gap:2rem;max-width:var(--max-width);margin:0 auto}#navigation li{list-style:none}#navigation a{color:var(--color-text-primary);text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;position:relative}#navigation a:hover{color:var(--color-text-primary);background-color:#ffffff1a}#navigation a:focus{outline:2px solid var(--color-text-primary);outline-offset:2px}#navigation a.active{background-color:#ffffff26}html{scroll-behavior:smooth}section[id],header[id]{scroll-margin-top:5rem}.cta-button,.telegram-button{display:inline-block;padding:1rem 2rem;background-color:var(--color-cyan);color:var(--color-bg-dark);font-weight:600;font-size:1.125rem;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:var(--glow-cyan-md);border:2px solid var(--color-cyan)}.cta-button:hover,.telegram-button:hover{background-color:transparent;color:var(--color-cyan);box-shadow:var(--glow-cyan-md),0 0 40px var(--color-cyan);transform:translateY(-2px);opacity:1}section h2:before{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--color-cyan),var(--color-purple));margin-bottom:1rem;box-shadow:var(--glow-cyan-sm)}.tech,.project-tech{color:var(--color-yellow);font-size:.9rem;font-weight:500}#hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0ab3,#1a0a2e99,#0f3460b3);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:2rem}.hero-content h1{font-size:3.5rem;margin-bottom:1.5rem}.hero-content p{font-size:1.5rem;margin-bottom:2.5rem;color:#ffffffe6;line-height:1.8}@media(max-width:767px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.125rem}}.glitch-text{position:relative;display:inline-block;animation:glitch-trigger 9s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text:before{color:var(--color-cyan);z-index:-1;animation:glitch-before .3s cubic-bezier(.25,.46,.45,.94) both;animation-play-state:paused}.glitch-text:after{color:var(--color-purple);z-index:-2;animation:glitch-after .3s cubic-bezier(.25,.46,.45,.94) both;animation-play-state:paused}@keyframes glitch-trigger{0%,to{transform:translate(0)}10%,10.3%{animation-play-state:running}}@keyframes glitch-before{0%{opacity:0;transform:translate(0)}10%{opacity:.8;transform:translate(-2px,2px)}20%{opacity:.8;transform:translate(2px,-2px)}30%{opacity:.8;transform:translate(-2px,1px)}40%{opacity:.8;transform:translate(1px,-1px)}50%{opacity:.8;transform:translate(-1px,2px)}60%{opacity:.8;transform:translate(3px,1px)}70%{opacity:.8;transform:translate(-1px,-1px)}80%{opacity:.8;transform:translate(2px,2px)}90%{opacity:.8;transform:translate(-2px,-2px)}to{opacity:0;transform:translate(0)}}@keyframes glitch-after{0%{opacity:0;transform:translate(0)}10%{opacity:.8;transform:translate(2px,-2px)}20%{opacity:.8;transform:translate(-2px,2px)}30%{opacity:.8;transform:translate(1px,-1px)}40%{opacity:.8;transform:translate(-1px,1px)}50%{opacity:.8;transform:translate(2px,-1px)}60%{opacity:.8;transform:translate(-3px,-1px)}70%{opacity:.8;transform:translate(1px,1px)}80%{opacity:.8;transform:translate(-2px,-2px)}90%{opacity:.8;transform:translate(2px,2px)}to{opacity:0;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.glitch-text,.glitch-text:before,.glitch-text:after{animation:none!important}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-top:3rem}.skill-item{text-align:center;position:relative}.skill-star-container{position:relative;width:120px;height:120px;margin:0 auto 1.5rem}.skill-star{width:100%;height:100%;transition:transform .3s ease}.star-bg{fill:#ffffff1a;stroke:var(--color-cyan);stroke-width:1}.star-fill{fill:var(--color-cyan);filter:drop-shadow(0 0 8px var(--color-cyan));opacity:0;animation:star-draw 1s ease-out forwards;animation-play-state:paused}.skill-item[data-skill-level="5"] .star-fill{opacity:1}.skill-item[data-skill-level="4"] .star-fill{clip-path:polygon(0 0,80% 0,80% 100%,0 100%);opacity:.9}.skill-item[data-skill-level="3"] .star-fill{clip-path:polygon(0 0,60% 0,60% 100%,0 100%);opacity:.8}.skill-level-text{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);color:var(--color-yellow);font-size:1.25rem;letter-spacing:.1em}.skill-item h3{font-size:1.25rem;margin-bottom:1rem;color:var(--color-cyan)}.skill-tooltip{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;background:#1a0a2ee6;border:1px solid var(--color-cyan);border-radius:8px;padding:0;margin-top:1rem}@media(hover:hover)and (pointer:fine){.skill-item:hover .skill-tooltip{max-height:300px;opacity:1;padding:1.5rem}.skill-item:hover .skill-star{transform:scale(1.1) rotate(5deg)}}.skill-tooltip ul{list-style:none;padding:0;margin:0;text-align:left}.skill-tooltip li{padding:.5rem 0;color:#ffffffe6;border-bottom:1px solid rgba(0,255,255,.2)}.skill-tooltip li:last-child{border-bottom:none}@keyframes star-draw{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.skill-item.in-view .star-fill{animation-play-state:running}@media(max-width:767px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.skill-star-container{width:80px;height:80px}.skill-level-text,.skill-item h3{font-size:1rem}.skill-tooltip{display:none!important}.skill-item:hover .skill-tooltip{max-height:0;opacity:0;padding:0}}.project-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.project-logo{width:64px;height:64px;object-fit:cover;border-radius:12px;border:2px solid rgba(0,255,255,.3);flex-shrink:0}.project-logo[src$=".svg"],.company-logo[src$=".svg"],.conference-logo[src$=".svg"]{filter:invert(1) brightness(1.2)}.project-title-group{flex:1}.project-title-group h3{margin-bottom:.25rem}.project-subtitle{margin:0;color:var(--color-text-secondary);font-size:.95rem}.project-screenshot-container{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000004d;background:#1a0a2e4d;transition:all .3s ease;flex-shrink:0;width:280px}.project-screenshots-grid{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:.5rem 0 1rem;pointer-events:none}.project-screenshots-grid>*{pointer-events:auto}.project-screenshot{display:block;width:100%;height:auto;border-radius:12px}.project-screenshot-container:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000080}@media(max-width:767px){.project-screenshot-container{width:220px}.project-header{gap:1rem}.project-logo{width:48px;height:48px}}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.3) 50%,transparent 100%);margin:3rem 0}.experience-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.company-logo{width:64px;height:64px;object-fit:contain;border-radius:12px;flex-shrink:0;padding:8px;background:#ffffff0d}.company-logo-placeholder{width:64px;height:64px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-purple) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:var(--color-bg-dark)}.experience-title-group{flex:1}.experience-title-group h3{margin-bottom:.5rem}.experience-title-group .position{margin:.25rem 0;color:var(--color-cyan);font-weight:500}.experience-title-group .period{margin:.25rem 0;color:var(--color-text-secondary);font-size:.9rem}@media(max-width:767px){.experience-header{gap:1rem}.company-logo,.company-logo-placeholder{width:48px;height:48px;font-size:1.125rem}}.speaking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.talk-card{background:#1a0a2e4d;border:1px solid rgba(0,255,255,.2);border-radius:12px;overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.talk-card:hover{transform:translateY(-4px);border-color:var(--color-cyan);box-shadow:0 8px 24px #00ffff4d}.talk-card-static{cursor:default}.talk-card-static:hover{transform:none}.talk-image-container{position:relative;width:100%;height:200px;background:#0f34604d;overflow:hidden}.talk-image-container:after{content:"";position:absolute;bottom:-20px;right:-20px;width:240px;height:240px;background:radial-gradient(ellipse at bottom right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.05) 80%,transparent 100%);filter:blur(8px);pointer-events:none}.talk-image{width:100%;height:100%;object-fit:cover;object-position:top center}.talk-logo{position:absolute;bottom:.5rem;right:.5rem;width:48px;height:48px;background:none;border:none;padding:0;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.9));z-index:1}.talk-logo[src*=yandex]{filter:invert(1) brightness(1.2) drop-shadow(4px 4px 8px rgba(0,0,0,.9))}.talk-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#00ffff1a,#9d00ff1a)}.talk-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.talk-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-cyan)}.talk-title{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-yellow)}.talk-description{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:1rem;flex:1}.talk-link-text{color:var(--color-cyan);font-weight:500;font-size:.95rem;transition:color .3s ease}.talk-card:hover .talk-link-text{color:var(--color-yellow)}@media(max-width:767px){.speaking-grid{grid-template-columns:1fr;gap:1.5rem}.talk-image-container{height:160px}.talk-logo{width:40px;height:40px}}@media(max-width:767px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p,li{font-size:1rem}section{padding:3rem 1rem}#navigation{display:none}.experience-item{margin-bottom:2.5rem}.project-links{display:flex;flex-direction:column;gap:.75rem}.link-separator{display:none}.project-links a{min-height:44px;display:flex;align-items:center;justify-content:center}.cta-button,a[href^=http],button{min-height:44px;min-width:44px;padding:.875rem 1.5rem}.speaking-category{margin-bottom:3rem}#contact{text-align:center}body{overflow-x:hidden}section{overflow-x:hidden}img,video{max-width:100%;height:auto}}@media(min-width:768px)and (max-width:1023px){h1{font-size:2.25rem}h2{font-size:1.875rem}section{padding:4rem 2rem}.skills-grid,.project-screenshots-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.project-links{flex-direction:row;align-items:center;gap:1rem}.link-separator{display:inline;color:var(--color-cyan);opacity:.5}}.contact-container{max-width:600px;margin:0 auto;text-align:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-main{text-align:left}.contact-intro{font-size:1.125rem;margin-bottom:1rem;color:#ffffffe6}.contact-hint{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:2.5rem}.overtime-link{color:var(--color-purple);text-decoration:underline;cursor:pointer;transition:color .3s ease}.overtime-link:hover{color:var(--color-cyan)}.telegram-button{display:flex;align-items:center;gap:1rem;padding:1.5rem 1rem;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:8px;color:var(--color-cyan);text-decoration:none;font-weight:600;font-size:1.125rem;transition:all .3s ease;min-height:66px}.telegram-button:hover{background:#00ffff1a;border-color:var(--color-cyan);transform:translate(4px);box-shadow:0 4px 12px #0ff3}.telegram-icon{width:24px;height:24px;flex-shrink:0;filter:invert(1) brightness(1.2)}.contact-links{text-align:left}.contact-links h3{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.contact-links-list{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:8px;color:var(--color-cyan);text-decoration:none;font-weight:500;transition:all .3s ease;min-height:44px}.contact-link:hover{background:#00ffff1a;border-color:var(--color-cyan);transform:translate(4px);box-shadow:0 4px 12px #0ff3}.contact-icon{width:24px;height:24px;flex-shrink:0;filter:invert(1) brightness(1.2)}.email-at-symbol{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}@media(max-width:767px){.contact-grid{grid-template-columns:1fr;gap:3rem}.telegram-button{width:100%;padding:1.5rem 1rem}}footer{text-align:center;padding:2rem;border-top:1px solid rgba(255,255,255,.1);margin-top:4rem}.language-switcher{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.language-switcher button{background:#ffffff0d;border:1px solid rgba(0,255,255,.2);color:#fff9;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:600;text-transform:uppercase}.language-switcher button:hover{border-color:var(--color-cyan);color:var(--color-cyan);background:#00ffff1a}.language-switcher button.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#00ffff26}.overtime-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center}.overtime-modal.open{display:flex}.overtime-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.overtime-modal-content{position:relative;background:linear-gradient(135deg,#14141ef2,#1e1e32f2);border:2px solid var(--color-cyan);border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 0 40px #00ffff4d,0 20px 60px #000c;animation:modalSlideIn .3s ease-out;z-index:10001}@keyframes modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.overtime-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-cyan);font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease}.overtime-modal-close:hover{transform:scale(1.2);color:#fff}.overtime-modal-content h2{margin:0 0 1rem;color:var(--color-cyan);font-size:1.5rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.overtime-modal-content p{margin:0 0 1.5rem;color:#ffffffe6;font-size:1rem}.overtime-spotify-container{margin-top:1.5rem}.overtime-spotify-container iframe{box-shadow:0 4px 20px #00000080}.overtime-modal.open .overtime-modal-content{outline:none}