:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #0066cc;--accent-hover: #0052a3;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .15)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #151515;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent: #4a9eff;--accent-hover: #6bb0ff;--border: #2a2a2a;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none;transition:color .2s ease}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--text-primary)}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding:3rem 0}.section-title{font-size:2rem;margin-bottom:2rem}}.App{min-height:100vh;background-color:var(--bg-primary)}section{scroll-margin-top:80px}.navigation{position:fixed;top:0;left:0;right:0;z-index:999;background-color:transparent;transition:all .3s ease;padding:1rem 0}.navigation.scrolled{background-color:var(--bg-primary);box-shadow:0 2px 12px var(--shadow);border-bottom:1px solid var(--border)}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:none;border:none;cursor:pointer;transition:color .2s ease;z-index:1001}.nav-logo:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:1.5rem}.nav-actions{display:flex;align-items:center;gap:1rem}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:.5rem 0;position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.nav-toggle span{width:100%;height:3px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.navigation{padding:.75rem 0}.nav-right{gap:1rem}.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-primary);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:5rem 2rem 2rem;gap:0;box-shadow:-4px 0 20px #0000001a;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:1001;overflow-y:auto;pointer-events:auto}.nav-menu.mobile-open{right:0}.nav-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-menu li{width:100%;border-bottom:1px solid var(--border);pointer-events:auto}.nav-menu li:last-child{border-bottom:none}.nav-link{display:block;width:100%;padding:1.25rem 0;font-size:1rem;text-align:left;white-space:nowrap;pointer-events:auto;touch-action:manipulation}.nav-link:after{display:none}.nav-link.active{color:var(--accent);font-weight:600}.nav-logo{font-size:1.125rem}}@media(max-width:480px){.nav-menu{width:100%;right:-100%}.nav-menu.mobile-open{right:0}}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);box-shadow:0 2px 8px var(--shadow);transition:all .2s ease;cursor:pointer;flex-shrink:0}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-hover);border-color:var(--accent)}.theme-toggle:active{transform:scale(.95)}@media(max-width:768px){.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 0 4rem;background:linear-gradient(135deg,#4a9eff08,#8a2be208,#ff149308)}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;top:-30%;right:-10%;width:900px;height:900px;background:radial-gradient(circle,rgba(74,158,255,.4) 0%,transparent 70%);opacity:.6;animation:float 20s ease-in-out infinite;filter:blur(60px)}.hero-gradient-2{position:absolute;bottom:-20%;left:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(138,43,226,.4) 0%,transparent 70%);opacity:.5;animation:float 25s ease-in-out infinite reverse;filter:blur(60px)}.hero-gradient-3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,20,147,.3) 0%,transparent 70%);opacity:.4;animation:pulse 15s ease-in-out infinite;filter:blur(80px)}.hero-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(74,158,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(138,43,226,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,black 40%,transparent 100%)}.hero-particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:.6;animation:float-particle linear infinite;box-shadow:0 0 10px var(--accent)}@keyframes float-particle{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px) rotate(360deg);opacity:0}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.hero-wrapper{position:relative;z-index:1;width:100%}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto}.hero-image-mobile{display:none}.hero-image-desktop{display:flex;gap:2rem;animation:fadeInUp .8s ease-out .3s both;margin-top:1.5rem;align-self:flex-start}.hero-text-section{display:flex;flex-direction:column;gap:-1rem}.hero-name{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;animation:fadeInUp .8s ease-out .1s both}.hero-name-line{font-size:1.25rem;font-weight:400;color:var(--text-secondary);letter-spacing:.05em}.hero-name-main{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.hero-role{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem;animation:fadeInUp .8s ease-out .2s both;line-height:1.3}.hero-role-highlight{background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-intro{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;max-width:580px;animation:fadeInUp .8s ease-out .3s both}.hero-image-section{position:relative;flex-direction:column;align-items:center}.hero-image-container{position:relative;width:100%;max-width:450px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:visible}.hero-image-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(74,158,255,.5) 0%,rgba(138,43,226,.4) 40%,rgba(255,20,147,.3) 60%,transparent 80%);border-radius:50%;filter:blur(50px);animation:pulse-glow 4s ease-in-out infinite;z-index:0}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.hero-image-border{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8),rgba(255,20,147,.6));padding:6px;z-index:1;animation:rotate-border 8s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-image{position:relative;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;object-fit:cover;z-index:2;transition:transform .4s cubic-bezier(.4,0,.2,1)}.hero-image-container:hover .hero-image{transform:scale(1.02)}.hero-image-decoration{position:absolute;border-radius:50%;border:2px solid;z-index:0;animation:float-decoration 6s ease-in-out infinite}.hero-image-decoration-1{width:120px;height:120px;top:-20px;right:-20px;border-color:#4a9eff66;animation-delay:0s}.hero-image-decoration-2{width:80px;height:80px;bottom:20px;left:-30px;border-color:#8a2be266;animation-delay:1s}.hero-image-decoration-3{width:60px;height:60px;top:50%;right:-40px;border-color:#ff149366;animation-delay:2s}@keyframes float-decoration{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-10px) rotate(120deg)}66%{transform:translate(-10px,10px) rotate(240deg)}}.hero-name{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em;animation:fadeInUp .8s ease-out}.hero-role{font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin-bottom:2rem;animation:fadeInUp .8s ease-out .2s both}.hero-intro{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .4s both}.hero-cta{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap;margin-bottom:3rem;animation:fadeInUp .8s ease-out .4s both}.hero-stats{display:flex;gap:2.5rem;padding-top:-2rem;border-top:1px solid var(--border);animation:fadeInUp .8s ease-out .5s both}.hero-stat-item{display:flex;flex-direction:column;gap:.25rem}.hero-stat-number{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{padding:1rem 2rem;font-size:1rem;font-weight:500;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn span{position:relative;z-index:1}.btn svg{position:relative;z-index:1;transition:transform .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),rgba(74,158,255,.9));color:#fff;border-color:var(--accent);box-shadow:0 4px 15px #4a9eff4d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a9eff66}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 15px #0000001a}.btn-secondary:hover svg{transform:translate(4px)}.btn-cv{background:linear-gradient(135deg,#8a2be2e6,#ff1493e6);color:#fff;border:2px solid transparent;text-decoration:none;box-shadow:0 4px 15px #8a2be24d}.btn-cv:hover{background:linear-gradient(135deg,#8a2be2,#ff1493);transform:translateY(-3px);box-shadow:0 8px 25px #8a2be266}.btn-cv:hover svg{transform:translateY(-2px)}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:0;text-align:center}.hero-image-desktop{display:none}.hero-image-mobile{display:flex;order:2;margin:1.5rem 0;animation:fadeInUp .8s ease-out .25s both}.hero-text-section{align-items:center;display:flex;flex-direction:column}.hero-badge{order:0;margin:0 auto .5rem}.hero-name{order:1;align-items:center}.hero-role{order:3}.hero-intro{order:4;margin-left:auto;margin-right:auto}.hero-cta{order:5;justify-content:center}.hero-stats{order:6;justify-content:center}.hero-image-container{max-width:350px;overflow:visible}}@media(max-width:768px){.hero{padding:5rem 0 3rem;min-height:auto}.hero-content{gap:2.5rem}.hero-name-main{font-size:3rem}.hero-role{font-size:1.5rem}.hero-intro{font-size:1rem;margin-bottom:1.5rem}.hero-cta{flex-direction:column;gap:1rem;margin-bottom:2rem}.btn{width:100%;max-width:300px;justify-content:center}.hero-stats{gap:1.5rem;padding-top:1.5rem}.hero-stat-number{font-size:1.5rem}.hero-image-container{max-width:280px}.hero-image-decoration-1{width:80px;height:80px}.hero-image-decoration-2{width:60px;height:60px}.hero-image-decoration-3{width:40px;height:40px}.hero-gradient{width:500px;height:500px}.hero-gradient-2,.hero-gradient-3{width:400px;height:400px}}.about{background-color:var(--bg-secondary);position:relative;overflow:hidden}.about-background{position:absolute;inset:0;z-index:0;overflow:hidden}.about-gradient-1{position:absolute;top:-20%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(74,158,255,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:float 20s ease-in-out infinite}.about-gradient-2{position:absolute;bottom:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:float 25s ease-in-out infinite reverse}.about-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(74,158,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(138,43,226,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.5}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.about-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:3rem}.about-main{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.about-card{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(74,158,255,.05) 100%);padding:2.5rem;border-radius:20px;border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent),rgba(138,43,226,.8));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.about-card:hover:before{transform:scaleX(1)}.about-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #4a9eff33;border-color:var(--accent)}.about-card-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1.5rem;transition:transform .3s ease}.about-card:hover .about-card-icon{transform:scale(1.1) rotate(5deg)}.about-card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-card-text{font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;margin:0}.about-highlight{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(74,158,255,.1) 100%);padding:3rem;border-radius:24px;border:2px solid var(--border);position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001a}.about-highlight:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-highlight-content{position:relative;z-index:1;display:flex;align-items:center;gap:2rem}.about-highlight-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8));border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #4a9eff4d}.about-highlight-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;background:linear-gradient(135deg,var(--accent),rgba(138,43,226,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-highlight-text{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin:0}@media(max-width:968px){.about-main{grid-template-columns:1fr;gap:1.5rem}.about-card,.about-highlight{padding:2rem}.about-highlight-content{flex-direction:column;text-align:center;gap:1.5rem}.about-highlight-icon{width:64px;height:64px}}@media(max-width:568px){.about-content{gap:2rem}.about-card{padding:1.5rem}.about-card-icon{width:56px;height:56px}.about-card-title{font-size:1.25rem}.about-highlight{padding:1.5rem}.about-highlight-title{font-size:1.5rem}}.skills{background-color:var(--bg-secondary);position:relative;overflow:hidden}.skills-background{position:absolute;inset:0;z-index:0;overflow:hidden}.skills-gradient-1{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-gradient 20s ease-in-out infinite}.skills-gradient-2{position:absolute;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(138,43,226,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float-gradient 25s ease-in-out infinite reverse}.skills-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.skills-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;position:relative;z-index:1}.skills-category{background:linear-gradient(145deg,var(--bg-primary) 0%,rgba(74,158,255,.03) 50%,var(--bg-primary) 100%);padding:2.5rem;border-radius:24px;border:1.5px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d,0 0 #4a9eff00}.skills-category-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:0}.skills-category:hover .skills-category-glow{opacity:1}.skills-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent) 0%,rgba(138,43,226,.8) 50%,rgba(255,20,147,.6) 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.skills-category:hover:before{transform:scaleX(1)}.skills-category:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 16px 50px #4a9eff33,0 0 0 1px #4a9eff33;border-color:#4a9eff66}.skills-category-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:2.5rem;position:relative;z-index:1}.skills-category-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(74,158,255,.2);transition:all .3s ease;flex-shrink:0}.skills-category:hover .skills-category-icon-wrapper{background:linear-gradient(135deg,#4a9eff40,#8a2be240);border-color:#4a9eff66;transform:scale(1.05) rotate(5deg);box-shadow:0 4px 15px #4a9eff4d}.skills-category-icon{font-size:2rem;transition:transform .3s ease}.skills-category:hover .skills-category-icon{transform:scale(1.1)}.skills-category-title-wrapper{flex:1;display:flex;flex-direction:column;gap:.25rem}.skills-category-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.skills-category-count{font-size:.875rem;color:var(--text-secondary);font-weight:500;opacity:.8}.skills-list{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.skill-item{opacity:0;animation:fadeInUp .6s ease-out forwards}.skill-item:nth-child(1){animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}.skill-content{background:var(--bg-secondary);padding:1.25rem;border-radius:16px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-item:hover .skill-content{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,158,255,.05) 100%);border-color:#4a9eff4d;transform:translate(4px);box-shadow:0 4px 15px #00000014}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skill-name-wrapper{display:flex;align-items:center;gap:.75rem;flex:1}.skill-color-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor;transition:transform .3s ease}.skill-item:hover .skill-color-indicator{transform:scale(1.3);box-shadow:0 0 12px currentColor}.skill-name{font-size:1.0625rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;letter-spacing:.02em;transition:color .3s ease}.skill-item:hover .skill-name{color:var(--accent)}.skill-percentage{font-size:.9375rem;font-weight:700;color:var(--accent);background:linear-gradient(135deg,#4a9eff1a,#8a2be21a);padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(74,158,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:60px;text-align:center}.skill-item:hover .skill-percentage{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;border-color:var(--accent);transform:scale(1.08);box-shadow:0 4px 12px #4a9eff66}.skill-progress-bar{width:100%;height:14px;background:linear-gradient(90deg,var(--bg-primary) 0%,rgba(74,158,255,.05) 100%);border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--border);box-shadow:inset 0 2px 4px #0000000d}.skill-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--skill-color) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);border-radius:12px;transition:width 1.8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #4a9eff66,inset 0 1px #fff3}.skill-progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2.5s infinite}.skill-item:hover .skill-progress-fill{box-shadow:0 4px 12px #4a9eff80,inset 0 1px #ffffff4d}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.skills-header{margin-bottom:3rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skills-category{padding:2rem}.skills-category-icon-wrapper{width:56px;height:56px}.skills-category-title{font-size:1.5rem}}@media(max-width:768px){.skills-header{margin-bottom:2.5rem}.skills-subtitle{font-size:1rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skills-category{padding:1.75rem}.skills-category-header{margin-bottom:2rem}.skills-category-icon-wrapper{width:52px;height:52px}.skills-category-icon{font-size:1.75rem}.skills-category-title{font-size:1.375rem}.skill-content{padding:1rem}.skill-progress-bar{height:12px}.skill-name{font-size:1rem}.skill-percentage{font-size:.875rem;padding:.35rem .85rem}}.projects{background-color:var(--bg-secondary);position:relative;overflow:hidden}.projects-background{position:absolute;inset:0;z-index:0;overflow:hidden}.projects-gradient-1{position:absolute;top:-15%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(74,158,255,.08) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 20s ease-in-out infinite}.projects-gradient-2{position:absolute;bottom:-15%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(138,43,226,.08) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 25s ease-in-out infinite reverse}.projects-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.projects-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.projects-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;position:relative;z-index:1}.project-item{background:linear-gradient(145deg,var(--bg-primary) 0%,rgba(74,158,255,.02) 50%,var(--bg-primary) 100%);border:1.5px solid var(--border);border-radius:24px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d,0 0 #4a9eff00}.project-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:0}.project-item:hover .project-glow{opacity:1}.project-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,rgba(138,43,226,.8) 50%,rgba(255,20,147,.6) 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.project-item:hover:before{transform:scaleX(1)}.project-item:hover{transform:translateY(-8px);box-shadow:0 20px 60px #4a9eff33,0 0 0 1px #4a9eff33;border-color:#4a9eff66}.project-content{position:relative;z-index:1;padding:2.5rem}.project-header{margin-bottom:1.5rem}.project-title-section{display:flex;align-items:flex-start;gap:1.25rem}.project-logo-wrapper{flex-shrink:0}.project-logo{width:64px;height:64px;object-fit:contain;border-radius:16px;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,158,255,.05) 100%);padding:.75rem;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-logo-placeholder{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);display:flex;align-items:center;justify-content:center;border:1px solid rgba(74,158,255,.2);color:var(--accent);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-item:hover .project-logo,.project-item:hover .project-logo-placeholder{transform:scale(1.05) rotate(5deg);border-color:#4a9eff66;box-shadow:0 4px 15px #4a9eff4d}.project-title-group{flex:1;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.project-title{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;flex:1;min-width:200px}.project-badge{display:inline-flex;align-items:center;padding:.35rem .85rem;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border:1px solid rgba(74,158,255,.3);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease}.project-item:hover .project-badge{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;border-color:var(--accent);transform:scale(1.05)}.project-summary{font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.project-details{max-height:0;overflow:hidden;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);margin-top:0;padding-top:0;border-top:none}.project-details.visible{max-height:2000px;opacity:1;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.project-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.project-info-item{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);transition:all .3s ease}.project-item:hover .project-info-item{border-color:#4a9eff4d;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,158,255,.03) 100%)}.project-info-icon{width:40px;height:40px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;border:1px solid rgba(74,158,255,.2)}.project-info-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.project-info-label{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.project-problem,.project-solution{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin:0}.project-tech{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);transition:all .3s ease}.project-item:hover .project-tech{border-color:#4a9eff4d;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,158,255,.03) 100%)}.project-tech-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-primary)}.project-tech-header strong{font-size:1rem;font-weight:700;color:var(--text-primary)}.project-tech-header svg{color:var(--accent)}.project-tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.project-tech-tag{background:linear-gradient(135deg,#4a9eff1a,#8a2be21a);color:var(--accent);padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid rgba(74,158,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.project-tech-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-tech-tag:hover:before{left:100%}.project-tech-tag:hover{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.project-link:hover:before{left:100%}.project-link svg{transition:transform .3s ease}.project-link-live{background:linear-gradient(135deg,var(--accent) 0%,rgba(74,158,255,.9) 100%);color:#fff;box-shadow:0 4px 15px #4a9eff4d}.project-link-live:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a9eff66}.project-link-live:hover svg{transform:translate(4px)}.project-link-github{background:transparent;color:var(--text-primary);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-link-github:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 4px 15px #0000001a}.project-link-github:hover svg{transform:translate(4px)}@media(max-width:968px){.projects-header{margin-bottom:3rem}.project-content{padding:2rem}.project-info-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:768px){.projects-grid{gap:2rem}.projects-header{margin-bottom:2.5rem}.projects-subtitle{font-size:1rem}.project-content{padding:1.75rem}.project-item:hover{transform:translateY(-4px)}.project-title-section{flex-direction:column;gap:1rem}.project-title-group{width:100%}.project-title{font-size:1.5rem;min-width:auto}.project-logo,.project-logo-placeholder{width:56px;height:56px}.project-info-grid{grid-template-columns:1fr;gap:1rem}.project-info-item{padding:1rem}.project-tech{padding:1.25rem}.project-details.visible{margin-top:1.5rem;padding-top:1.5rem}.project-link{flex:1;justify-content:center;padding:.875rem 1.5rem}}.experience{background-color:var(--bg-primary);position:relative;overflow:hidden}.experience-background{position:absolute;inset:0;z-index:0;overflow:hidden}.experience-gradient-1{position:absolute;top:-15%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(74,158,255,.08) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 20s ease-in-out infinite}.experience-gradient-2{position:absolute;bottom:-15%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(138,43,226,.08) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 25s ease-in-out infinite reverse}.experience-header-section{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.experience-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.experience-timeline{max-width:1000px;margin:0 auto;position:relative;z-index:1}.experience-item{background:linear-gradient(145deg,var(--bg-secondary) 0%,rgba(74,158,255,.02) 50%,var(--bg-secondary) 100%);border:1.5px solid var(--border);border-radius:24px;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px #0000000d,0 0 #4a9eff00}.experience-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:0}.experience-item:hover .experience-card-glow{opacity:1}.experience-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,rgba(138,43,226,.8) 50%,rgba(255,20,147,.6) 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.experience-item:hover:before{transform:scaleX(1)}.experience-item:hover{transform:translateY(-8px);box-shadow:0 20px 60px #4a9eff33,0 0 0 1px #4a9eff33;border-color:#4a9eff66}.experience-card-header{padding:2.5rem 2.5rem 2rem;position:relative;z-index:1;border-bottom:1px solid var(--border)}.experience-main-info{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.experience-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;border:1px solid rgba(74,158,255,.2);transition:all .3s ease}.experience-item:hover .experience-icon-wrapper{transform:scale(1.05) rotate(5deg);border-color:#4a9eff66;box-shadow:0 4px 15px #4a9eff4d}.experience-title-group{flex:1}.experience-role{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.experience-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.experience-company{font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.experience-separator{color:var(--text-secondary);opacity:.5}.experience-location{font-size:1rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.experience-period-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border:1px solid rgba(74,158,255,.3);border-radius:20px;font-size:.9375rem;font-weight:600;color:var(--accent);transition:all .3s ease}.experience-item:hover .experience-period-badge{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;border-color:var(--accent);transform:scale(1.05)}.experience-technologies{padding:1.5rem 2.5rem;border-bottom:1px solid var(--border);position:relative;z-index:1;background:#4a9eff05}.experience-tech-label{font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-right:1rem}.experience-tech-tags{display:inline-flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.experience-tech-tag{background:linear-gradient(135deg,#4a9eff1a,#8a2be21a);color:var(--accent);padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid rgba(74,158,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.experience-tech-tag:hover{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.experience-responsibilities{padding:2rem 2.5rem 2.5rem;position:relative;z-index:1}.experience-responsibilities-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.experience-responsibilities-title svg{color:var(--accent)}.experience-responsibilities-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}.experience-responsibility{display:flex;align-items:flex-start;gap:1rem;font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;padding:1rem 1.25rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.experience-responsibility-icon{width:8px;height:8px;background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);border-radius:50%;flex-shrink:0;margin-top:.5rem;box-shadow:0 0 8px #4a9eff80;transition:all .3s ease}.experience-responsibility:hover{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(74,158,255,.05) 100%);border-color:#4a9eff4d;transform:translate(4px);color:var(--text-primary)}.experience-responsibility:hover .experience-responsibility-icon{transform:scale(1.3);box-shadow:0 0 12px #4a9effb3}@media(max-width:968px){.experience-header-section{margin-bottom:3rem}.experience-card-header{padding:2rem}.experience-technologies{padding:1.25rem 2rem}.experience-responsibilities{padding:1.75rem 2rem 2rem}}@media(max-width:768px){.experience-header-section{margin-bottom:2.5rem}.experience-subtitle{font-size:1rem}.experience-card-header{padding:1.75rem}.experience-main-info{flex-direction:column;gap:1.25rem}.experience-icon-wrapper{width:56px;height:56px}.experience-role{font-size:1.5rem}.experience-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.experience-separator{display:none}.experience-period-badge{width:100%;justify-content:center}.experience-technologies{padding:1.25rem 1.75rem}.experience-tech-label{display:block;margin-bottom:.75rem;margin-right:0}.experience-tech-tags{margin-top:0}.experience-responsibilities{padding:1.5rem 1.75rem 1.75rem}.experience-responsibilities-title{font-size:1.125rem}.experience-responsibility{font-size:1rem;padding:.875rem 1rem}}.contact{background-color:var(--bg-secondary);position:relative;overflow:hidden}.contact-background{position:absolute;inset:0;z-index:0;overflow:hidden}.contact-gradient-1{position:absolute;top:-15%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(74,158,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 20s ease-in-out infinite}.contact-gradient-2{position:absolute;bottom:-15%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,rgba(138,43,226,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:float-gradient 25s ease-in-out infinite reverse}.contact-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(74,158,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(138,43,226,.02) 1px,transparent 1px);background-size:40px 40px;opacity:.4}@keyframes float-gradient{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.contact-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.contact-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start;position:relative;z-index:1}.contact-info{display:flex;flex-direction:column}.contact-info-card{background:linear-gradient(145deg,var(--bg-primary) 0%,rgba(74,158,255,.03) 50%,var(--bg-primary) 100%);padding:2.5rem;border-radius:24px;border:1.5px solid var(--border);box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,rgba(138,43,226,.8) 50%,rgba(255,20,147,.6) 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.contact-info-card:hover:before{transform:scaleX(1)}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #4a9eff26;border-color:#4a9eff66}.contact-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.contact-info-icon{width:56px;height:56px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--accent);border:1px solid rgba(74,158,255,.2);transition:all .3s ease}.contact-info-card:hover .contact-info-icon{transform:scale(1.05) rotate(5deg);border-color:#4a9eff66;box-shadow:0 4px 15px #4a9eff4d}.contact-info-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-intro{font-size:1.0625rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.contact-link{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:16px;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,158,255,.1),transparent);transition:left .5s ease}.contact-link:hover:before{left:100%}.contact-link:hover{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(74,158,255,.05) 100%);border-color:#4a9eff66;transform:translate(8px);box-shadow:0 4px 15px #4a9eff33}.contact-link-icon{width:48px;height:48px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;border:1px solid rgba(74,158,255,.2);transition:all .3s ease}.contact-link:hover .contact-link-icon{background:linear-gradient(135deg,var(--accent) 0%,rgba(138,43,226,.9) 100%);color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #4a9eff66}.contact-link-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-link-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.contact-link-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.contact-link-arrow{color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.contact-link:hover .contact-link-arrow{transform:translate(4px);color:var(--accent)}.contact-closing{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#4a9eff1a,#8a2be21a);border-radius:12px;border:1px solid rgba(74,158,255,.2);color:var(--accent);font-weight:600;font-size:1rem}.contact-closing svg{flex-shrink:0;color:var(--accent)}.contact-form{background:linear-gradient(145deg,var(--bg-primary) 0%,rgba(74,158,255,.02) 50%,var(--bg-primary) 100%);padding:2.5rem;border-radius:24px;border:1.5px solid var(--border);box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,rgba(138,43,226,.8) 50%,rgba(255,20,147,.6) 100%);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:1}.contact-form:hover:before{transform:scaleX(1)}.contact-form:hover{box-shadow:0 12px 40px #4a9eff26;border-color:#4a9eff66}.contact-form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.contact-form-icon{width:48px;height:48px;background:linear-gradient(135deg,#4a9eff26,#8a2be226);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent);border:1px solid rgba(74,158,255,.2)}.contact-form-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 50%,rgba(138,43,226,.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group{margin-bottom:1.75rem;position:relative}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.form-group label svg{color:var(--accent);flex-shrink:0}.form-group input,.form-group textarea{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:12px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px #4a9eff1a,0 4px 12px #4a9eff26;transform:translateY(-2px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.btn-submit{width:100%;margin-top:.5rem;padding:1.25rem 2rem;font-size:1.0625rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--accent) 0%,rgba(74,158,255,.9) 100%);color:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #4a9eff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-submit:hover:before{left:100%}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4a9eff66}.btn-submit:hover svg{transform:translate(4px)}.btn-submit svg{transition:transform .3s ease}.form-success{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1.5px solid rgba(34,197,94,.3);border-radius:16px;color:#22c55e;display:flex;align-items:flex-start;gap:1rem;animation:fadeInUp .4s ease}.form-success svg{flex-shrink:0;margin-top:.125rem}.form-success strong{display:block;font-size:1.0625rem;margin-bottom:.25rem}.form-success p{margin:0;font-size:.9375rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.contact-header{margin-bottom:3rem}.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-info-card,.contact-form{padding:2rem}}@media(max-width:768px){.contact-header{margin-bottom:2.5rem}.contact-subtitle{font-size:1rem;padding:0 1rem}.contact-content{gap:2rem}.contact-info-card{padding:1.5rem}.contact-info-icon{width:44px;height:44px}.contact-info-icon svg{width:24px;height:24px}.contact-info-title{font-size:1.375rem}.contact-intro{font-size:.9375rem;margin-bottom:1.5rem}.contact-link{padding:1rem;gap:.75rem}.contact-link-icon{width:40px;height:40px}.contact-link-icon svg{width:18px;height:18px}.contact-link-label{font-size:.6875rem}.contact-link-value{font-size:.875rem;word-break:break-all}.contact-link-arrow{width:18px;height:18px}.contact-closing{padding:1rem;font-size:.9375rem;gap:.5rem}.contact-closing svg{width:18px;height:18px}.contact-form{padding:1.5rem}.contact-form-header{margin-bottom:1.5rem;gap:.75rem}.contact-form-icon{width:40px;height:40px}.contact-form-icon svg{width:20px;height:20px}.contact-form-title{font-size:1.375rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.875rem;margin-bottom:.5rem}.form-group label svg{width:16px;height:16px}.form-group input,.form-group textarea{padding:.875rem 1rem;font-size:.9375rem}.form-group textarea{min-height:120px}.btn-submit{padding:1rem 1.5rem;font-size:1rem}.form-success{padding:1.25rem;gap:.75rem}.form-success svg{width:20px;height:20px}.form-success strong{font-size:1rem}.form-success p{font-size:.875rem}}@media(max-width:480px){.contact-header{margin-bottom:2rem}.contact-subtitle{font-size:.9375rem;padding:0}.contact-info-card{padding:1.25rem}.contact-info-header{flex-direction:column;align-items:flex-start;gap:.75rem}.contact-info-icon{width:40px;height:40px}.contact-info-title{font-size:1.25rem}.contact-link{flex-wrap:wrap;padding:.875rem}.contact-link-content{flex:1;min-width:0}.contact-form{padding:1.25rem}.contact-form-header{flex-direction:column;align-items:flex-start;gap:.75rem}.contact-form-title{font-size:1.25rem}}