:root{--primary-color:#fff;--secondary-color:#a1a1aa;--tertiary-color:#71717a;--accent-color:#007aff;--accent-secondary:#5856d6;--accent-tertiary:#ff6b6b;--text-light:#52525b;--bg-color:#0a0a0b;--bg-secondary:#111113;--bg-tertiary:#1a1a1d;--surface-color:#18181b;--border-color:#27272a;--border-light:#3f3f46;--glass-bg:#18181bb3;--glass-border:#3f3f464d;--gradient-accent:linear-gradient(135deg,#007aff,#5856d6);--gradient-warm:linear-gradient(135deg,#ff6b6b,#4ecdc4);--gradient-surface:linear-gradient(135deg,#18181bf2,#111113fa)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch}body,html{overflow-x:hidden;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0b;background:var(--bg-color);color:#fff;color:var(--primary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{background:radial-gradient(ellipse at top,#007aff08 0,#0a0a0b 50%);background:radial-gradient(ellipse at top,#007aff08 0,var(--bg-color) 50%);min-height:100vh;overflow-x:hidden;position:relative}.progress-bar{background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-accent);box-shadow:0 0 20px #007aff80;height:2px;left:0;position:fixed;right:0;top:0;transform:scaleX(0);transform-origin:0;transition:all .3s ease;z-index:1000}.bg-decorations{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.bg-shape{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:3px solid #fff9;border-radius:30px;box-shadow:0 12px 40px #ffffff4d,inset 0 2px 0 #ffffffb3,0 0 60px #fff3;opacity:1;position:absolute;transition:transform .1s ease}@media (min-width:768px){.bg-shape{background:#fff6!important;border:6px solid #ffffffe6!important;box-shadow:0 25px 80px #ffffff80 !important,inset 0 5px 0 #fff !important,0 0 120px #fff6!important;filter:contrast(1.2) brightness(1.3)!important;opacity:1!important}.primary-shape{background:#ffffff80!important;border-color:#fff!important}.secondary-shape{background:#ffffff73!important;border-color:#fffffff2!important}.tertiary-shape{background:#fff6!important;border-color:#ffffffe6!important}.quaternary-shape{background:#ffffff59!important;border-color:#ffffffd9!important}.quinary-shape{background:#fff6!important;border-color:#ffffffe6!important}}@media (min-width:1024px){.bg-shape{background:#fff9!important;border:8px solid #fff!important;box-shadow:0 30px 100px #fff9 !important,inset 0 6px 0 #fff !important,0 0 150px #ffffff80!important;filter:contrast(1.5) brightness(1.5)!important;opacity:1!important}}.primary-shape{background:linear-gradient(135deg,#ffffff59,#fff3 50%,#ffffff4d);border-color:#ffffffb3;box-shadow:0 15px 50px #ffffff59,inset 0 2px 0 #fffc;height:320px;left:50px;top:10%;transform:rotate(-15deg);width:450px}.secondary-shape{background:linear-gradient(135deg,#ffffff52,#ffffff2e 50%,#ffffff47);border-color:#ffffffa6;box-shadow:0 12px 45px #ffffff52,inset 0 2px 0 #ffffffbf;height:240px;right:80px;top:45%;transform:rotate(25deg);width:350px}.tertiary-shape{background:linear-gradient(135deg,#ffffff4d,#ffffff29 50%,#ffffff42);border-color:#ffffff9e;bottom:20%;box-shadow:0 14px 48px #ffffff54,inset 0 2px 0 #ffffffb8;height:280px;left:100px;transform:rotate(-10deg);width:400px}.quaternary-shape{background:linear-gradient(135deg,#ffffff47,#ffffff24 50%,#ffffff3d);border-color:#ffffff94;box-shadow:0 10px 42px #ffffff4d,inset 0 2px 0 #ffffffad;height:220px;right:120px;top:65%;transform:rotate(45deg);width:300px}.quinary-shape{background:linear-gradient(135deg,#ffffff4f,#ffffff2b 50%,#ffffff45);border-color:#ffffffa3;box-shadow:0 13px 46px #ffffff4f,inset 0 2px 0 #ffffffbd;height:260px;left:200px;top:25%;transform:rotate(-35deg);width:370px}.floating-particles{height:100%;position:absolute;width:100%}.particle{animation:particleFloat 8s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 20px #fffc,0 0 40px #ffffff80;height:6px;opacity:1;position:absolute;width:6px}@media (min-width:768px){.particle{background:#fff!important;box-shadow:0 0 35px #fff !important,0 0 70px #fffc!important;filter:brightness(1.5)!important;height:12px!important;opacity:1!important;width:12px!important}}.gradient-mesh{animation:meshFloat 12s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.25;position:absolute}@media (min-width:768px){.gradient-mesh{filter:blur(50px)!important;opacity:.15!important}}.mesh-1{background:radial-gradient(circle,#ffffff80 0,#0000 70%);height:700px;left:20%;top:10%;width:700px}.mesh-2{animation-delay:-3s;background:radial-gradient(circle,#ffffff73 0,#0000 70%);height:600px;right:10%;top:60%;width:600px}.mesh-3{animation-delay:-6s;background:radial-gradient(circle,#fff6 0,#0000 70%);bottom:20%;height:500px;left:10%;width:500px}@keyframes meshFloat{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-25px) translateX(20px) scale(1.1)}66%{transform:translateY(20px) translateX(-15px) scale(.9)}}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--primary-color);font-weight:600;letter-spacing:-.02em;line-height:1.2}.btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.75rem;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-accent);box-shadow:0 4px 20px #007aff4d;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #007aff66}.btn-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--primary-color)}.btn-glass:hover{background:#ffffff26;transform:translateY(-2px)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007aff,#5856d6);background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.container{padding:0 2rem}section{align-items:flex-start;display:flex;min-height:100vh;padding:8rem 0 6rem;position:relative}section:not(.hero){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#18181bf2,#111113fa);background:var(--gradient-surface)}section:not(.hero):nth-child(2n){background:linear-gradient(135deg,#111113fa,#0a0a0bf2)}section:not(.hero):before{background:linear-gradient(90deg,#0000,#27272a,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}@media (max-width:768px){.bg-shape{background:#ffffff26;border:2px solid #fff6;opacity:.6}.primary-shape{height:200px;left:20px;width:300px}.secondary-shape{height:180px;right:30px;width:250px}.tertiary-shape{height:200px;left:40px;width:280px}.quaternary-shape{height:160px;right:50px;width:220px}.quinary-shape{height:180px;left:60px;width:260px}.gradient-mesh{filter:blur(60px);opacity:.15}.particle{height:4px;opacity:.8;width:4px}}@media (max-width:480px){.container{padding:0 1rem}section{padding:6rem 0 4rem}.btn{font-size:.95rem;padding:.875rem 1.5rem}.primary-shape{height:160px;left:10px;width:250px}.secondary-shape{height:140px;right:15px;width:200px}.tertiary-shape{height:160px;left:20px;width:220px}.quaternary-shape{height:120px;right:25px;width:180px}.quinary-shape{height:140px;left:30px;width:200px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@supports (-webkit-appearance:none){html{scroll-behavior:smooth}body,html{-webkit-overflow-scrolling:touch}}@media screen and (max-width:768px){html{scroll-behavior:smooth}body,html{-webkit-overflow-scrolling:touch}body{overscroll-behavior:contain}.App{-webkit-overflow-scrolling:touch}}@media (max-width:768px){.App,body,html{overflow-x:hidden;width:100%}}@media (hover:none) and (pointer:coarse){html{scroll-behavior:smooth}body,html{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}section{scroll-snap-align:start}}.more-skills-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:2rem;padding:1.5rem}.more-skills-section h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.skills-icons-container,.skills-icons-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem}.skills-icons-wrapper{max-width:500px;width:100%}.skills-icons-row{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:auto;padding:.5rem;transition:all .3s ease;width:100%}.skills-icons-row:hover{background:#ffffff14;box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.skills-icons-attribution{margin-top:.5rem;text-align:center}.skills-icons-attribution a{color:var(--text-color-secondary);font-size:.85rem;opacity:.7;text-decoration:none;transition:opacity .3s ease}.skills-icons-attribution a:hover{opacity:1}@media (max-width:768px){.more-skills-section{margin-top:1.5rem;padding:1rem}.skills-icons-wrapper{max-width:100%}.skills-icons-row{padding:.25rem}}@media (max-width:480px){.more-skills-section h3{font-size:1.25rem}.skills-icons-wrapper{gap:.75rem}}.header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0a0a0bcc;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all .4s ease;z-index:1000}.header.scrolled{background:#0a0a0bf2;border-bottom-color:var(--border-color);box-shadow:0 4px 30px #0000004d,0 0 40px #007aff1a}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1.2rem 0}.logo{cursor:pointer;position:relative;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{color:var(--primary-color);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;position:relative}.logo-text:after{background:var(--gradient-accent);border-radius:2px;bottom:-4px;box-shadow:0 0 10px #007aff80;content:"";height:3px;left:0;position:absolute;width:25px}.nav-desktop{display:flex;gap:3rem}.nav-link{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:-.01em;padding:.75rem 0;position:relative;transition:all .3s ease}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.nav-link.active{color:var(--accent-color);font-weight:600}.nav-link.active:after{background:var(--accent-color);border-radius:50%;bottom:-2px;box-shadow:0 0 10px #007aff80,0 0 20px #007aff4d;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.hero-content{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1.4fr .8fr;width:100%}.hero-text{position:relative;z-index:2}.hero-title{color:var(--primary-color);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:2rem}.hero-subtitle{-webkit-text-fill-color:#0000;align-items:center;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;display:flex;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;margin-bottom:2.5rem;min-height:4rem}.cursor{animation:blink 1.5s infinite;color:var(--accent-color);margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{color:var(--secondary-color);font-size:1.3rem;line-height:1.8;margin-bottom:4rem;max-width:560px}.hero-buttons{display:flex;gap:2rem;margin-bottom:4rem}.hero-social{display:flex;gap:1.5rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--secondary-color);display:flex;font-weight:500;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--accent-color);border-color:#0000;box-shadow:0 8px 25px #007aff4d;color:#fff;transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-avatar{height:350px;position:relative;width:350px}.avatar-ring{border:2px solid;border-radius:50%;position:absolute}.ring-1{animation:rotate 25s linear infinite;border-color:#fff3;inset:-40px;opacity:.8}.ring-2{animation:rotate 18s linear infinite reverse;border-color:#ffffff26;inset:-25px;opacity:.6}.ring-3{animation:rotate 30s linear infinite;border-color:#ffffff1a;inset:-55px;opacity:.4}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-image{border:4px solid var(--surface-color);border-radius:50%;box-shadow:0 8px 40px #0006;overflow:hidden;position:relative;z-index:2}.avatar-image,.avatar-image img{height:100%;transition:transform .3s ease;width:100%}.avatar-image img{object-fit:cover}.avatar-image:hover{transform:scale(1.05)}.avatar-image:hover img{transform:scale(1.1)}.about:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.section-header{margin-bottom:5rem}.section-header h2{color:var(--primary-color)!important;font-size:clamp(3rem,6vw,5rem)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.1!important;margin-bottom:1.5rem!important;text-shadow:0 4px 20px #0000004d!important}.section-header h2 .text-gradient{-webkit-text-fill-color:#0000!important;background:var(--gradient-accent)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:drop-shadow(0 4px 20px rgba(0,122,255,.3))!important;font-weight:800!important;text-shadow:none!important}.about .section-header h2,.projects-section .section-header h2{font-size:clamp(3rem,6vw,5rem)!important;font-weight:800!important;margin-bottom:1.5rem!important}.section-header p{display:none!important}.about-grid{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin-top:5rem}.about-text h3{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:2.5rem}.about-text p{color:var(--secondary-color);font-size:1.2rem;line-height:1.8;margin-bottom:2rem}.stat{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff0d;padding:2rem}.stat:hover{box-shadow:0 12px 40px #0003,0 0 30px #007aff1a;transform:translateY(-8px) scale(1.05)}.stat-number{font-size:2.8rem;margin-bottom:.75rem}.stat-label{font-size:1rem;letter-spacing:.05em}.skills-section h3{font-size:1.8rem}.skill-item{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff0d}.skill-item:before{transition:transform .4s ease}.skill-item:hover{box-shadow:0 12px 40px #0003,0 0 30px #007aff1a}.skill-bar{background:var(--bg-secondary);border-radius:6px;box-shadow:inset 0 2px 4px #0003;height:10px}.skill-progress{border-radius:6px;box-shadow:0 0 10px #007aff4d;transition:width 1.5s ease}.skill-progress:after{animation:skillShine 3s infinite}@keyframes skillShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.project-filters{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:4rem 0}.filter-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:2px solid var(--border-color);border-radius:30px;color:var(--secondary-color);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s ease}.filter-btn:before{background:var(--gradient-accent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.filter-btn.active:before,.filter-btn:hover:before{opacity:1}.filter-btn.active,.filter-btn:hover{border-color:#0000;box-shadow:0 8px 30px #007aff66,0 0 40px #007aff33;color:#fff;transform:translateY(-3px) scale(1.05)}.filter-btn span{position:relative;z-index:1}.github-wheel-container{margin:6rem 0;min-height:700px;position:relative}.wheel-backdrop{border-radius:50%;inset:0;overflow:hidden;pointer-events:none;position:absolute}.backdrop-glow{animation:pulseGlow 4s ease-in-out infinite;background:radial-gradient(circle,#007aff1a 0,#0000 70%);inset:-100px;position:absolute}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.backdrop-grid{animation:gridMove 20s linear infinite;background:linear-gradient(90deg,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:50px 50px;inset:0;opacity:.3;position:absolute}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.wheel-section{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;position:relative;z-index:2}.wheel-wrapper{height:500px;margin:0 auto;position:relative;width:500px}.project-wheel{height:100%;position:relative;transform-origin:center;transition:transform 1s cubic-bezier(.4,0,.2,1);width:100%}.project-wheel.spinning{animation:wheelSpin 1s cubic-bezier(.4,0,.2,1)}@keyframes wheelSpin{0%{transform:rotate(0deg);transform:rotate(var(--start-rotation,0deg))}to{transform:rotate(1turn);transform:rotate(var(--end-rotation,1turn))}}.wheel-item{cursor:pointer;height:120px;left:50%;margin:-60px 0 0 -60px;position:absolute;top:50%;transition:all .4s ease;width:120px;z-index:1}.wheel-item.active{transform:scale(1.2)!important;z-index:10}.wheel-item-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .4s ease;width:100%}.wheel-item-content:before{background:var(--gradient-accent);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.wheel-item.active .wheel-item-content:before,.wheel-item:hover .wheel-item-content:before{opacity:.1}.wheel-item.active .wheel-item-content,.wheel-item:hover .wheel-item-content{background:#007aff1a;border-color:#007aff66;box-shadow:0 10px 30px #0000004d,0 0 40px #007aff33;transform:translateY(-5px)}.project-icon{font-size:2.5rem;margin-bottom:.5rem}.project-name{font-size:.9rem;line-height:1.2}.project-lang,.project-name{position:relative;text-align:center;z-index:1}.project-lang{color:var(--secondary-color);font-size:.75rem}.wheel-center{height:100px;left:50%;margin:-50px 0 0 -50px;position:absolute;top:50%;width:100px;z-index:20}.center-ring{animation:centerPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#007aff1a;border:3px solid var(--accent-color);border-radius:50%;inset:0;position:absolute}@keyframes centerPulse{0%,to{box-shadow:0 0 20px #007aff80;transform:scale(1)}50%{box-shadow:0 0 40px #007affcc;transform:scale(1.1)}}.center-logo{align-items:center;border:2px solid var(--accent-color);border-radius:50%;display:flex;font-size:2rem;inset:0;justify-content:center}.center-logo,.wheel-nav{background:var(--surface-color);position:absolute}.wheel-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-color);border-radius:50%;color:var(--primary-color);cursor:pointer;font-size:1.5rem;font-weight:700;height:60px;margin-top:-30px;top:50%;transition:all .4s ease;width:60px;z-index:15}.wheel-nav:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 8px 25px #007aff66;color:#fff;transform:scale(1.1)}.wheel-nav:disabled{cursor:not-allowed;opacity:.5}.wheel-nav.prev{left:-80px}.wheel-nav.next{right:-80px}.project-details{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative}.project-details:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.project-details .project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.project-details .project-title{align-items:center;display:flex;gap:1.5rem}.project-details .project-title h3{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin:0}.language-badge{border-radius:20px;box-shadow:0 2px 10px #0003;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1rem;text-transform:uppercase}.project-details .project-links{display:flex;gap:1rem}.project-details .project-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;color:var(--secondary-color);display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .4s ease}.project-details .project-link:hover{background:var(--accent-color);border-color:#0000;box-shadow:0 4px 15px #007aff4d;color:#fff;transform:translateY(-2px)}.project-details .project-link.live{background:var(--gradient-warm);color:#fff}.project-details .project-link.live:hover{background:var(--gradient-warm);box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-2px) scale(1.05)}.project-details .project-description{color:var(--secondary-color);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.project-details .project-topics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.project-details .topic-tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:25px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .4s ease}.project-details .topic-tag:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.project-details .project-stats{display:flex;gap:3rem}.project-details .stat{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .4s ease}.project-details .stat:hover{background:#007aff1a;border-color:#007aff4d;transform:translateY(-3px)}.project-details .stat-icon{font-size:1.5rem}.project-details .stat-value{color:var(--primary-color);font-size:1.2rem;font-weight:700}.project-details .stat-label{color:var(--secondary-color);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.project-indicators{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.indicator{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .4s ease;width:12px}.indicator.active{background:var(--accent-color);box-shadow:0 0 15px #007aff80;transform:scale(1.3)}.indicator:hover{background:var(--accent-color);transform:scale(1.2)}.additional-projects{margin-top:8rem}.additional-projects h3{color:var(--primary-color);font-size:2rem;margin-bottom:3rem;text-align:center}.projects{background:var(--bg-secondary);position:relative}.projects:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.projects-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:5rem}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff0d;cursor:pointer;overflow:hidden;padding:3rem;position:relative;transition:all .4s ease}.project-card:before{background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:#007aff4d;box-shadow:0 20px 60px #0000004d,0 0 40px #007aff1a;transform:translateY(-10px) scale(1.02)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.project-title{align-items:center;display:flex;gap:1.5rem}.project-title h3{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.project-links{display:flex;gap:1rem}.project-link{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--secondary-color);font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .4s ease}.project-link:hover{background:var(--accent-color);border-color:#0000;box-shadow:0 4px 15px #007aff4d;color:#fff;transform:scale(1.1)}.project-description{color:var(--secondary-color);font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}.project-topics{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.topic-tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:25px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;transition:all .4s ease}.topic-tag:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:scale(1.05)}.project-stats{color:var(--secondary-color);font-size:1rem;gap:2rem}.project-stats .stat{align-items:center;background:none;border:none;border-radius:0;display:flex;flex:none;gap:.5rem;padding:.75rem 0}.project-stats .stat:hover{box-shadow:none;transform:none}.no-projects{color:var(--secondary-color);padding:6rem 2rem;text-align:center}.github-cta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff0d;margin-top:6rem;overflow:hidden;padding:4rem;position:relative;text-align:center}.github-cta:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.github-cta p{color:var(--secondary-color);font-size:1.2rem;margin-bottom:2rem}.contact{background:var(--gradient-surface)}.contact-grid{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin-top:5rem}.contact-info h3{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:2rem}.contact-info>p{color:var(--secondary-color);font-size:1.2rem;line-height:1.8;margin-bottom:4rem}.contact-details{margin-bottom:5rem}.contact-item{align-items:center;border-radius:16px;color:inherit;text-decoration:none}.contact-item:hover{background:#007aff0d;padding-left:1.5rem;transform:translateX(12px)}.contact-icon{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:20px;display:flex;font-size:1.8rem;height:70px;justify-content:center;transition:all .4s ease;width:70px}.contact-item:hover .contact-icon{background:var(--accent-color);box-shadow:0 8px 30px #007aff66;color:#fff;transform:scale(1.1)}.contact-item h4{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.contact-item p{color:var(--secondary-color);font-size:1.1rem;margin:0}.social-links h4{color:var(--primary-color);font-size:1.2rem;font-weight:700;margin-bottom:2rem}.social-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.contact .social-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;color:var(--secondary-color);display:flex;gap:1rem;height:auto;justify-content:center;padding:1.25rem;text-decoration:none;transition:all .4s ease;width:auto}.contact .social-link:hover{background:var(--accent-color);border-color:#0000;box-shadow:0 8px 30px #007aff66;color:#fff;transform:translateY(-4px) scale(1.05)}.contact-form-container{display:flex;flex-direction:column}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:4rem}.contact-form:before{height:3px;left:0;right:0}.form-row{grid-gap:2rem;gap:2rem}.form-group{margin-bottom:2.5rem}.form-group label{font-size:1rem;margin-bottom:1rem}.form-group input,.form-group textarea{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:1.25rem;transition:all .4s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #007aff1a,0 4px 20px #007aff33}.form-group textarea{min-height:160px}.form-status{border-radius:16px;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:1.5rem;text-align:center}.form-status.success{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid #22c55e4d}.form-status.error{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid #ef44444d}.submit-btn{font-size:1.1rem;justify-content:center;padding:1.5rem 2rem}.footer{background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-secondary) 100%);border-top:1px solid var(--border-color);color:var(--primary-color);padding:5rem 0 2rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{color:var(--primary-color)}.footer-main{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:4rem}.footer-brand h3{color:var(--primary-color);font-size:1.8rem;font-weight:800;margin-bottom:2rem}.footer-brand p{color:var(--secondary-color);font-size:1.1rem;line-height:1.8}.footer-links h4,.footer-social h4{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin-bottom:2rem}.footer-nav{display:flex;flex-direction:column;gap:1rem}.footer-nav button{background:none!important;border:none!important;color:var(--secondary-color)!important;cursor:pointer!important;display:block!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;padding:.5rem 0!important;text-align:left!important;text-decoration:none!important;transition:all .3s ease!important;width:auto!important}.footer-nav button:hover{color:var(--primary-color)!important;transform:translateX(8px)!important}.footer-nav a{color:var(--secondary-color);font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.footer-nav a:hover{color:var(--primary-color);transform:translateX(8px)}.footer-social .social-links{display:flex;flex-direction:column;gap:1.5rem}.footer-social .social-link{color:var(--secondary-color);font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.footer-social .social-link:hover{color:var(--accent-color);transform:translateX(8px)}.footer-bottom{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:3rem}.footer-copyright p{align-items:center;color:var(--secondary-color);display:flex;font-size:1rem;gap:.75rem;margin:0}.scroll-to-top{align-items:center;background:var(--gradient-accent);border:none;border-radius:20px;box-shadow:0 4px 20px #007aff66,inset 0 1px 0 #fff3;color:var(--white);cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;height:60px;justify-content:center;transition:all .4s ease;width:60px}.scroll-to-top:hover{background:var(--surface-color);box-shadow:0 8px 30px #0000004d,0 0 40px #007aff33;color:var(--accent-color);transform:translateY(-4px) scale(1.1)}.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5rem 2rem}.spinner{box-shadow:0 0 20px #007aff4d;height:50px;margin-bottom:1.5rem;width:50px}.section-header.fade-in-up{animation:bigTitleFadeIn 1.2s ease-out forwards!important}@keyframes bigTitleFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.section-header h2{font-size:clamp(2.5rem,8vw,3.5rem)!important;margin-bottom:1rem!important}.section-header{margin-bottom:4rem!important}}@media (max-width:480px){.section-header h2{font-size:clamp(2rem,10vw,3rem)!important;letter-spacing:-.02em!important}.section-header{margin-bottom:3rem!important}}.loading p{color:var(--secondary-color);font-size:1.1rem}@media (max-width:1024px){.hero-content{text-align:center}.about-grid,.contact-grid,.hero-content{gap:4rem;grid-template-columns:1fr}.footer-main{gap:3rem;grid-template-columns:1fr;text-align:center}.github-stats{justify-content:center}.projects-grid{grid-template-columns:1fr}.hero-avatar{height:300px;width:300px}.wheel-section{gap:4rem;grid-template-columns:1fr}.wheel-wrapper{height:400px;width:400px}.wheel-item{height:100px;margin:-50px 0 0 -50px;width:100px}.wheel-item-content{padding:.75rem}.project-icon{font-size:2rem}.project-name{font-size:.8rem}.project-lang{font-size:.7rem}.project-details{padding:2.5rem}.project-details .project-stats{gap:1.5rem}}@media (max-width:768px){.nav-desktop{display:none}.hero-buttons{align-items:center;flex-direction:column;gap:1.5rem}.form-row{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:2rem;text-align:center}.hero-avatar{height:280px;width:280px}.contact-form{padding:2.5rem}.stat{padding:1.5rem}.skill-item{padding:2rem}.project-card{padding:2.5rem}.section-header h2{font-size:2.5rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:2rem}.hero-social{flex-wrap:wrap;justify-content:center}.about-text p,.hero-description{font-size:1.1rem}.project-description{font-size:1rem}.projects-grid{grid-template-columns:1fr}.project-filters{gap:1rem}.filter-btn{font-size:.95rem;padding:.75rem 1.5rem}.social-grid{grid-template-columns:1fr}.github-wheel-container{margin:4rem 0;min-height:600px}.wheel-wrapper{height:350px;width:350px}.wheel-item{height:80px;margin:-40px 0 0 -40px;width:80px}.wheel-item-content{border-radius:16px;padding:.5rem}.project-icon{font-size:1.5rem}.project-name{font-size:.75rem}.project-lang{font-size:.6rem}.wheel-center{height:80px;margin:-40px 0 0 -40px;width:80px}.center-logo{font-size:1.5rem}.wheel-nav{font-size:1.2rem;height:50px;margin-top:-25px;width:50px}.wheel-nav.prev{left:-60px}.wheel-nav.next{right:-60px}.project-details{padding:2rem}.project-details .project-header{align-items:flex-start;flex-direction:column;gap:1.5rem}.project-details .project-links{justify-content:flex-start;width:100%}.project-details .project-stats{flex-direction:column;gap:1rem}}@media (max-width:480px){.hero-avatar{height:250px;width:250px}.contact-form{padding:2rem}.btn,.hero-buttons{width:100%}.btn{justify-content:center}.github-stats{flex-direction:column;gap:1.5rem}.project-card{padding:2rem}.contact-item{padding:1.5rem 0}.container{padding:0 1.5rem}.hero{padding-top:80px}section{padding:5rem 0}.hero-social{flex-direction:column;gap:1rem}.social-link{justify-content:center;width:100%}.project-filters{align-items:center;flex-direction:column}.filter-btn{justify-content:center;width:200px}.about-text h3,.contact-icon,.contact-info h3,.skills-section h3{font-size:1.5rem}.contact-icon{height:60px;width:60px}.contact-item h4{font-size:1.1rem}.contact-item p{font-size:1rem}.wheel-wrapper{height:300px;width:300px}.wheel-item{height:70px;margin:-35px 0 0 -35px;width:70px}.wheel-item-content{border-radius:12px;padding:.25rem}.project-icon{font-size:1.2rem}.project-name{font-size:.65rem}.project-lang{font-size:.55rem}.wheel-center{height:60px;margin:-30px 0 0 -30px;width:60px}.center-logo{font-size:1.2rem}.wheel-nav{font-size:1rem;height:40px;margin-top:-20px;width:40px}.wheel-nav.prev{left:-50px}.wheel-nav.next{right:-50px}.project-details{padding:1.5rem}.project-details .project-title h3{font-size:1.4rem}.project-indicators{gap:.5rem}.indicator{height:10px;width:10px}.github-cta{padding:2rem 1.5rem}}.interactive-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-particle{animation:particleFloat 4s ease-in-out infinite;background:radial-gradient(circle,#007affcc 0,#007aff33 100%);border-radius:50%;box-shadow:0 0 15px #007aff99,0 0 30px #007aff4d;height:6px;position:absolute;transition:all .3s ease;width:6px}.floating-particle:hover{background:radial-gradient(circle,#ff6b6be6 0,#ff6b6b4d 100%);box-shadow:0 0 20px #ff6b6bcc,0 0 40px #ff6b6b66;transform:scale(2)!important}.floating-particle:nth-child(odd){background:radial-gradient(circle,#5856d6cc 0,#5856d633 100%);box-shadow:0 0 15px #5856d699,0 0 30px #5856d64d}.floating-particle:nth-child(odd):hover{background:radial-gradient(circle,#4cd964e6 0,#4cd9644d 100%);box-shadow:0 0 20px #4cd964cc,0 0 40px #4cd96466}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}25%{opacity:1;transform:translateY(-30px) translateX(15px) scale(1.2)}50%{opacity:.8;transform:translateY(-20px) translateX(-10px) scale(.8)}75%{opacity:.9;transform:translateY(-40px) translateX(20px) scale(1.1)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.animate-in{animation:slideInUp .8s ease-out forwards;opacity:0;transform:translateY(40px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.about{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-surface);overflow:hidden;position:relative}.about-intro{margin-bottom:3rem}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.intro-decoration{background:var(--gradient-accent);border-radius:2px;height:4px;overflow:hidden;position:relative;width:60px}.intro-decoration:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.highlight-paragraph{color:var(--primary-color);font-size:1.3rem;font-weight:500;line-height:1.7;margin-bottom:2rem;padding-left:1.5rem;position:relative}.highlight-paragraph:before{background:var(--gradient-accent);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.github-stats{display:flex;gap:2rem;margin-top:4rem}.stat{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;flex:1 1;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .4s ease}.stat:before{background:linear-gradient(90deg,#0000,#007aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat:hover:before{left:100%}.stat:hover{border-color:#007aff4d;box-shadow:0 20px 40px #0003;transform:translateY(-10px) scale(1.05)}.stat-icon{display:block;font-size:2rem;margin-bottom:1rem}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--secondary-color);font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.skills-section h3{color:var(--primary-color);font-size:2rem;margin-bottom:3rem;text-align:center}.skills-grid{grid-gap:2rem;display:grid;gap:2rem}.skill-item{animation:slideInRight .8s ease-out forwards;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateX(-50px);transition:all .4s ease}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.skill-item:before{background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .6s ease}.skill-item:hover:before{transform:scaleX(1)}.skill-item:hover{border-color:#007aff4d;box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.skill-header{justify-content:space-between;margin-bottom:1.5rem}.skill-header,.skill-info{align-items:center;display:flex}.skill-info{gap:1rem}.skill-icon{font-size:1.5rem}.skill-name{color:var(--primary-color);font-size:1.2rem;font-weight:700}.skill-percentage{color:var(--accent-color);font-size:1.1rem;font-weight:600}.skill-bar{background:#ffffff1a;height:8px;overflow:hidden}.skill-bar,.skill-progress{border-radius:4px;position:relative}.skill-progress{background:var(--gradient-accent);height:100%;transition:width 2s ease;width:0}.skill-progress:after{animation:progressShine 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.about-graphics{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.floating-circle{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;position:absolute}.circle-1{animation:floatCircle 8s ease-in-out infinite;height:150px;right:10%;top:20%;width:150px}.circle-2{animation:floatCircle 6s ease-in-out infinite reverse;bottom:30%;height:100px;left:15%;width:100px}.circle-3{animation:floatCircle 10s ease-in-out infinite;height:80px;right:20%;top:60%;width:80px}@keyframes floatCircle{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.code-lines{left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%)}.code-line{background:var(--gradient-accent);border-radius:1px;height:2px;margin:1rem 0}.line-1{animation:codeAnimation 3s ease-in-out infinite;width:200px}.line-2{animation:codeAnimation 3s ease-in-out .5s infinite;width:150px}.line-3{animation:codeAnimation 3s ease-in-out 1s infinite;width:180px}@keyframes codeAnimation{0%,to{opacity:.1;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(1.2)}}.contact{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--bg-color) 0,var(--bg-secondary) 100%);display:flex;min-height:100vh;overflow:hidden;position:relative}.contact:before{background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.contact-layout{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin-top:4rem;position:relative;z-index:2}.contact-info{animation:slideInLeft 1s ease-out forwards;opacity:0;transform:translateX(-50px)}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.info-header{margin-bottom:3rem}.info-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.info-header p{color:var(--secondary-color);font-size:1.1rem;line-height:1.7}.contact-methods{margin-bottom:3rem}.contact-item{align-items:flex-start;display:flex;gap:2rem;opacity:0;padding:2rem 0;position:relative;transform:translateY(20px);transition:all .4s ease}.contact-item.slide-in{opacity:1;transform:translateY(0)}.contact-item:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.contact-item:last-child:after{display:none}.contact-icon{flex-shrink:0;position:relative}.icon-wrapper{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;transition:all .4s ease;width:60px}.icon-ring{background:linear-gradient(135deg,var(--accent-color),#0000) border-box;border:2px solid #0000;border-radius:24px;inset:-8px;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;position:absolute;transform:scale(.8);transition:all .4s ease}.contact-item:hover .icon-wrapper{background:#007aff1a;border-color:#007aff4d;transform:scale(1.1)}.contact-item:hover .icon-ring{opacity:1;transform:scale(1)}.contact-details h4{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.contact-details p{color:var(--secondary-color);font-size:1rem;margin-bottom:.5rem}.contact-note{color:var(--text-light);font-size:.85rem;font-style:italic}.contact-link{color:var(--accent-color);font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.contact-link:after{background:var(--accent-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.contact-link:hover:after{width:100%}.contact-form-wrapper{animation:slideInRight 1s ease-out forwards;animation-delay:.3s;opacity:0;transform:translateX(50px)}.form-header{margin-bottom:3rem;text-align:center}.form-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:1rem}.form-header p{color:var(--secondary-color);font-size:1rem;line-height:1.6}.contact-form{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff0d;padding:3rem;position:relative}.contact-form:before{background:var(--gradient-accent);border-radius:2px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:50%}.form-decorations{inset:0;pointer-events:none;position:absolute}.form-particle{background:var(--accent-color);border-radius:50%;height:3px;opacity:.7;position:absolute;width:3px}.particle-1{animation:particleFloat 6s ease-in-out infinite;left:10%;top:15%}.particle-2{animation:particleFloat 8s ease-in-out 2s infinite;right:15%;top:25%}.particle-3{animation:particleFloat 7s ease-in-out 4s infinite;bottom:30%;left:20%}.particle-4{animation:particleFloat 9s ease-in-out 6s infinite;bottom:20%;right:10%}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:var(--primary-color);display:block;font-size:.9rem;font-weight:600;letter-spacing:.02em;margin-bottom:.75rem}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;color:var(--primary-color);font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light);transition:opacity .3s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.5}.input-focus-line{background:var(--gradient-accent);border-radius:2px;bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.form-group input:focus,.form-group textarea:focus{background:#ffffff0d;border-color:#007aff4d;box-shadow:0 4px 20px #0000001a,0 0 0 1px #007aff1a;outline:none;transform:translateY(-2px)}.form-group input:focus+.input-focus-line,.form-group textarea:focus+.input-focus-line{width:100%}.form-group textarea{line-height:1.6;min-height:120px;resize:vertical}.form-status{align-items:center;animation:statusSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-status.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.form-status.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-icon{font-size:1.1rem}.submit-btn{background:#0000;border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-content{align-items:center;color:#fff;display:flex;gap:.75rem;justify-content:center;position:relative;z-index:2}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.btn-bg{background:var(--gradient-accent);transition:all .3s ease}.btn-bg,.btn-shine{border-radius:12px;inset:0;position:absolute}.btn-shine{background:linear-gradient(135deg,#fff3,#0000 50%);opacity:0;transition:opacity .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #007aff66,0 0 40px #007aff33;transform:translateY(-2px) scale(1.02)}.submit-btn:hover .btn-arrow{transform:translateX(4px)}.submit-btn:hover .btn-shine{opacity:1}.submit-btn:active{transform:translateY(0) scale(.98)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.geometric-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.geo-shape{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:2px solid #ffffff1a;position:absolute;transition:all .3s ease}.triangle-1{animation:floatRotate 15s ease-in-out infinite;border-bottom:52px solid #007aff1a;border-left:30px solid #0000;border-right:30px solid #0000;left:5%;top:15%}.triangle-1,.triangle-2{background:none;border-radius:0;height:0;width:0}.triangle-2{animation:floatRotate 12s ease-in-out infinite reverse;border-bottom:35px solid #5856d61a;border-left:20px solid #0000;border-right:20px solid #0000;right:8%;top:60%}.triangle-3{animation:floatRotate 18s ease-in-out infinite;background:none;border-bottom:43px solid #ff6b6b1a;border-left:25px solid #0000;border-radius:0;border-right:25px solid #0000;bottom:20%;height:0;left:10%;width:0}.circle-1{animation:floatScale 10s ease-in-out infinite;border-radius:50%;height:60px;right:15%;top:25%;width:60px}.circle-2{animation:floatScale 14s ease-in-out infinite reverse;border-radius:50%;bottom:35%;height:40px;left:20%;width:40px}.square-1{animation:floatRotate 16s ease-in-out infinite;border-radius:8px;height:50px;left:8%;top:45%;width:50px}.square-2{animation:floatRotate 11s ease-in-out infinite reverse;border-radius:6px;height:35px;right:12%;top:70%;width:35px}.hexagon-1{animation:floatScale 13s ease-in-out infinite;border-radius:10px;clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);height:45px;right:5%;top:35%;width:45px}@keyframes floatRotate{0%,to{opacity:.6;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.8;transform:translateY(-20px) rotate(90deg) scale(1.1)}50%{opacity:1;transform:translateY(-10px) rotate(180deg) scale(.9)}75%{opacity:.7;transform:translateY(-30px) rotate(270deg) scale(1.2)}}@keyframes floatScale{0%,to{opacity:.5;transform:translateY(0) scale(1)}33%{opacity:.8;transform:translateY(-25px) scale(1.3)}66%{opacity:.9;transform:translateY(-15px) scale(.8)}}.contact-ambient{inset:0;overflow:hidden;pointer-events:none;position:absolute}.ambient-glow{border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.glow-1{animation:ambientFloat 20s ease-in-out infinite;background:radial-gradient(circle,#007aff26 0,#0000 70%);height:400px;left:-10%;top:-10%;width:400px}.glow-2{animation:ambientFloat 15s ease-in-out infinite reverse;background:radial-gradient(circle,#5856d61a 0,#0000 70%);bottom:-10%;height:300px;right:-10%;width:300px}.glow-3{animation:ambientFloat 25s ease-in-out infinite;background:radial-gradient(circle,#ff6b6b14 0,#0000 70%);height:250px;left:50%;top:50%;transform:translate(-50%,-50%);width:250px}@keyframes ambientFloat{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.6;transform:translate(30px,-40px) scale(1.1)}}.code-rain{bottom:0;left:0;position:absolute;right:0;top:0}.rain-line{animation:rainFall 3s linear infinite;background:linear-gradient(to bottom,#0000,var(--accent-color),#0000);height:100px;opacity:.3;position:absolute;width:1px}.rain-line:first-child{animation-delay:0s;left:20%}.rain-line:nth-child(2){animation-delay:1s;left:60%}.rain-line:nth-child(3){animation-delay:2s;left:80%}@keyframes rainFall{0%{opacity:0;transform:translateY(-100px)}10%,90%{opacity:.3}to{opacity:0;transform:translateY(calc(100vh + 100px))}}.animate-in .stat-number{animation:countUp 2s ease-out forwards}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in .skill-progress{animation:progressFill 1.5s ease-out forwards}@keyframes progressFill{0%{width:0}to{width:0;width:var(--target-width,0)}}@media (max-width:1024px){.about-grid,.contact-layout{gap:4rem;grid-template-columns:1fr}.github-stats{flex-wrap:wrap;justify-content:center}.contact-form{padding:2.5rem}.quick-stats{gap:2rem}}@media (max-width:768px){.floating-particle{animation-duration:6s;opacity:.4}.gradient-text{font-size:1.8rem}.highlight-paragraph{font-size:1.1rem;padding-left:1rem}.stat{padding:2rem 1.5rem}.contact-form,.skill-item{padding:2rem}.form-row{gap:1rem;grid-template-columns:1fr}.info-header h3{font-size:1.8rem}.form-header h3{font-size:1.6rem}.geo-shape{opacity:.5;transform:scale(.7)}.ambient-glow{opacity:.2}.banner-content{flex-direction:column;gap:1.5rem;text-align:center}.banner-divider{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;width:60px}.quick-stats{gap:2rem}.status-text{font-size:1rem}}@media (max-width:480px){.interactive-particles{display:none}.github-stats{flex-direction:column;gap:1.5rem}.contact-form,.stat{padding:1.5rem}.contact-item{flex-direction:column;gap:1rem;text-align:center}.quick-stats{gap:1.5rem}.quick-stats .stat-number{font-size:1.2rem}.quick-stats .stat-label{font-size:.75rem}.status-text{font-size:.95rem}.code-rain,.geo-shape{display:none}}.cube-container{align-items:center;display:flex;height:200px;justify-content:center;margin-top:2rem;perspective:1000px}.cube{animation:autoRotate 8s linear infinite;height:80px;position:relative;transform-style:preserve-3d;width:80px}@keyframes autoRotate{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(1turn) rotateY(1turn)}}.cube-face{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000001a;border:1px solid #fffc;height:80px;opacity:.9;position:absolute;width:80px}.cube-face.front{border-color:#ffffffe6;transform:rotateY(0deg) translateZ(40px)}.cube-face.back{border-color:#007affcc;transform:rotateY(180deg) translateZ(40px)}.cube-face.right{border-color:#ffffffb3;transform:rotateY(90deg) translateZ(40px)}.cube-face.left{border-color:#007aff99;transform:rotateY(-90deg) translateZ(40px)}.cube-face.top{border-color:#fffc;transform:rotateX(90deg) translateZ(40px)}.cube-face.bottom{border-color:#007affb3;transform:rotateX(-90deg) translateZ(40px)}.projects-section{background:var(--bg-color);min-height:100vh;padding:120px 0;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 24px}.section-header{margin-bottom:80px;text-align:center}.section-header h2{color:var(--primary-color);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.section-header p{color:var(--secondary-color);font-size:1.1rem;font-weight:400;margin:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:60px}.filter-tab{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--secondary-color);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.filter-tab:hover{background:#ffffff26;color:var(--primary-color);transform:translateY(-2px)}.filter-tab.active{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0003;color:var(--primary-color);font-weight:600}.carousel-container{margin-bottom:60px;overflow:visible;padding:0 100px;position:relative}.carousel-track{border-radius:20px;height:550px;overflow:visible;position:relative}.projects-display{perspective:1000px}.projects-carousel,.projects-display{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.projects-carousel{transform-style:preserve-3d}.project-slide{cursor:pointer;position:absolute;transform-origin:center center;transition:all .8s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity,filter}.project-slide.prev{filter:blur(1px);opacity:.7;transform:translateX(-450px) translateZ(-50px) scale(.85);z-index:2}.project-slide.current,.project-slide.prev{transition:all 1.8s cubic-bezier(.25,.46,.45,.94)}.project-slide.current{filter:blur(0);opacity:1;transform:translateX(0) translateZ(0) scale(1);z-index:10}.project-slide.next{filter:blur(1px);opacity:.7;transform:translateX(450px) translateZ(-50px) scale(.85);transition:all 1.8s cubic-bezier(.25,.46,.45,.94);z-index:2}.project-slide.fade-out{filter:blur(4px)!important;opacity:0!important;transform:scale(.85)!important;transition:all .6s ease-out!important}.project-slide.far-left,.project-slide.far-right,.project-slide.left,.project-slide.right{display:none!important}.projects-display.transitioning .project-slide{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.project-image{background:var(--surface-color);border:3px solid #ffffff26;border-radius:20px;box-shadow:0 10px 50px #00000080;height:360px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:500px}.project-slide.current .project-image{border-color:#ffffff40;box-shadow:0 15px 80px #000000b3;height:420px;width:600px}.project-slide:hover .project-image{box-shadow:0 25px 100px #000000e6;transform:translateY(-15px)}.image-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--surface-color) 100%);display:flex;height:100%;justify-content:center;position:relative;transition:all .4s ease;width:100%}.project-slide:hover .image-placeholder{background:linear-gradient(135deg,var(--surface-color) 0,var(--bg-tertiary) 100%)}.placeholder-content{color:var(--secondary-color);text-align:center;transition:all .4s ease}.project-slide:hover .placeholder-content{transform:scale(1.1)}.project-icon{display:block;filter:drop-shadow(0 6px 15px rgba(0,0,0,.4));font-size:5rem;margin-bottom:20px;text-shadow:0 4px 8px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1)}.project-slide.current .project-icon{filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));font-size:6rem}.project-slide:hover .project-icon{filter:drop-shadow(0 10px 25px rgba(0,0,0,.6));transform:scale(1.2) rotateY(15deg)}.project-name{color:var(--primary-color);display:block;font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px #0000004d;transition:all .4s ease}.project-slide.current .project-name{font-size:1.6rem}.project-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000f2,#000000d9);bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;padding:40px;pointer-events:none;position:absolute;right:0;top:0;transform:scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-overlay.visible{opacity:1;pointer-events:auto;transform:scale(1)}.overlay-content{max-width:400px;text-align:center;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.project-overlay.visible .overlay-content{transform:translateY(0)}.overlay-content h3{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #00000080}.overlay-content p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:24px;text-shadow:0 1px 2px #00000080}.project-meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.lang-tag{border:2px solid #fff3;border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 16px;text-shadow:0 1px 2px #00000080}.project-stats{color:silver;display:flex;font-size:.9rem;gap:16px}.topics{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.topic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:15px;color:#e0e0e0;font-size:.85rem;padding:6px 12px}.project-actions{display:flex;gap:12px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #fff;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#1a1a1a;font-size:.95rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#0000;box-shadow:0 6px 25px #00000080;color:#fff;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff6;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.95rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 6px 25px #0006;transform:translateY(-2px)}.dots-nav{display:flex;gap:12px;justify-content:center;margin-top:40px}.dot{background:#ffffff4d;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:12px;transition:all .4s cubic-bezier(.4,0,.2,1);width:12px}.dot.active{background:var(--primary-color);border-radius:6px;box-shadow:0 4px 15px #ffffff4d;width:32px}.dot:hover{background:#fff9;transform:scale(1.2)}.empty-state{color:var(--secondary-color);padding:80px 20px;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:24px}.btn-reset{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-reset:hover{background:var(--accent-secondary);box-shadow:0 6px 20px #007aff66;transform:translateY(-2px)}.github-link{margin-top:60px;text-align:center}.btn-github{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:8px;color:var(--primary-color);display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-github:hover{background:var(--bg-tertiary);border-color:var(--border-light);box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}.loading-state{padding:100px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:var(--secondary-color);font-size:1.1rem}@media (max-width:1024px){.carousel-container{padding:0 80px}.project-slide.prev{transform:translateX(-400px) translateZ(-50px) scale(.85)}.project-slide.next{transform:translateX(400px) translateZ(-50px) scale(.85)}.project-image{height:300px;width:420px}.project-slide.current .project-image{height:360px;width:520px}.project-icon{font-size:4rem}.project-slide.current .project-icon{font-size:5rem}}@media (max-width:768px){.projects-section{padding:80px 0}.section-header h2{font-size:2.5rem}.carousel-container{padding:0 60px}.carousel-track{height:450px}.project-slide.prev{transform:translateX(-350px) translateZ(-50px) scale(.8)}.project-slide.next{transform:translateX(350px) translateZ(-50px) scale(.8)}.project-image{height:260px;width:360px}.project-slide.current .project-image{height:300px;width:420px}.project-overlay{padding:20px}.overlay-content h3{font-size:1.4rem}.overlay-content p{font-size:.9rem}.project-actions{flex-direction:column;gap:8px}.project-icon{font-size:3.5rem}.project-slide.current .project-icon{font-size:4.5rem}}@media (max-width:480px){.container{padding:0 16px}.carousel-container{padding:0 40px}.filter-tabs{flex-wrap:wrap;gap:8px}.filter-tab{font-size:.9rem;padding:8px 16px}.project-slide.next,.project-slide.prev{display:none}.project-image{height:240px;width:320px}.project-slide.current .project-image{height:270px;width:360px}.project-icon{font-size:3rem}.project-slide.current .project-icon{font-size:4rem}.project-name{font-size:1.1rem}.project-slide.current .project-name{font-size:1.3rem}}.project-image-icon{border:2px solid #ffffff1a;border-radius:12px;filter:drop-shadow(0 6px 15px rgba(0,0,0,.4));height:80px;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);width:80px}.project-slide.current .project-image-icon{border-color:#fff3;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5));height:100px;width:100px}.project-slide:hover .project-image-icon{border-color:#ffffff4d;filter:drop-shadow(0 10px 25px rgba(0,0,0,.6));transform:scale(1.2) rotateY(5deg)}@media (max-width:768px){.project-image-icon{height:60px;width:60px}.project-slide.current .project-image-icon{height:80px;width:80px}}@media (max-width:480px){.project-image-icon{height:50px;width:50px}.project-slide.current .project-image-icon{height:70px;width:70px}}
/*# sourceMappingURL=main.e9659f78.css.map*/