.mobile-menu-container{align-items:center;display:none;gap:1rem}.mobile-menu{background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 10px 25px var(--shadow-light);left:0;padding:1rem 0;position:absolute;right:0;top:100%}.mobile-nav-link{border-bottom:1px solid var(--border-color);color:var(--text-primary);display:block;font-weight:500;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.mobile-nav-link:hover{background:var(--bg-secondary);color:var(--accent-color)}.mobile-nav-link:last-child{border-bottom:none}.scroll-indicator{animation:bounce 2s infinite}.project-header{align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.project-links{display:flex;gap:.5rem}.project-link{align-items:center;background:none;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.project-link:hover{background:#3b82f61a;border-color:var(--accent-color);color:var(--accent-color)}.project-features h4{font-size:1rem;margin-bottom:.5rem}.project-features ul{list-style:none;padding:0}.project-features li{color:var(--text-secondary);padding:.25rem 0 .25rem 1rem;position:relative}.project-features li:before{color:var(--accent-color);content:"•";font-weight:700;left:0;position:absolute}.contact-intro{font-size:1.125rem;margin-left:auto;margin-right:auto;max-width:500px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-label{font-size:1rem;gap:.75rem;margin-bottom:.75rem}.submit-button{align-items:center;display:flex;gap:.5rem;justify-content:center}.contact-success{padding:4rem 2rem;text-align:center}.contact-success h2{color:var(--text-accent);font-size:2rem;margin:1rem 0}.contact-success p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}@media (max-width:768px){.mobile-menu-container{display:flex}.nav-menu{display:none}.form-row{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.project-header{flex-direction:column;gap:1rem}.project-links{align-self:flex-end}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-accent:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#0f172a;--accent-color:#7d53f6;--accent-hover:#6b42e4;--border-color:#e2e8f0;--shadow-light:#7d53f61a;--shadow-medium:#7d53f633;--shadow-heavy:#7d53f64d;--gradient-primary:linear-gradient(135deg,#7d53f6,#6b42e4);--gradient-accent:linear-gradient(135deg,#9d7cf6,#7d53f6)}body.dark-mode{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-accent:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-accent:#fff;--accent-color:#9d7cf6;--accent-hover:#7d53f6;--border-color:#475569;--shadow-light:#0000004d;--shadow-medium:#0006;--shadow-heavy:#0009;--gradient-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-accent:linear-gradient(135deg,#ec4899,#ef4444)}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.section{padding:3rem 0}.section-title{color:#0f172a;color:var(--text-accent);font-size:2.5rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.navigation{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.dark-mode .navigation{background:#0f172ae6}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.nav-logo{color:#7d53f6;color:var(--accent-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.nav-link{color:#1e293b;color:var(--text-primary);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#7d53f6;color:var(--accent-color)}.nav-link:after{background-color:#7d53f6;background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.theme-toggle{align-items:center;background:none;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{border-color:#7d53f6;border-color:var(--accent-color);color:#7d53f6;color:var(--accent-color)}.mobile-menu-toggle{background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d}.hero-background{animation:gradientShift 15s ease infinite;background:linear-gradient(45deg,#667eea,#764ba2);background-size:400% 400%;overflow:hidden;transform-style:preserve-3d}.hero-background,.hero-background:before{bottom:0;left:0;position:absolute;right:0;top:0}.hero-background:before{animation:backgroundOrbs 20s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 60%,#ffffff0f 0,#0000 50%);content:""}.hero-background:after{animation:backgroundWave 25s linear infinite;background:linear-gradient(135deg,#0000,#ffffff0d 25%,#0000 50%,#ffffff08 75%,#0000);transform-origin:center}@keyframes backgroundOrbs{0%,to{opacity:.7;transform:scale(1) rotate(0deg)}33%{opacity:.9;transform:scale(1.2) rotate(120deg)}66%{opacity:.6;transform:scale(.8) rotate(240deg)}}@keyframes backgroundWave{0%{transform:translateX(-100%) skewX(0deg)}25%{transform:translateX(-50%) skewX(5deg)}50%{transform:translateX(0) skewX(0deg)}75%{transform:translateX(50%) skewX(-5deg)}to{transform:translateX(100%) skewX(0deg)}}.hero-particles{animation:particleFloat 25s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff6,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff80,#0000),radial-gradient(1px 1px at 130px 80px,#fff6,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff4d,#0000),radial-gradient(3px 3px at 200px 100px,#fff3,#0000),radial-gradient(1px 1px at 250px 50px,#fff6,#0000),radial-gradient(2px 2px at 300px 120px,#ffffff4d,#0000);background-repeat:repeat;background-size:350px 150px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-particles:before{animation:colorOrbs 30s ease-in-out infinite;background:radial-gradient(circle at 10% 10%,#c4b5fd1a 0,#0000 30%),radial-gradient(circle at 90% 20%,#8b5cf614 0,#0000 40%),radial-gradient(circle at 30% 90%,#a78bfa1f 0,#0000 35%),radial-gradient(circle at 70% 70%,#c4b5fd0f 0,#0000 45%)}.hero-particles:after,.hero-particles:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-particles:after{animation:patternMove 40s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.4}@keyframes colorOrbs{0%,to{opacity:.6;transform:translateY(0) scale(1) rotate(0deg)}25%{opacity:.8;transform:translateY(-30px) scale(1.1) rotate(90deg)}50%{opacity:.7;transform:translateY(-10px) scale(.9) rotate(180deg)}75%{opacity:.9;transform:translateY(-20px) scale(1.05) rotate(270deg)}}@keyframes patternMove{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-20px) translateY(-10px)}50%{transform:translateX(-40px) translateY(-20px)}75%{transform:translateX(-60px) translateY(-30px)}to{transform:translateX(-80px) translateY(-40px)}}@keyframes particleFloat{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-25px) translateX(15px) rotate(90deg)}50%{transform:translateY(-15px) translateX(-10px) rotate(180deg)}75%{transform:translateY(-30px) translateX(20px) rotate(270deg)}to{transform:translateY(0) translateX(0) rotate(1turn)}}.hero-content{transform-style:preserve-3d}.hero-photo{height:180px;margin:0 auto 2rem;width:180px}.hero-photo,.photo-placeholder{align-items:center;display:flex;justify-content:center}.photo-placeholder{background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 40px #7d53f64d;color:#fff;font-size:4rem;font-weight:800;height:100%;transition:all .3s ease;width:100%}.dark-mode .photo-placeholder{border-color:#f8fafc;border-color:var(--bg-secondary)}.dark-mode .hero-background{background:linear-gradient(45deg,#4f46e5,#7c3aed);background-size:400% 400%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floatReverse{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-content{color:#fff;position:relative;text-align:center;z-index:2}.hero-title{animation:fadeInUp 1s ease forwards;font-size:4rem;font-weight:700;margin-bottom:1rem;opacity:0;text-shadow:0 1px 0 #0000004d,0 2px 10px #0000004d,0 0 50px #ffffff1a;transform:translateY(50px);transform-style:preserve-3d;transition:all .3s ease}.hero-title:hover{text-shadow:0 1px 0 #0000004d,0 2px 10px #0000004d,0 0 50px #ffffff4d,0 5px 20px #fff3}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.9;text-shadow:0 1px 3px #0000004d,0 0 30px #ffffff1a;transform-style:preserve-3d;transition:all .3s ease}.hero-subtitle:hover{opacity:1;text-shadow:0 1px 3px #0000004d,0 0 30px #fff3}.hero-description{font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8;text-shadow:0 1px 2px #0003,0 0 20px #ffffff0d;transform-style:preserve-3d;transition:all .3s ease}.hero-description:hover{opacity:.95;text-shadow:0 1px 2px #0003,0 0 20px #ffffff1a}.github-heatmap{align-items:center;display:flex;justify-content:center;margin:2rem auto 2.5rem;max-width:800px;opacity:1}.github-chart{background-color:#fff;border-radius:12px;display:block;height:auto;max-width:100%;padding:20px;transition:all .3s ease;width:100%}.github-chart:hover{box-shadow:0 10px 30px #7d53f64d;transform:translateY(-5px)}.hero-cta{animation:fadeInUp 1s ease .9s forwards;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0;transform:translateY(50px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.cta-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 25px #00000026,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cta-button svg{flex-shrink:0}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.cta-button:hover:before{left:100%}.cta-button:after{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);border-radius:50px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.cta-button:hover:after{opacity:1}.cta-button.primary{background:#fff3}.cta-button.secondary{background:#0000}.cta-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff6,inset 0 1px 0 #ffffff4d;transform:translateY(-8px) scale(1.05)}.cta-button:active{transform:translateY(-4px) scale(1.02)}.scroll-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;bottom:2rem;box-shadow:0 8px 25px #00000026,inset 0 1px 0 #fff3;cursor:pointer;left:50%;padding:1rem;position:absolute;transform:translateX(-50%);transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.scroll-indicator:before{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);border-radius:50%;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.scroll-indicator:hover:before{opacity:1}.scroll-indicator:hover{background:#fff3;border-color:#fff9;box-shadow:0 20px 40px #0000004d,0 0 0 1px #fff6,inset 0 1px 0 #ffffff4d;transform:translateX(-50%) translateY(-10px) scale(1.2)}.about{background:#f8fafc;background:var(--bg-secondary);overflow:hidden;position:relative}.about-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.about-particles{animation:aboutParticles 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61a 0,#0000 50%);height:100%;position:absolute;width:100%}@keyframes aboutParticles{0%,to{opacity:.5;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-20px) scale(1.1)}}.about-content{grid-gap:5rem;align-items:start;display:grid;gap:5rem;grid-template-columns:1.2fr .8fr;position:relative;z-index:2}.about-intro,.about-text{transform-style:preserve-3d}.about-intro{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:2.5rem;padding:2rem;transition:all .3s ease}.about-intro:hover{background:#c4b5fd26;border-color:#c4b5fd80;box-shadow:0 20px 40px #c4b5fd4d}.about-intro h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#7d53f6);background:linear-gradient(135deg,var(--text-accent),var(--accent-color));background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.intro-highlight{color:#7d53f6;color:var(--accent-color);font-size:1.25rem;font-weight:600;margin:0}.about-description{margin-bottom:3rem}.about-description p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.about-description strong{color:#7d53f6;color:var(--accent-color);font-weight:600}.expertise-section{background:#0000;border:none;border-radius:0;margin:3rem 0 0;padding:0}.section-subtitle{color:#0f172a;color:var(--text-accent);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.expertise-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.expertise-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.expertise-card:before{background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.expertise-card:hover:before{transform:scaleX(1)}.expertise-card:hover{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 20px 40px #7d53f633,0 0 0 1px #7d53f61a;transform:translateY(-8px)}.expertise-icon{filter:grayscale(.3);font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.expertise-card:hover .expertise-icon{filter:grayscale(0);transform:scale(1.1) rotate(5deg)}.expertise-card h4{color:#0f172a;color:var(--text-accent);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.expertise-card p{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.dark-mode .expertise-card{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}.achievements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.achievement-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transform-style:preserve-3d;transition:all .3s ease}.achievement-card:hover{background:#7d53f626;border-color:#7d53f680;box-shadow:0 15px 30px #7d53f64d}.achievement-icon{align-items:center;background:linear-gradient(135deg,#9d7cf6,#7d53f6);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px}.achievement-card:hover .achievement-icon{background:linear-gradient(135deg,#7d53f6,#6b42e4);box-shadow:0 5px 15px #7d53f666;transform:scale(1.1) rotate(10deg)}.achievement-content h4{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .25rem}.achievement-content p{color:#7d53f6;color:var(--accent-color);font-size:.875rem;font-weight:500;margin:0}.about-image{text-align:center;transform-style:preserve-3d}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 50px #0000004d,inset 0 1px 0 #fff3;overflow:hidden;padding:2.5rem;position:relative;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.profile-glow{animation:profileGlow 4s ease-in-out infinite;background:radial-gradient(circle,#c4b5fd33 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes profileGlow{0%,to{opacity:.3;transform:rotate(0deg) scale(1)}50%{opacity:.6;transform:rotate(180deg) scale(1.1)}}.profile-card:before{background:linear-gradient(135deg,#c4b5fd1f,#ddd6fe14);border-radius:25px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-card:hover:before{opacity:1}.profile-card:hover{border-color:#c4b5fd;box-shadow:0 40px 80px #c4b5fd66,0 0 0 1px #c4b5fd80,inset 0 1px 0 #ffffff4d;transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-15px) scale(1.05)}.profile-avatar{align-items:center;background:linear-gradient(135deg,#7d53f6,#8b5cf6);background:linear-gradient(135deg,var(--accent-color),#8b5cf6);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;position:relative;transform-style:preserve-3d;width:120px}.avatar-text{color:#fff;font-size:2.5rem;font-weight:700;position:relative;z-index:2}.avatar-ring{animation:avatarRing 3s linear infinite;border:2px solid #7d53f6;border:2px solid var(--accent-color);border-radius:50%;bottom:-10px;left:-10px;opacity:.5;position:absolute;right:-10px;top:-10px}@keyframes avatarRing{0%{opacity:.5;transform:rotate(0deg) scale(1)}50%{opacity:.8;transform:rotate(180deg) scale(1.05)}to{opacity:.5;transform:rotate(1turn) scale(1)}}.profile-info{margin-bottom:2rem;position:relative;z-index:2}.profile-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#7d53f6);background:linear-gradient(135deg,var(--text-accent),var(--accent-color));background-clip:text;-webkit-background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.profile-role{color:#7d53f6;color:var(--accent-color);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.profile-tech{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tech-badge{background:#3b82f633;border:1px solid #3b82f64d;border-radius:20px;color:#7d53f6;color:var(--accent-color);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.profile-stats{display:flex;justify-content:space-around;position:relative;z-index:2}.stat{text-align:center}.stat-number{color:#7d53f6;color:var(--accent-color);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.projects{background:#fff;background:var(--bg-primary)}.projects-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr);perspective:1500px}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;flex-direction:column;min-height:520px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:after{background:radial-gradient(circle at center,#7d53f60d 0,#0000 70%);border-radius:24px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.project-card:hover:after{opacity:1}.project-gradient-bg{border-radius:24px 24px 0 0;height:8px;left:0;opacity:.8;position:absolute;right:0;top:0;transition:all .4s ease;z-index:3}.project-card:hover .project-gradient-bg{box-shadow:0 8px 25px #7d53f666;height:14px;opacity:1}.project-icon-wrapper{position:absolute;right:2rem;top:2rem;z-index:4}.project-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #7d53f64d;border-radius:16px;color:#7d53f6;color:var(--accent-color);display:flex;height:60px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:60px}.project-card:hover .project-icon{background:#7d53f6;background:var(--accent-color);border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 8px 25px #7d53f666;color:#fff}.project-content{display:flex;flex-direction:column;height:100%;padding:3rem 2.5rem 2.5rem;position:relative;z-index:2}.project-card:before{background:linear-gradient(90deg,#0000,#7d53f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.project-card:hover:before{left:100%}.project-card:hover{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 25px 50px #7d53f640,0 0 0 1px #7d53f633,inset 0 1px 0 #ffffff1a;transform:translateY(-12px) scale(1.01)}.project-header{display:flex;flex-direction:column;margin-bottom:1.5rem}.project-category{background:#7d53f6;background:var(--accent-color);border-radius:12px;box-shadow:0 4px 12px #7d53f64d;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:.35rem .85rem;text-transform:uppercase;width:fit-content}.project-title{color:#0f172a;color:var(--text-accent);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .75rem}.project-domain{align-items:center;background:#7d53f60d;border:1px solid #7d53f633;border-radius:8px;color:#7d53f6;color:var(--accent-color);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease;width:fit-content}.project-domain:hover{background:#7d53f6;background:var(--accent-color);border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 4px 12px #7d53f64d;color:#fff;transform:translateX(4px)}.project-description-wrapper{margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.project-description{color:#64748b;color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin:0}.project-features{margin-bottom:1.5rem}.project-features h4{color:#0f172a;color:var(--text-accent);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.features-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.feature-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f1f5f9;background:var(--bg-accent);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;color:#64748b;color:var(--text-secondary);cursor:default;font-size:.8rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.feature-badge:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.feature-badge:hover:before{left:100%}.feature-badge:hover{background:#7d53f6;background:var(--accent-color);border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 5px 15px #3b82f64d,0 0 0 1px #fff3,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.05)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border:none;border-radius:25px;color:#fff;cursor:default;font-size:.85rem;font-weight:600;overflow:hidden;padding:.5rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tech-tag:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{box-shadow:0 8px 25px #0003,0 0 0 1px #fff3,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.05)}.learn-more-btn{align-items:center;background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border:none;border-radius:14px;box-shadow:0 4px 15px #7d53f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.learn-more-btn:hover{background:linear-gradient(135deg,#8b63f6,#7b52e4);box-shadow:0 8px 25px #7d53f666;transform:translateY(-3px)}.learn-more-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.learn-more-btn:hover:before{left:100%}.learn-more-btn:hover{box-shadow:0 15px 35px #3b82f666,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff6;transform:translateY(-3px) scale(1.05)}.skills{background:#f8fafc;background:var(--bg-secondary)}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transform:perspective(1000px) rotateX(0deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-gradient-bg{border-radius:20px 20px 0 0;height:6px;left:0;opacity:.8;position:absolute;right:0;top:0;transition:all .4s ease;z-index:3}.skill-category:hover .skill-gradient-bg{box-shadow:0 8px 25px #00000026;height:12px;opacity:1}.skill-category:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.skill-category:hover:before{left:100%}.skill-category:after{background:radial-gradient(circle at center,#7d53f6 0,#0000 70%);background:radial-gradient(circle at center,var(--accent-color) 0,#0000 70%);bottom:0;content:"";left:0;mix-blend-mode:soft-light;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.skill-category:hover:after{opacity:.05}.skill-category:hover{animation:skill-pulse 2.5s ease-in-out infinite alternate;border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 25px 50px #00000026,0 0 30px rgba(var(--accent-rgb),.2),inset 0 1px 0 #ffffff1a;transform:perspective(1000px) rotateX(-5deg) translateY(-10px) scale(1.03)}@keyframes skill-pulse{0%{box-shadow:0 25px 50px #00000026,0 0 30px rgba(var(--accent-rgb),.2),inset 0 1px 0 #ffffff1a}to{box-shadow:0 30px 60px #0003,0 0 50px rgba(var(--accent-rgb),.4),inset 0 1px 0 #ffffff26}}.skill-icon{align-items:center;background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border-radius:18px;box-shadow:0 10px 25px #0000001a,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:1.75rem;height:70px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:70px}.skill-icon:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.skill-category:hover .skill-icon:before{opacity:1}.skill-category:hover .skill-icon{box-shadow:0 15px 35px #0003,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff6;transform:translateY(-5px) scale(1.1) rotate(10deg)}.skill-title{color:#0f172a;color:var(--text-accent);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.skill-list{color:#64748b;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none}.skill-list li{background:#f1f5f9;background:var(--bg-accent);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:25px;font-size:.875rem;font-weight:500;margin-bottom:0;padding:.5rem 1rem;transition:all .3s ease}.skill-list li:hover{background:#7d53f6;background:var(--accent-color);border-color:#7d53f6;border-color:var(--accent-color);color:#fff;transform:scale(1.05)}.project-card:nth-child(odd){animation:float 6s ease-in-out infinite}.project-card:nth-child(2n){animation:floatReverse 6s ease-in-out infinite}.skill-category:nth-child(odd){animation:float 4s ease-in-out infinite;animation-delay:.5s}.skill-category:nth-child(2n){animation:floatReverse 4s ease-in-out infinite;animation-delay:1s}.profile-card{animation:pulse 8s ease-in-out infinite}.contact{background:#fff;background:var(--bg-primary)}.contact-content{margin:0 auto;max-width:800px}.contact-intro{color:#64748b;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:3rem;text-align:center}.contact-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.contact-info-card{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.contact-info-card:hover{background:#7d53f60d;border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 10px 30px #7d53f633;transform:translateY(-5px)}.contact-info-card svg{color:#7d53f6;color:var(--accent-color);margin-bottom:1rem}.contact-info-card h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.contact-info-card a{color:#64748b;color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .3s ease}.contact-info-card:hover a{color:#7d53f6;color:var(--accent-color)}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:25px;margin:0 auto;max-width:600px;overflow:hidden;padding:3rem;position:relative;transform:perspective(1000px) rotateX(0deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.contact-form:before{background:linear-gradient(135deg,#ffffff0d,#0000 50%);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-form:hover:before{opacity:1}.contact-form:hover{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 30px 60px #7d53f633,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;box-shadow:0 30px 60px var(--shadow-medium),0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;transform:perspective(1000px) rotateX(-2deg) translateY(-5px)}.form-group{margin-bottom:1.5rem}.form-label{align-items:center;color:#0f172a;color:var(--text-accent);display:block;display:flex;font-weight:600;margin-bottom:.5rem}.form-input,.form-textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.form-input:focus,.form-textarea:focus{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f61a,0 8px 25px #0000001a,inset 0 1px 0 #fff3;outline:none;transform:translateY(-2px) scale(1.02)}.form-input:hover,.form-textarea:hover{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.form-textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1.25rem;position:relative;transform:perspective(1000px) rotateX(0deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.submit-button:hover{box-shadow:0 15px 35px #7d53f633,0 0 0 1px #fff3,inset 0 1px 0 #fff3;box-shadow:0 15px 35px var(--shadow-medium),0 0 0 1px #fff3,inset 0 1px 0 #fff3;transform:perspective(1000px) rotateX(-5deg) translateY(-3px) scale(1.02)}.submit-button:active{transform:perspective(1000px) rotateX(0deg) translateY(0) scale(.98)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.projects-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-cta{align-items:center;flex-direction:column}.cta-button{text-align:center;width:200px}.section-title{font-size:2rem}.about-content{gap:3rem;grid-template-columns:1fr;text-align:center}.about-intro h3{font-size:1.75rem}.intro-highlight{font-size:1.125rem}.achievements-grid{gap:1rem;grid-template-columns:1fr}.profile-card{padding:2rem;transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.profile-avatar{height:100px;width:100px}.avatar-text{font-size:2rem}.profile-name{font-size:1.5rem}.profile-role{font-size:1rem}.tech-badge{font-size:.8rem;padding:.2rem .6rem}.expertise-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.expertise-card{padding:1.75rem}.experience-category{padding:1.5rem}.category-header{flex-direction:row;gap:.6rem}.category-icon{height:38px;width:38px}.category-title{font-size:1rem}.problem-solutions-list{gap:.6rem;grid-template-columns:1fr}.problem-solution-row{padding:.9rem}.problem-row,.solution-row{flex-direction:column;gap:.3rem}.problem-label,.solution-label{min-width:auto}.problem-text,.solution-text{font-size:.8rem}.projects-grid{gap:2rem;grid-template-columns:1fr}.project-card{min-height:auto}.project-icon-wrapper{right:1.5rem;top:1.5rem}.project-icon{height:50px;width:50px}.project-icon svg{height:24px;width:24px}.project-content{padding:2rem 1.5rem}.project-title{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.container{padding:0 1rem}.section{padding:2rem 0}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-description,.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1.5rem}.expertise-grid{gap:1.5rem;grid-template-columns:1fr}.expertise-card{padding:1.5rem}.experience-category{margin-bottom:1.25rem;padding:1.25rem}.category-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-bottom:.6rem}.category-icon{height:36px;width:36px}.category-title{font-size:.95rem}.problem-solutions-list{gap:.6rem;grid-template-columns:1fr}.problem-solution-row{padding:.85rem}.problem-text,.solution-text{font-size:.8rem;line-height:1.4}.projects-grid{gap:1.25rem;grid-template-columns:1fr}.project-content{padding:1.5rem}.project-header{align-items:flex-start;flex-direction:column;gap:1rem}.project-links{align-self:flex-end;margin-left:0}.contact-form,.project-card,.skill-category{padding:1.5rem}.about-content{gap:2rem}.about-intro{padding:1.5rem}.about-intro h3{font-size:1.5rem}.about-description p,.intro-highlight{font-size:1rem}.achievement-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.achievement-icon{height:40px;width:40px}.profile-card{padding:1.5rem}.profile-avatar{height:80px;width:80px}.avatar-text{font-size:1.5rem}.profile-name,.stat-number{font-size:1.25rem}.stat-label{font-size:.8rem}}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#7d53f6;background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b42e4;background:var(--accent-hover)}.go-to-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7d53f6,#8b5cf6e6);background:linear-gradient(135deg,var(--accent-color),#8b5cf6e6);border:1px solid #c4b5fd33;border-radius:50%;bottom:30px;box-shadow:0 8px 25px #8b5cf64d,0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1.5rem;height:56px;opacity:0;position:fixed;right:30px;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275);visibility:hidden;width:56px;z-index:1000}.go-to-top.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.go-to-top:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7f2);box-shadow:0 12px 35px #8b5cf666,0 6px 20px #0000004d;transform:translateY(-5px) scale(1.1)}.go-to-top:active{transform:translateY(-2px) scale(1.05)}.go-to-top svg{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}*,body{cursor:default}.clickable,.go-to-top,a,button{cursor:pointer;transition:all .2s ease}.clickable:hover,a:hover,button:hover{cursor:pointer}input,input:focus,textarea,textarea:focus{cursor:text}.achievement-card,.project-card,.skill-card{cursor:pointer;transition:all .3s ease}.achievement-card:hover,.project-card:hover,.skill-card:hover{cursor:pointer;transform:translateY(-2px)}.cta-button,.nav-link,.social-link{cursor:pointer;position:relative;transition:all .2s ease}.cta-button:hover,.nav-link:hover,.social-link:hover{cursor:pointer}.contact-form input,.contact-form textarea{cursor:text;transition:border-color .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#7d53f6;border-color:var(--accent-color);cursor:text;outline:none}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed;opacity:.6}.loading,.processing{cursor:wait}.drag-area{cursor:grab}.drag-area:active{cursor:grabbing}.selectable-text{cursor:text;-webkit-user-select:text;user-select:text}.resizable-horizontal{cursor:ew-resize}.resizable-vertical{cursor:ns-resize}.resizable-diagonal{cursor:nw-resize}.hero-background:after{animation:cosmicDrift 25s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#c4b5fd1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 80%,#a855f714 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-background .cosmic-stars{animation:twinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff4d,#0000),radial-gradient(2px 2px at 40px 70px,#c4b5fd66,#0000),radial-gradient(1px 1px at 90px 40px,#fff3,#0000),radial-gradient(1px 1px at 130px 80px,#8b5cf64d,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff40,#0000);background-repeat:repeat;background-size:200px 100px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:2}@keyframes cosmicDrift{0%{transform:translateX(-30px) translateY(-30px) rotate(0deg)}25%{transform:translateX(20px) translateY(-50px) rotate(90deg)}50%{transform:translateX(-10px) translateY(-20px) rotate(180deg)}75%{transform:translateX(30px) translateY(-40px) rotate(270deg)}to{transform:translateX(-30px) translateY(-30px) rotate(1turn)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes nebula{0%{opacity:.1;transform:rotate(0deg) scale(1)}50%{opacity:.2;transform:rotate(180deg) scale(1.3)}to{opacity:.1;transform:rotate(1turn) scale(1)}}.hero-geometry{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.floating-shape{animation:floatAndRotate 20s ease-in-out infinite;background:linear-gradient(45deg,#c4b5fd1a,#8b5cf61a);border-radius:50%;position:absolute}.floating-shape:first-child{animation-delay:0s;animation-duration:18s;height:60px;left:10%;top:20%;width:60px}.floating-shape:nth-child(2){animation-delay:-5s;animation-duration:22s;height:40px;right:15%;top:60%;width:40px}.floating-shape:nth-child(3){animation-delay:-10s;animation-duration:25s;bottom:25%;height:80px;left:20%;width:80px}.floating-shape:nth-child(4){animation-delay:-15s;animation-duration:20s;height:50px;right:30%;top:30%;width:50px}@keyframes floatAndRotate{0%{opacity:.3;transform:translateY(0) translateX(0) rotate(0deg) scale(.8)}25%{opacity:.6;transform:translateY(-40px) translateX(20px) rotate(90deg) scale(1.2)}50%{opacity:.4;transform:translateY(-20px) translateX(-15px) rotate(180deg) scale(1)}75%{opacity:.7;transform:translateY(-60px) translateX(30px) rotate(270deg) scale(1.1)}to{opacity:.3;transform:translateY(0) translateX(0) rotate(1turn) scale(.8)}}.experience{background:#f8fafc;background:var(--bg-secondary)}.experience-intro{color:#64748b;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.experience-category{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.experience-category:hover{border-color:#7d53f64d;box-shadow:0 8px 24px #7d53f61a}.category-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.category-icon{align-items:center;background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border-radius:10px;box-shadow:0 4px 12px #7d53f64d;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.category-icon svg{height:22px;width:22px}.category-title{color:#0f172a;color:var(--text-accent);font-size:1.1rem;font-weight:700;margin:0}.problem-solutions-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.problem-solution-row{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;cursor:default;display:flex;flex-direction:column;gap:.6rem;padding:1rem;transition:all .3s ease}.problem-solution-row:hover{border-color:#7d53f6;border-color:var(--accent-color);box-shadow:0 4px 12px #7d53f626;transform:translateY(-2px)}.problem-row,.solution-row{align-items:flex-start;display:flex;gap:.4rem}.solution-row{margin-bottom:0}.problem-label,.solution-label{align-items:center;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;gap:.3rem;letter-spacing:.5px;min-width:70px;text-transform:uppercase}.problem-label{color:#ef4444}.solution-label{color:#10b981}.problem-indicator,.solution-indicator{flex-shrink:0;height:14px;width:14px}.problem-text,.solution-text{color:#64748b;color:var(--text-secondary);flex:1 1;font-size:.85rem;line-height:1.5;margin:0}.education{background:#fff;background:var(--bg-primary)}.education-content{margin-bottom:4rem}.education-card{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;display:flex;gap:2rem;margin:0 auto;max-width:700px;padding:3rem;transition:all .3s ease}.education-card:hover{border-color:#7d53f6;border-color:var(--accent-color)}.education-icon{align-items:center;background:linear-gradient(135deg,#7d53f6,#6b42e4);background:var(--gradient-primary);border-radius:20px;color:#fff;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.education-info h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.institution{color:#7d53f6;color:var(--accent-color);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.location{color:#64748b;color:var(--text-secondary)}.hobbies-section,.soft-skills-section{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;margin-bottom:3rem;padding:3rem}.skills-badges-grid{display:flex;flex-wrap:nowrap;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.skills-badges-grid::-webkit-scrollbar{height:6px}.skills-badges-grid::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-accent);border-radius:10px}.skills-badges-grid::-webkit-scrollbar-thumb{background:#7d53f6;background:var(--accent-color);border-radius:10px}.skill-badge-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:default;display:flex;flex-shrink:0;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.skill-badge-item:hover{border-color:#7d53f6;border-color:var(--accent-color)}.skill-badge-item svg{flex-shrink:0}.hobbies-grid{display:flex;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto;padding-bottom:.5rem}.hobbies-grid::-webkit-scrollbar{height:6px}.hobbies-grid::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-accent);border-radius:10px}.hobbies-grid::-webkit-scrollbar-thumb{background:#7d53f6;background:var(--accent-color);border-radius:10px}.hobby-card{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:15px;cursor:default;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;min-width:200px;padding:2rem;text-align:center;transition:all .3s ease}.hobby-card:hover{background:#7d53f60d;border-color:#7d53f6;border-color:var(--accent-color)}.hobby-card svg{color:#7d53f6;color:var(--accent-color)}.hobby-card span{color:#1e293b;color:var(--text-primary);font-weight:600}
/*# sourceMappingURL=main.ab5c1bee.css.map*/