html{scroll-behavior:smooth}*{margin:0;padding:0;outline:none;box-sizing:border-box}img{width:100%;display:block}a{text-decoration:none}body{font-family:DM Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{width:100%;margin:0 auto}.header-container{background-color:#1b1b1b;width:100%;margin:0 auto;background:linear-gradient(45deg,#2d316a,#430432)}.title{display:flex}.header-logo{height:50px;transition:all .3s ease}.header-logo:hover{opacity:.6}.burger-menu{display:none;position:relative;cursor:pointer;width:30px;height:24px;z-index:200}.burger-line{position:absolute;left:0;width:100%;height:4px;background-color:#fff;border-radius:2px;transition:all .3s ease}.burger-menu:hover .burger-line{background-color:#4a90e2}.burger-line:nth-child(1){top:0}.burger-line:nth-child(2){top:10px}.burger-line:nth-child(3){bottom:0}.burger-line.open:nth-child(1){top:10px;transform:rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){top:10px;transform:rotate(-45deg)}.dropdown-menu{display:none;position:absolute;top:11rem;left:50%;transform:translate(-50%);background-color:#2a2a4a;border-radius:12px;z-index:150;padding:1rem 2rem;box-shadow:0 4px 12px #0000004d;text-align:center;min-width:250px;animation:fadeIn .3s ease}.dropdown-menu a{display:block;text-decoration:none;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 0;transition:all .3s ease}.dropdown-menu.active{display:block}.dropdown-menu a:hover{background-color:#4a90e2}.dropdown-menu a:active{background-color:#3a7bc8}.header-nav{padding:2.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-links{display:flex;list-style:none;align-items:center;gap:3rem}.link{text-decoration:none!important}.link a{position:relative;font-weight:600;font-size:.9375rem;text-decoration:none;transition:all .3s ease;background:linear-gradient(45deg,#a78bfa,#5a3fe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link a:before{content:"";position:absolute;top:-5px;left:-10px;right:-10px;bottom:-5px;background-color:#4a90e21a;border-radius:5px;z-index:-1;opacity:0;transition:all .3s ease}.link a:hover{background:linear-gradient(45deg,#ff6ec4,#7873f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.link a:hover:before{opacity:1}.link a:after{content:"";position:absolute;height:2px;top:20px;width:0;left:0;background:linear-gradient(45deg,#a78bfa,#5a3fe8);transition:all .4s ease}.link a:hover:after{width:100%;background:linear-gradient(45deg,#ff6ec4,#7873f5)}.btn-nav{padding:1rem 2rem;font-size:1rem;color:#fff;background:linear-gradient(45deg,#a78bfa,#5a3fe8);border-radius:25px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 6px #0000001a}.btn-nav:hover{background:linear-gradient(45deg,#5a3fe8,#4a90e2);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn-nav:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.header-nav{flex-direction:column}.nav-links.desktop-menu{display:none}.burger-menu{display:flex}}@media (max-width: 480px){.btn-nav{padding:.75rem 1.5rem;font-size:.875rem}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.home-title{margin-bottom:2rem;font-size:3rem;background:linear-gradient(90deg,#a478e8,#516cf7,#a478e8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-move 3s linear infinite}.home-text{text-align:justify;font-weight:600;font-size:large;line-height:2rem;margin-bottom:1rem}@media (min-width: 1024px){.home-text{max-width:80%}}.home-list{margin-left:3rem;margin-top:1rem}.home-list__element{margin-bottom:1rem}.home-list__element-link{transition:all .3s ease;background:linear-gradient(45deg,#a78bfa,#5a3fe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-list__element-link:hover{opacity:.6}.desc{margin-top:0!important}.home-contacts{display:flex;gap:2rem;text-align:center;margin-top:2rem!important}@media (max-width: 768px){.home-contacts{flex-direction:column;width:70%;margin:auto}}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at bottom,#000,#090a0f)}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.stars{background-image:radial-gradient(3px 3px at 20px 30px,#fff,transparent),radial-gradient(3px 3px at 40px 70px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 160px 30px,#fff,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 90px,#fff,transparent),radial-gradient(2px 2px at 180px 10px,rgba(255,255,255,.9),transparent);background-repeat:repeat;background-size:200px 100px;animation:zoom 20s infinite linear}.stars2{background-image:radial-gradient(2px 2px at 40px 60px,#fff,transparent),radial-gradient(2px 2px at 120px 10px,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 170px 50px,#fff,transparent),radial-gradient(1px 1px at 80px 80px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 30px 20px,#fff,transparent),radial-gradient(1px 1px at 190px 90px,rgba(255,255,255,.7),transparent);background-repeat:repeat;background-size:250px 120px;animation:zoom 30s infinite linear}.stars3{background-image:radial-gradient(2px 2px at 10px 10px,rgba(255,255,255,.8),transparent),radial-gradient(3px 3px at 150px 90px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 200px 20px,#fff,transparent),radial-gradient(1px 1px at 60px 70px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 100px 50px,#fff,transparent),radial-gradient(1px 1px at 220px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 70px 30px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:300px 150px;animation:zoom 40s infinite linear}@keyframes zoom{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(360deg);opacity:0}}.comet{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 12px 4px #fff,0 0 20px 6px #87cefacc}.comet:before{content:"";position:absolute;top:50%;right:0;height:2px;background:linear-gradient(90deg,#fff0,#fff);transform:translateY(-50%);animation:tail 3s ease-in-out infinite}.comet1{top:20%;left:-10px;animation:comet-move1 8s linear infinite}.comet1:before{width:120px}.comet2{top:60%;left:-10px;animation:comet-move2 12s linear infinite;animation-delay:-4s}.comet2:before{width:100px}.comet3{top:80%;left:-10px;animation:comet-move3 15s linear infinite;animation-delay:-8s}.comet3:before{width:140px}.comet4{top:40%;left:-10px;animation:comet-move4 10s linear infinite;animation-delay:-2s}.comet4:before{width:110px}.comet5{top:10%;left:-10px;animation:comet-move5 14s linear infinite;animation-delay:-6s}.comet5:before{width:90px}@keyframes comet-move1{0%{transform:translate(-10px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 10px)) translateY(-200px);opacity:0}}@keyframes comet-move2{0%{transform:translate(-10px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 10px)) translateY(-150px);opacity:0}}@keyframes comet-move3{0%{transform:translate(-10px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 10px)) translateY(-100px);opacity:0}}@keyframes comet-move4{0%{transform:translate(-10px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 10px)) translateY(-180px);opacity:0}}@keyframes comet-move5{0%{transform:translate(-10px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 10px)) translateY(-220px);opacity:0}}@keyframes tail{0%,to{width:0}50%{width:120px}}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;background:#ffffffe6;border-radius:50%;pointer-events:none;box-shadow:0 0 8px 2px #fff9,0 0 12px 3px #87cefa66}.particle-1{width:4px;height:4px;top:10%;left:10%;animation:float1 6s ease-in-out infinite}.particle-2{width:3px;height:3px;top:20%;left:80%;animation:float2 8s ease-in-out infinite}.particle-3{width:5px;height:5px;top:30%;left:30%;animation:float3 7s ease-in-out infinite}.particle-4{width:3px;height:3px;top:40%;left:70%;animation:float4 9s ease-in-out infinite}.particle-5{width:4px;height:4px;top:50%;left:20%;animation:float5 5s ease-in-out infinite}.particle-6{width:3px;height:3px;top:60%;left:90%;animation:float6 8s ease-in-out infinite}.particle-7{width:5px;height:5px;top:70%;left:40%;animation:float7 6s ease-in-out infinite}.particle-8{width:4px;height:4px;top:80%;left:60%;animation:float8 7s ease-in-out infinite}.particle-9{width:3px;height:3px;top:15%;left:50%;animation:float9 9s ease-in-out infinite}.particle-10{width:4px;height:4px;top:25%;left:15%;animation:float10 6s ease-in-out infinite}.particle-11{width:3px;height:3px;top:35%;left:85%;animation:float11 8s ease-in-out infinite}.particle-12{width:5px;height:5px;top:45%;left:25%;animation:float12 7s ease-in-out infinite}.particle-13{width:3px;height:3px;top:55%;left:75%;animation:float13 5s ease-in-out infinite}.particle-14{width:4px;height:4px;top:65%;left:35%;animation:float14 9s ease-in-out infinite}.particle-15{width:3px;height:3px;top:75%;left:65%;animation:float15 6s ease-in-out infinite}.particle-16{width:5px;height:5px;top:85%;left:45%;animation:float16 8s ease-in-out infinite}.particle-17{width:4px;height:4px;top:5%;left:55%;animation:float17 7s ease-in-out infinite}.particle-18{width:3px;height:3px;top:95%;left:5%;animation:float18 9s ease-in-out infinite}.particle-19{width:4px;height:4px;top:12%;left:95%;animation:float19 5s ease-in-out infinite}.particle-20{width:3px;height:3px;top:88%;left:12%;animation:float20 8s ease-in-out infinite}.particle-21{width:4px;height:4px;top:18%;left:65%;animation:float21 7s ease-in-out infinite}.particle-22{width:3px;height:3px;top:28%;left:45%;animation:float22 6s ease-in-out infinite}.particle-23{width:5px;height:5px;top:38%;left:55%;animation:float23 8s ease-in-out infinite}.particle-24{width:3px;height:3px;top:48%;left:85%;animation:float24 9s ease-in-out infinite}.particle-25{width:4px;height:4px;top:58%;left:15%;animation:float25 5s ease-in-out infinite}.particle-26{width:3px;height:3px;top:68%;left:75%;animation:float26 7s ease-in-out infinite}.particle-27{width:5px;height:5px;top:78%;left:25%;animation:float27 6s ease-in-out infinite}.particle-28{width:4px;height:4px;top:8%;left:35%;animation:float28 8s ease-in-out infinite}.particle-29{width:3px;height:3px;top:92%;left:65%;animation:float29 9s ease-in-out infinite}.particle-30{width:4px;height:4px;top:22%;left:25%;animation:float30 5s ease-in-out infinite}@keyframes float1{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-20px) translate(10px);opacity:1}}@keyframes float2{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-15px) translate(-8px);opacity:1}}@keyframes float3{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-25px) translate(15px);opacity:1}}@keyframes float4{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-18px) translate(-12px);opacity:1}}@keyframes float5{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-22px) translate(8px);opacity:1}}@keyframes float6{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-16px) translate(-10px);opacity:1}}@keyframes float7{0%,to{transform:translateY(0) translate(0);opacity:1}50%{transform:translateY(-28px) translate(12px);opacity:1}}@keyframes float8{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-20px) translate(-6px);opacity:1}}@keyframes float9{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-24px) translate(14px);opacity:1}}@keyframes float10{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-19px) translate(-9px);opacity:1}}@keyframes float11{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-21px) translate(11px);opacity:1}}@keyframes float12{0%,to{transform:translateY(0) translate(0);opacity:1}50%{transform:translateY(-26px) translate(-7px);opacity:1}}@keyframes float13{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-17px) translate(13px);opacity:1}}@keyframes float14{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-23px) translate(-11px);opacity:1}}@keyframes float15{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-18px) translate(9px);opacity:1}}@keyframes float16{0%,to{transform:translateY(0) translate(0);opacity:1}50%{transform:translateY(-27px) translate(-13px);opacity:1}}@keyframes float17{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-20px) translate(7px);opacity:1}}@keyframes float18{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-25px) translate(-14px);opacity:1}}@keyframes float19{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-19px) translate(10px);opacity:1}}@keyframes float20{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-22px) translate(-12px);opacity:1}}@keyframes float21{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-21px) translate(9px);opacity:1}}@keyframes float22{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-17px) translate(-11px);opacity:1}}@keyframes float23{0%,to{transform:translateY(0) translate(0);opacity:1}50%{transform:translateY(-26px) translate(13px);opacity:1}}@keyframes float24{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-19px) translate(-7px);opacity:1}}@keyframes float25{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-23px) translate(12px);opacity:1}}@keyframes float26{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-18px) translate(-9px);opacity:1}}@keyframes float27{0%,to{transform:translateY(0) translate(0);opacity:1}50%{transform:translateY(-27px) translate(11px);opacity:1}}@keyframes float28{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-20px) translate(-8px);opacity:1}}@keyframes float29{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-24px) translate(10px);opacity:1}}@keyframes float30{0%,to{transform:translateY(0) translate(0);opacity:.9}50%{transform:translateY(-22px) translate(-12px);opacity:1}}.portfolio-container{display:flex;flex-direction:column;min-height:100vh;background-color:transparent;color:#fff;position:relative}@media (min-width: 768px){.portfolio-container{flex-direction:row}}.sidebar{width:100%;padding:4rem 2rem 2rem;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}@media (min-width: 768px){.sidebar{width:25%;min-height:100vh}}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.profile-photo{width:8rem;height:8rem;border-radius:50%;overflow:hidden;margin:0 auto}@media (min-width: 768px){.profile-photo{margin:0}}.profile-info{text-align:center}@media (min-width: 768px){.profile-info{text-align:left}}.name{font-size:1.5rem;font-weight:700}.job-title{background:linear-gradient(90deg,#a478e8,#516cf7,#a478e8);background-size:200% auto;background-position:0 center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-top:.25rem;font-size:1.125rem;animation:gradient-move 3s linear infinite}@keyframes gradient-move{0%{background-position:0% center}to{background-position:200% center}}.quote-container{margin-top:1rem;border-left:2px solid #4b4b63;padding-left:1rem}.quote{color:#d1d1d6;font-style:italic}.quote-author{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.contact-info{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem}.icon{width:1.25rem;height:1.25rem;color:#9ca3af}.website-link{transition:all .3s ease;background:linear-gradient(45deg,#a78bfa,#5a3fe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.website-link:hover{opacity:.6}.social-links{width:100%;margin-top:2rem}.section-title{color:#9ca3af;margin-bottom:1rem;font-size:1rem;font-weight:500}.social-items{display:flex;flex-direction:column;gap:1rem}.social-item{display:flex;align-items:center;gap:.75rem}.social-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.telegram{background-color:#08c}.vk{background-color:#4c75a3}.instagram{background:linear-gradient(to top right,#8a3ab9,#e95950)}.dribbble{background-color:#ea4c89}.twitter{background-color:#1da1f2}.linkedin{background-color:#0077b5}.languages{width:100%;margin-top:2rem}.language-items{display:flex;flex-direction:column;gap:.75rem}.language-item{display:flex;align-items:center;gap:.75rem}.language-flag{width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden}.language-name{font-size:.875rem}.language-level{font-size:.75rem;color:#9ca3af}.main-content{width:100%;padding:4rem 2rem 2rem;position:relative;z-index:1}@media (min-width: 768px){.main-content{width:75%}}.content-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center}.title-dot{width:.5rem;height:.5rem;background-color:#a78bfa;border-radius:50%;margin-right:.75rem}.experience-section{margin-bottom:4rem}.experience-items{display:flex;flex-direction:column;gap:2rem}.experience-item{display:flex;margin-bottom:3rem}.timeline{margin-right:1.5rem;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:.5rem;height:.5rem;background-color:#a78bfa;border-radius:50%}.timeline-line{width:.125rem;height:100%;background-color:#4b4b63;margin-top:.5rem}.experience-content{flex:1}.experience-header{display:flex;align-items:flex-start}.experience-date{font-size:.875rem;color:#9ca3af;margin-right:1rem;min-width:11.25rem}.experience-location{display:flex;align-items:center;margin-top:.25rem}.experience-location svg{margin-right:.25rem}.experience-company{display:flex;align-items:center}.company-logo{width:2.5rem;height:2.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;margin-right:1rem}.yandex{background-color:#fc3f1d;color:#fff}.urfu{background-color:#0a3069;color:#fff}.student-voice{background-color:#6366f1;color:#fff}.apple{background-color:#000}.tesla{background-color:#e82127}.google{background-color:#fff}.vectornator{background-color:#2a2a3c}.job-position{font-weight:500}.company-name{color:#9ca3af}.projects-section{margin-bottom:4rem}.project-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.project-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:#353557;border-radius:.5rem;overflow:hidden}.project-image{height:12rem;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-info{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:500}.project-description{color:#9ca3af;margin-top:.5rem}.project-link{margin-top:1rem}.link{color:#60a5fa;display:flex;align-items:center}.link:hover{text-decoration:underline}.link svg{margin-right:.5rem}.education-section{margin-bottom:4rem}.education-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.education-grid{grid-template-columns:repeat(3,1fr)}}.education-card{background-color:#353557;border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.education-logo{width:3.5rem;height:3.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.html-academy{background-color:#302683;color:#fff}.education-info{width:100%}.education-title{font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.education-institution{color:#a78bfa;font-size:.875rem;margin-bottom:.5rem}.education-date{color:#9ca3af;font-size:.75rem}.skills-section{margin-bottom:4rem}.skills-container{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.skills-container{grid-template-columns:repeat(2,1fr)}}.skills-block{background-color:#353557;border-radius:.5rem;padding:1.5rem}.skills-items{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.skill-item{display:flex;flex-direction:column;align-items:center;width:5rem}.skill-logo{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.html{background-color:#e34c26;color:#fff}.css{background-color:#264de4;color:#fff}.js{background-color:#f7df1e;color:#000}.ts{background-color:#3178c6;color:#fff}.scss{background-color:#c69;color:#fff}.react{background-color:#61dafb;color:#000}.node{background-color:#393;color:#fff}.vite{background-color:#646cff;color:#fff}.docker{background-color:#2496ed;color:#fff}.git{background-color:#f05032;color:#fff}.skill-name{font-size:.875rem;text-align:center}footer{width:100%;margin:0 auto;background-color:#000}.footer-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;background-color:#1b1b1b;background:linear-gradient(45deg,#2d316a,#430432);padding:2.5rem 2rem}.footer-title{font-weight:700;font-size:1.5625rem;line-height:auto;color:#fff;margin-bottom:1.25rem}.footer-text{width:42rem;text-align:left;font-weight:300;font-size:.875rem;line-height:1.5625rem;text-align:justify;color:#c5c5c5;letter-spacing:2%;margin-bottom:1.25rem}.footer-email{display:flex;align-items:center}.email-icon{max-width:1.5rem;max-height:1.5rem}.email-text{color:#c5c5c5;font-weight:600;font-size:.875rem;letter-spacing:2%;margin-left:.5rem}.footer-links{display:flex;gap:.75rem;margin-top:1.3125rem}.copyright-text{color:#c5c5c5;opacity:50%;font-weight:300;font-size:.875rem;letter-spacing:2%;margin-top:1.09375rem}.footer-email a,.footer-links a{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.footer-email a:hover,.footer-links a:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.email-icon,.icon{transition:transform .3s ease;width:17px;height:17px}.footer-email a:hover .email-icon,.footer-links a:hover .icon{transform:scale(1.1)}@media (max-width: 1024px){.footer-container{padding:3rem 2rem}.footer-text{width:100%}}@media (max-width: 768px){.footer-container{padding:2rem 1rem}.experience-role{font-size:1.125rem}.experience-text{font-size:.875rem}}@media (max-width: 480px){.project-container p{font-size:1rem;width:15rem}.project-container h3{width:11rem}.footer-container{padding:1.5rem}.footer-text,.email-text,.copyright-text{font-size:.75rem;text-align:justify}.footer-links{gap:.5rem}}.experience-cont{min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a2e,#16213e);position:relative;overflow:hidden;padding:2rem;box-sizing:border-box}.experience-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d;overflow:hidden}.experience-section{width:100%}.title-dot{width:12px;height:12px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 20px #ff6b6b80}.experience-items{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.experience-item{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFloat 6s ease-in-out infinite;display:flex;gap:1.5rem}.experience-item:nth-child(2){animation-delay:2s}.experience-item:nth-child(3){animation-delay:4s}.experience-item:nth-child(4){animation-delay:6s}.experience-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);opacity:0;transition:opacity .4s ease;border-radius:20px}.experience-item:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 30px #ffffff1a;border-color:#ffffff4d}.experience-item:hover:before{opacity:1}.timeline{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.timeline-dot{width:12px;height:12px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;box-shadow:0 0 15px #ff6b6b80;animation:dotPulse 2s ease-in-out infinite}.timeline-line{width:2px;height:100px;background:linear-gradient(180deg,#ff6b6b80,#4ecdc480);margin-top:1rem}.experience-content{flex:1;position:relative;z-index:1}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:2rem}.experience-date{color:#fffc;font-size:.9rem}.experience-location{display:flex;align-items:center;gap:.5rem;color:#fff9;font-size:.8rem;margin-top:.5rem}.experience-company{display:flex;align-items:center;gap:1rem}.company-logo{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.company-logo img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.experience-item:hover .company-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 25px #0000004d}.job-position{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem;background:linear-gradient(45deg,#a78bfa,#5a3fe8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3)}.company-name{color:#fffc;font-size:1rem;font-weight:500}.experience-description p{color:#ffffffe6;line-height:1.8;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 480px){.experience-cont{padding:.5rem}.experience-content{padding:1rem;border-radius:15px;margin:0 .5rem}.content-title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.experience-item{padding:1rem;flex-direction:column;gap:1rem}.experience-header{flex-direction:column;gap:1rem;text-align:center}.experience-company{justify-content:center}.job-position{font-size:1.1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.company-name{font-size:.9rem}.experience-description p{font-size:.9rem;line-height:1.6;text-align:justify;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.timeline{flex-direction:row;width:100%;height:auto;justify-content:center}.timeline-line{width:60px;height:2px;margin-top:0;margin-left:1rem}}@media (min-width: 481px) and (max-width: 768px){.experience-cont{padding:1rem}.experience-content{padding:1.5rem;margin:0 .5rem}.content-title{font-size:2.2rem;text-align:center}.experience-item{padding:1.5rem}.experience-header{flex-direction:column;gap:1rem;text-align:center}.experience-company{justify-content:center}.job-position{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.experience-description p{text-align:justify;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media (min-width: 769px) and (max-width: 1024px){.experience-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (min-width: 1025px) and (max-width: 1440px){.experience-content{max-width:1000px}}@media (min-width: 1441px){.experience-content{max-width:1200px;padding:4rem}.content-title{font-size:3.5rem}.experience-item{padding:2.5rem}}@media (max-width: 768px) and (orientation: landscape){.experience-cont{padding:1rem}.experience-content{padding:1.5rem}.content-title{font-size:2rem;margin-bottom:1.5rem}.experience-item{padding:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.company-logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.stars,.stars2,.stars3,.particle,.comet1,.comet2,.comet3,.comet4,.experience-item,.title-dot,.content-title,.timeline-dot{animation:none}.experience-item:hover{transform:none}}.job-position,.company-name,.experience-description p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.education-container{min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a2e,#16213e);position:relative;overflow:hidden;padding:2rem;box-sizing:border-box}.education-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d;overflow:hidden}.education-section{width:100%}.content-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:3rem;display:flex;align-items:center;gap:1rem;text-shadow:0 0 20px rgba(255,255,255,.3);animation:titleGlow 3s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(255,255,255,.3)}to{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.2)}}.title-dot-2{width:12px;height:12px;background:linear-gradient(45deg,#e5cc27,#158535);border-radius:50%;animation:dotPulse 2s ease-in-out infinite;box-shadow:0 0 20px #ff6b6b80}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.education-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:cardFloat 6s ease-in-out infinite}.education-card:nth-child(2){animation-delay:2s}.education-card:nth-child(3){animation-delay:4s}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);opacity:0;transition:opacity .4s ease;border-radius:20px}.education-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #0006,0 0 30px #ffffff1a;border-color:#ffffff4d}.education-card:hover:before{opacity:1}.education-logo{width:80px;height:80px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s ease;position:relative;overflow:hidden}.education-logo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:15px}.education-card:hover .education-logo{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 25px #0000004d}.education-logo img{width:50px;height:50px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.html-academy{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.yandex{background:linear-gradient(135deg,#ffdd59,#ffed4e)}.education-info{position:relative;z-index:1}.education-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.education-institution{font-size:1.1rem;color:#fffc;margin-bottom:.5rem;font-weight:500}.education-date{font-size:1rem;color:#fff9;margin-bottom:1rem;font-weight:400}.education-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.skill-tag{background:linear-gradient(135deg,#ff6b6b33,#4ecdc433);color:#ffffffe6;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,#ff6b6b66,#4ecdc466);transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 480px){.education-container{padding:1rem}.education-content{padding:1.5rem;border-radius:15px}.content-title{font-size:2rem;margin-bottom:2rem}.education-grid{grid-template-columns:1fr;gap:1.5rem}.education-card{padding:1.5rem}.education-logo{width:60px;height:60px}.education-logo img{width:35px;height:35px}.education-title{font-size:1.2rem}.particle{width:2px;height:2px}.comet{width:4px;height:4px}.comet:before{width:50px}}@media (min-width: 481px) and (max-width: 768px){.education-container{padding:1.5rem}.education-content{padding:2rem}.content-title{font-size:2.5rem}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.education-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px) and (max-width: 1440px){.education-content{max-width:1000px}}@media (min-width: 1441px){.education-content{max-width:1200px;padding:4rem}.content-title{font-size:3.5rem}.education-card{padding:2.5rem}}@media (max-width: 768px) and (orientation: landscape){.education-container{padding:1rem}.education-content{padding:1.5rem}.content-title{font-size:2rem;margin-bottom:1.5rem}.education-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.education-card{padding:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.education-logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.stars,.stars2,.stars3,.particle,.comet1,.comet2,.comet3,.comet4,.education-card,.title-dot-2,.content-title{animation:none}.education-card:hover{transform:none}}@media (prefers-color-scheme: dark){.education-container{background:linear-gradient(135deg,#0a0a0f,#151526,#1a1a2e)}}.skills-container{position:relative;min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a2e,#16213e);overflow:hidden;padding:2rem;display:flex;align-items:center;justify-content:center}.stars,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle 20s linear infinite}.stars2{background-image:radial-gradient(1px 1px at 40px 60px,#fff,transparent),radial-gradient(1px 1px at 120px 10px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 170px 50px,#eee,transparent);background-repeat:repeat;background-size:250px 120px;animation:sparkle 25s linear infinite}.stars3{background-image:radial-gradient(1px 1px at 60px 90px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 100px 20px,#fff,transparent),radial-gradient(1px 1px at 180px 70px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:300px 150px;animation:sparkle 30s linear infinite}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:50%;animation:float 20s infinite linear;box-shadow:0 0 10px #ffffff80,0 0 20px #ffffff4d}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.comets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.comet{position:absolute;width:6px;height:6px;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px #fffc,0 0 30px #fff6}.comet:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,transparent 100%);transform:translate(-50%,-50%);border-radius:1px}.comet1{top:20%;left:-10%;animation:comet-fly1 15s infinite linear}.comet2{top:60%;left:-10%;animation:comet-fly2 18s infinite linear;animation-delay:5s}.comet3{top:80%;left:-10%;animation:comet-fly3 20s infinite linear;animation-delay:10s}.comet4{top:40%;left:-10%;animation:comet-fly4 22s infinite linear;animation-delay:15s}@keyframes comet-fly1{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-200px);opacity:0}}@keyframes comet-fly2{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-150px);opacity:0}}@keyframes comet-fly3{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-100px);opacity:0}}@keyframes comet-fly4{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-250px);opacity:0}}.skills-content{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto}.skills-section{text-align:center}.content-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;gap:1rem;text-shadow:0 0 20px rgba(255,255,255,.5)}.title-dot-3{width:12px;height:12px;background:linear-gradient(45deg,#ff6b6b,#da1bb4);border-radius:50%;box-shadow:0 0 15px #ff6b6b80;animation:dotPulse 2s ease-in-out infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skills-block{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;animation:cardFloat 6s ease-in-out infinite}.skills-block:nth-child(1){animation-delay:0s}.skills-block:nth-child(2){animation-delay:1.5s}.skills-block:nth-child(3){animation-delay:3s}.skills-block:nth-child(4){animation-delay:4.5s}.skills-block:hover{transform:translateY(-15px);background:#ffffff14;border-color:#00d4ff4d;box-shadow:0 15px 40px #00d4ff33}.skills-items{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.skill-item{display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s ease}.skill-item:hover{transform:scale(1.1)}.skill-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 15px #0003}.skill-logo:hover{background:#ffffff26;box-shadow:0 8px 25px #00d4ff4d}.skill-logo img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.skill-name{color:#fff;font-size:1rem;font-weight:500;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.skills-container{padding:1rem}.content-title{font-size:2.5rem;margin-bottom:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skills-block{padding:1.5rem}.skill-logo{width:70px;height:70px}.skill-logo img{width:40px;height:40px}}@media (max-width: 480px){.content-title{font-size:2rem;flex-direction:column;gap:.5rem}.skills-items{gap:1rem}.skill-logo{width:60px;height:60px}.skill-logo img{width:35px;height:35px}.skill-name{font-size:.9rem}}.proj-container{min-height:100vh;background:linear-gradient(135deg,#0c0c1e,#1a1a2e,#16213e);position:relative;overflow:hidden;padding:2rem;box-sizing:border-box}.proj-stars,.proj-stars2,.proj-stars3{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.proj-stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:proj-sparkle 20s linear infinite}.proj-stars2{background-image:radial-gradient(1px 1px at 40px 60px,#fff,transparent),radial-gradient(1px 1px at 120px 10px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 170px 50px,#eee,transparent);background-repeat:repeat;background-size:250px 120px;animation:proj-sparkle 25s linear infinite}.proj-stars3{background-image:radial-gradient(1px 1px at 60px 90px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 100px 20px,#fff,transparent),radial-gradient(1px 1px at 180px 70px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:300px 150px;animation:proj-sparkle 30s linear infinite}@keyframes proj-sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.proj-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.proj-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:50%;animation:proj-float 20s infinite linear;box-shadow:0 0 10px #ffffff80,0 0 20px #ffffff4d}@keyframes proj-float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.proj-comets{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.proj-comet{position:absolute;width:6px;height:6px;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:50%;box-shadow:0 0 15px #fffc,0 0 30px #fff6}.proj-comet:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8) 0%,transparent 100%);transform:translate(-50%,-50%);border-radius:1px}.proj-comet1{top:20%;left:-10%;animation:proj-comet-fly1 15s infinite linear}.proj-comet2{top:60%;left:-10%;animation:proj-comet-fly2 18s infinite linear;animation-delay:5s}.proj-comet3{top:80%;left:-10%;animation:proj-comet-fly3 20s infinite linear;animation-delay:10s}.proj-comet4{top:40%;left:-10%;animation:proj-comet-fly4 22s infinite linear;animation-delay:15s}@keyframes proj-comet-fly1{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-200px);opacity:0}}@keyframes proj-comet-fly2{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-150px);opacity:0}}@keyframes proj-comet-fly3{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-100px);opacity:0}}@keyframes proj-comet-fly4{0%{transform:translate(-100px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-250px);opacity:0}}.projects-content{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto}.projects-section{text-align:center}.projects-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.projects-title-dot{width:12px;height:12px;background:linear-gradient(45deg,#64ffda,#00bcd4);border-radius:50%;box-shadow:0 0 20px #64ffda99;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.projects-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;transition:all .3s ease;animation:cardFloat 6s ease-in-out infinite;box-shadow:0 8px 32px #0000004d}.projects-card:nth-child(1){animation-delay:0s}.projects-card:nth-child(2){animation-delay:3s}.projects-card:hover{transform:translateY(-10px) scale(1.02);background:#ffffff14;border-color:#64ffda4d;box-shadow:0 20px 40px #0006,0 0 30px #64ffda33}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.projects-image{width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;position:relative}.projects-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects-card:hover .projects-image img{transform:scale(1.05)}.projects-info{text-align:left}.projects-card-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.projects-description{color:#fffc;margin-bottom:1.5rem;line-height:1.6}.projects-link{margin-top:1rem}.projects-link-item{display:inline-flex;align-items:center;gap:.5rem;color:#64ffda;text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;background:#64ffda1a;border:1px solid rgba(100,255,218,.2)}.projects-link-item:hover{color:#fff;background:#64ffda33;border-color:#64ffda66;transform:translateY(-2px);box-shadow:0 5px 15px #64ffda4d}.projects-link-item svg{transition:transform .3s ease}.projects-link-item:hover svg{transform:rotate(45deg)}@media (max-width: 768px){.proj-container{padding:1rem}.projects-title{font-size:2rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.projects-card{padding:1rem}.projects-image{height:150px}}@media (max-width: 480px){.projects-title{font-size:1.5rem;flex-direction:column;gap:.5rem}.projects-card{padding:.8rem}.projects-card-title{font-size:1.2rem}.projects-link-item{font-size:.8rem;padding:.4rem .8rem}}