.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all var(--transition-medium);height:70px}.navbar.scrolled{background:rgba(var(--bg-primary-rgb, 15, 23, 42),.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;height:60px}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6);max-width:1400px;margin:0 auto;height:100%}.navbar-logo{display:flex;align-items:center;z-index:100}.navbar-logo a{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);font-weight:600}.logo-image{width:40px;height:40px;border-radius:50%;margin-right:var(--space-2);transition:transform .3s ease}.logo-text{font-size:var(--font-lg);font-weight:700;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform .3s ease}.navbar-logo:hover .logo-image{transform:rotate(10deg)}.navbar-links{display:flex;align-items:center}.navbar-links ul{display:flex;list-style:none;margin-right:var(--space-4)}.navbar-links li{margin:0 var(--space-4)}.navbar-links a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:var(--font-base);padding:var(--space-2);position:relative;transition:color var(--transition-fast);cursor:pointer}.navbar-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width var(--transition-fast) ease;border-radius:2px}.navbar-links a:hover,.navbar-links a.active{color:var(--primary-color)}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.theme-toggle{background:none;border:none;cursor:pointer;width:50px;height:26px;position:relative;margin-left:var(--space-2)}.theme-toggle-track{background-color:var(--bg-tertiary);border-radius:30px;position:relative;width:50px;height:24px;transition:background-color var(--transition-fast)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast);transform:translate(0);z-index:2}[data-theme=dark] .theme-toggle-thumb{transform:translate(26px)}.theme-icons{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 6px;box-sizing:border-box}.sun-icon,.moon-icon{font-size:12px;opacity:.7}.menu-toggle{display:none;background:none;border:none;width:40px;height:40px;position:relative;z-index:100;cursor:pointer}.menu-bar{position:absolute;width:24px;height:2px;background:var(--text-primary);top:50%;left:50%;transform:translate(-50%,-50%);transition:background .3s}.menu-bar:before,.menu-bar:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);transition:transform .3s}.menu-bar:before{top:-8px}.menu-bar:after{top:8px}.menu-bar.open{background:transparent}.menu-bar.open:before{transform:rotate(45deg) translateY(8px)}.menu-bar.open:after{transform:rotate(-45deg) translateY(-8px)}@media (max-width: 768px){.menu-toggle{display:block}.navbar-links{position:fixed;top:0;right:0;width:300px;height:100vh;background:var(--bg-secondary);box-shadow:-5px 0 15px #0000001a;flex-direction:column;justify-content:center;transform:translate(100%);transition:transform var(--transition-medium);padding-top:70px;z-index:90}.navbar-links.open{transform:translate(0)}.navbar-links ul{flex-direction:column;align-items:center;margin:0;padding:0;width:100%}.navbar-links li{margin:var(--space-4) 0;width:100%;text-align:center}.navbar-links a{display:block;padding:var(--space-3) 0;font-size:var(--font-lg)}.theme-toggle{margin:var(--space-6) auto 0}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:2rem;background:radial-gradient(ellipse at center,rgba(0,0,0,.6) 10%,transparent 70%)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hero-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-2}.hero-content{display:flex;flex-direction:row;gap:4rem;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:1300px;padding:2rem;text-align:left}.profile-side{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.gradient-backdrop{position:absolute;width:280px;height:280px;background:linear-gradient(to right,#a18cd1,#fbc2eb,#84fab0,#8fd3f4,#4facfe);border-radius:50%;z-index:0;filter:blur(20px);animation:glowPulse 6s ease-in-out infinite}.profile-image{width:260px;height:260px;margin-bottom:1rem;perspective:1500px;z-index:1}.floating-card{width:100%;height:100%;border-radius:20px;overflow:hidden;transform-style:preserve-3d;transition:transform .6s ease;box-shadow:0 20px 40px #0000004d;animation:floatCard 6s ease-in-out infinite;background-color:#0000}.floating-card img{width:100%;height:100%;object-fit:cover;border-radius:20px;transform:scale(1.5) translate(15px) translateZ(30px);transition:transform .3s ease}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}@keyframes floatCard{0%,to{transform:rotateY(0) rotateX(0) translateY(0)}25%{transform:rotateY(6deg) rotateX(2deg) translateY(-6px) scale(1.02)}50%{transform:rotateY(-6deg) rotateX(-2deg) translateY(-10px) scale(1.03)}75%{transform:rotateY(6deg) rotateX(2deg) translateY(-6px) scale(1.02)}}.profile-caption{font-size:1.1rem;color:#fffb;text-align:center;animation:fadeZoom 1.2s ease-in-out both}@keyframes fadeZoom{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.text-side{flex:2;min-width:300px}.hero-text{animation:smoothTilt 10s ease-in-out infinite;transform-style:preserve-3d}@keyframes smoothTilt{0%,to{transform:rotateX(0) rotateY(0) scale(1)}25%{transform:rotateX(1deg) rotateY(2deg) scale(1.01)}50%{transform:rotateX(-1deg) rotateY(-2deg) scale(1.02)}75%{transform:rotateX(1deg) rotateY(1deg) scale(1.01)}}@keyframes textGlow{0%{text-shadow:0 0 10px #00ffd5,0 0 20px #0ab3ff;transform:scale(1)}50%{text-shadow:0 0 20px #0ab3ff,0 0 30px #00ffd5;transform:scale(1.02)}to{text-shadow:0 0 10px #00ffd5,0 0 20px #0ab3ff;transform:scale(1)}}.hero-text h1{font-size:var(--font-5xl);margin:.3rem 0;color:#fff}.name-text{font-weight:700;font-size:var(--font-6xl);background:linear-gradient(to right,#a18cd1,#fbc2eb,#84fab0,#8fd3f4,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.title-slider{height:50px;overflow:hidden;font-size:var(--font-3xl);font-weight:600;color:var(--primary-color);margin-bottom:var(--space-6);position:relative}.slide-text{position:relative;height:50px}.slide-item{position:absolute;width:100%;height:50px;display:flex;justify-content:flex-start;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.slide-item.active{opacity:1;transform:translateY(0);position:relative}.hero-quote{font-style:italic;font-size:1.4rem;color:#fffd;margin-top:.5rem;animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.btn{padding:.9rem 1.8rem;border-radius:8px;cursor:pointer;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff;border:none}.btn-primary:hover{transform:scale(1.05);background:var(--primary-color-hover)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}.scroll-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);text-align:center;opacity:.8}.scroll-indicator .mouse{width:24px;height:40px;border:2px solid var(--primary-color);border-radius:12px;position:relative;margin:0 auto}.scroll-indicator .wheel{width:4px;height:8px;background:var(--primary-color);border-radius:4px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 1.2s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.scroll-text{margin-top:.3rem;font-size:.875rem;color:var(--primary-color);opacity:.9}.reveal{opacity:0;transform:translateY(20px);animation:revealIn 1s forwards ease-out}.delay-100{animation-delay:.2s}.delay-200{animation-delay:.4s}.delay-300{animation-delay:.6s}.delay-400{animation-delay:.8s}.delay-500{animation-delay:1s}@keyframes revealIn{to{opacity:1;transform:translateY(0)}}.about-section{position:relative;padding-top:var(--space-20)}.section-title{text-align:center}.about-content-horizontal{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-12);flex-wrap:wrap}.about-text-wrapper{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:space-between}.about-text{font-size:var(--font-lg);line-height:1.8;color:var(--text-secondary);text-align:left}.about-text p{margin-bottom:var(--space-4)}.social-icons{display:flex;justify-content:flex-start;gap:var(--space-4);margin-top:var(--space-8)}.social-icons a{color:var(--text-primary);font-size:2.4rem;transition:transform .3s ease,color .3s ease;display:inline-flex;align-items:center;justify-content:center}.social-icons a:hover{transform:scale(1.4);color:var(--accent-color)}.about-stats{flex:1;min-width:300px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.stat-card{background-color:var(--card-bg);padding:var(--space-6);border-radius:12px;box-shadow:var(--card-shadow);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.stat-icon{font-size:var(--font-3xl);margin-bottom:var(--space-2)}.stat-card h3{font-size:var(--font-lg);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600}.stat-card p{font-size:var(--font-base);color:var(--text-secondary);font-weight:500}@media (max-width: 992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.about-content-horizontal{flex-direction:column;align-items:center}.about-text-wrapper{align-items:center;text-align:center}.about-text{text-align:center}.social-icons{justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.about-text{font-size:var(--font-base)}}.skills-section{position:relative;padding:0 2rem;display:flex;flex-direction:column;align-items:center}.skills-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-btn{padding:var(--space-2) var(--space-4);background-color:var(--bg-tertiary);border:none;border-radius:30px;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:all var(--transition-fast)}.filter-btn:hover{transform:translateY(-2px);background-color:var(--bg-secondary);color:var(--text-primary)}.filter-btn.active{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 10px #0000001a}.skills-grid-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem;display:flex;justify-content:center}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-10);margin-top:var(--space-8);width:100%;justify-content:center}.skill-card{background-color:var(--card-bg);border-radius:20px;padding:var(--space-10);text-align:center;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .3s ease-in-out;animation:fadeInUp .6s ease forwards;animation-delay:calc(var(--i) * .05s);opacity:0;min-height:200px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-card:hover{transform:translateY(-8px);box-shadow:0 15px 25px #0000001a;border-color:var(--primary-color)}.skill-logo{width:75px;height:75px;margin-bottom:var(--space-4);object-fit:contain}.skill-name{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.skill-type{font-size:var(--font-sm);color:var(--text-tertiary)}@media (max-width: 1200px){.skills-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}@media (max-width: 992px){.skills-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.skill-card{padding:var(--space-6);min-height:160px}.skill-logo{width:60px;height:60px}.skill-name{font-size:var(--font-lg)}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.skill-card{padding:var(--space-4);min-height:140px}.skill-logo{width:50px;height:50px}.filter-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-xs)}.skill-name{font-size:var(--font-base)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-section{position:relative;padding:var(--space-20) var(--space-8);background:linear-gradient(135deg,#4f46e505,#9333ea05,#ec489905);overflow:hidden}.projects-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(147,51,234,.08) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.08) 0%,transparent 50%);pointer-events:none}.projects-header{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:2}.projects-header .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,#ec4899 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 5s ease-in-out infinite;margin-bottom:var(--space-4)}.projects-header .section-subtitle{font-size:var(--font-lg);color:var(--text-secondary);font-weight:300;max-width:700px;margin:0 auto;line-height:1.6}.projects-container{max-width:1400px;margin:0 auto;position:relative;z-index:2}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.project-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,#ec4899 100%);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{transform:translateY(-12px) scale(1.02);background:#ffffff14;border-color:#9333ea4d;box-shadow:0 25px 80px #9333ea26,0 0 0 1px #9333ea1a}.card-image-container{position:relative;height:240px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .card-image{transform:scale(1.1);filter:brightness(.8)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9333ea1a,#ec48991a);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4)}.project-category{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:12px;font-size:var(--font-sm);font-weight:600;border:1px solid rgba(255,255,255,.2)}.project-status{display:flex;align-items:center;gap:var(--space-2);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2) var(--space-3);border-radius:12px;font-size:var(--font-sm);font-weight:600;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-dot.completed{background:#10b981}.status-dot.in-progress{background:#f59e0b}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);padding:var(--space-6)}.project-card:hover .hover-overlay{opacity:1}.hover-content{text-align:center;color:#fff;transform:translateY(20px);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .hover-content{transform:translateY(0)}.tech-preview{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tech-badge{background:#9333ea33;border:1px solid rgba(147,51,234,.4);color:#fff;padding:var(--space-1) var(--space-3);border-radius:12px;font-size:var(--font-xs);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-more{background:#ffffff1a;color:#ffffffb3;padding:var(--space-1) var(--space-3);border-radius:12px;font-size:var(--font-xs);font-weight:500}.view-details-btn{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:var(--space-3) var(--space-5);border-radius:16px;font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #9333ea4d}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #9333ea66}.view-details-btn svg{transition:transform .2s ease}.view-details-btn:hover svg{transform:translate(2px,-2px)}.card-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.project-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.2}.project-description{font-size:var(--font-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);flex:1}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.tech-count{font-size:var(--font-sm);color:var(--text-tertiary);font-weight:500}.project-actions{display:flex;gap:var(--space-2)}.action-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn:hover{background:#9333ea1a;border-color:#9333ea4d;color:var(--primary-color);transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:transparent;color:#fff}.action-btn.primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #9333ea4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);padding:var(--space-4)}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fffffff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(50px) scale(.9);transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 50px 100px #0000004d}.modal-overlay.active .modal-container{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:var(--text-primary)}.modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.modal-content{display:flex;flex-direction:column}.modal-image{position:relative;height:300px;overflow:hidden;border-radius:24px 24px 0 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9333ea33,#ec489933);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6)}.modal-badges{display:flex;gap:var(--space-3)}.modal-category{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);padding:var(--space-2) var(--space-4);border-radius:16px;font-size:var(--font-base);font-weight:600;border:1px solid rgba(255,255,255,.3)}.modal-status{display:flex;align-items:center;gap:var(--space-2);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2) var(--space-4);border-radius:16px;font-size:var(--font-base);font-weight:600;color:var(--text-primary);border:1px solid rgba(255,255,255,.3)}.status-indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.modal-status.completed .status-indicator{background:#10b981}.modal-status.in-progress .status-indicator{background:#f59e0b}.modal-details{padding:var(--space-8)}.modal-header{margin-bottom:var(--space-6)}.modal-title{font-size:var(--font-3xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2}.modal-description{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.7}.modal-features{margin-bottom:var(--space-6)}.modal-features h3{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.modal-features h3:before{content:"✨";font-size:1.2em}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.features-list li{position:relative;padding-left:var(--space-6);color:var(--text-secondary);line-height:1.6;font-size:var(--font-base)}.features-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;transform:translateY(-50%)}.modal-technologies{margin-bottom:var(--space-8)}.modal-technologies h3{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.modal-technologies h3:before{content:"⚡";font-size:1.2em}.tech-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tech-chip{background:#9333ea1a;border:1px solid rgba(147,51,234,.2);color:var(--primary-color);padding:var(--space-2) var(--space-4);border-radius:16px;font-size:var(--font-base);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.tech-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.2),transparent);transition:left .6s ease}.tech-chip:hover:before{left:100%}.tech-chip:hover{background:#9333ea26;border-color:#9333ea66;transform:translateY(-2px);box-shadow:0 4px 12px #9333ea33}.modal-actions{display:flex;gap:var(--space-4);justify-content:center}.modal-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:16px;font-size:var(--font-base);font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.modal-button.secondary{background:#6b72801a;border-color:#6b728033;color:var(--text-secondary)}.modal-button.secondary:hover{background:#6b728033;border-color:#6b728066;transform:translateY(-2px);box-shadow:0 8px 25px #6b728033}.modal-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #9333ea4d}@media (max-width: 768px){.projects-section{padding:var(--space-16) var(--space-4)}.projects-grid{grid-template-columns:1fr;gap:var(--space-6)}.project-card{max-width:none}.modal-container{margin:var(--space-4);max-height:calc(100vh - 2rem)}.modal-content{flex-direction:column}.modal-image{height:200px}.modal-details{padding:var(--space-6)}.modal-title{font-size:var(--font-2xl)}.features-list{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}.card-content,.modal-details{padding:var(--space-4)}.modal-badges{flex-direction:column;gap:var(--space-2)}}.experience-section{position:relative;padding:var(--space-20) var(--space-8);background:linear-gradient(135deg,#9333ea05,#4f46e505,#10b98105);overflow:hidden}.experience-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(79,70,229,.1) 0%,transparent 50%);pointer-events:none}.experience-header{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:2}.experience-header .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,#10b981 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-lg);color:var(--text-secondary);font-weight:300;max-width:600px;margin:0 auto;line-height:1.6}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.experience-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8);position:relative;z-index:2}.experience-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:var(--space-8);transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.experience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,#10b981 100%);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.experience-card:hover:before{transform:scaleX(1)}.experience-card:hover{transform:translateY(-8px);background:#ffffff14;border-color:#9333ea4d;box-shadow:0 20px 60px #9333ea1a,0 0 0 1px #9333ea1a}.experience-card.current{background:#9333ea0d;border-color:#9333ea33}.experience-card.current:before{transform:scaleX(1);background:linear-gradient(90deg,#9333eacc,#4f46e5cc,#10b981cc)}.current-badge{position:absolute;top:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--font-xs);font-weight:600;box-shadow:0 4px 12px #10b9814d}.badge-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.company-info{display:flex;align-items:flex-start;gap:var(--space-4);flex:1}.company-logo{width:60px;height:60px;background:linear-gradient(135deg,#9333ea1a,#4f46e51a);border:2px solid rgba(147,51,234,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.company-details{flex:1}.role-title{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.2}.company-name{font-size:var(--font-lg);color:var(--primary-color);font-weight:600}.job-meta{text-align:right;flex-shrink:0}.period{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.job-details{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);color:var(--text-secondary)}.separator{color:var(--text-tertiary)}.card-content{margin-bottom:var(--space-6)}.job-description{font-size:var(--font-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-6)}.achievements-section{margin-bottom:var(--space-6)}.achievements-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.achievements-title:before{content:"🏆";font-size:1.2em}.achievements-list{list-style:none;padding:0;display:grid;gap:var(--space-3)}.achievement-item{position:relative;padding-left:var(--space-6);color:var(--text-secondary);line-height:1.6;font-size:var(--font-base)}.achievement-item:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:50%;transform:translateY(-50%)}.achievement-item:hover{color:var(--text-primary);transform:translate(4px);transition:all .2s ease}.skills-section{margin-bottom:var(--space-4)}.skills-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.skills-title:before{content:"⚡";font-size:1.2em}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-chip{background:#9333ea1a;border:1px solid rgba(147,51,234,.2);color:var(--primary-color);padding:var(--space-2) var(--space-4);border-radius:12px;font-size:var(--font-sm);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.skill-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,51,234,.2),transparent);transition:left .6s ease}.skill-chip:hover:before{left:100%}.skill-chip:hover{background:#9333ea26;border-color:#9333ea66;transform:translateY(-2px);box-shadow:0 4px 12px #9333ea33}.card-footer{padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1);text-align:right}.experience-duration{font-size:var(--font-sm);color:var(--text-tertiary);font-style:italic}.experience-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-16);padding:var(--space-8);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:900px;margin-left:auto;margin-right:auto}.stat-item{text-align:center;padding:var(--space-4);transition:transform .3s ease}.stat-item:hover{transform:translateY(-4px)}.stat-number{font-size:var(--font-3xl);font-weight:800;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-base);color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.experience-section{padding:var(--space-12) var(--space-4)}.card-header{flex-direction:column;align-items:flex-start}.job-meta{text-align:left;width:100%}.current-badge{position:static;width:fit-content;margin-bottom:var(--space-4)}.company-info{width:100%}.company-logo{width:50px;height:50px;font-size:1.2rem}.role-title{font-size:var(--font-xl)}.experience-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-6)}}@media (max-width: 480px){.experience-card{padding:var(--space-6)}.company-info{flex-direction:column;gap:var(--space-3);text-align:center}.company-logo{align-self:center}.role-title{font-size:var(--font-lg)}.experience-stats{grid-template-columns:1fr}.stat-number{font-size:var(--font-2xl)}}.certifications-section{position:relative;padding:var(--space-16) var(--space-8)}.certifications-container{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-6);max-width:1000px;margin:0 auto}.card-stack-container{position:relative;height:450px;width:100%;max-width:800px;margin:var(--space-16) auto;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;perspective:1000px}.card-stack-container:active{cursor:grabbing}.nav-button{position:relative;width:60px;height:60px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:10}.nav-button:hover:not(.disabled){background:#9333ea33;border-color:#9333ea4d;transform:scale(1.1);box-shadow:0 10px 30px #9333ea33}.nav-button:active:not(.disabled){transform:scale(.95)}.nav-button.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nav-button svg{width:24px;height:24px;transition:transform .2s ease}.nav-button:hover:not(.disabled) svg{transform:translate(2px)}.nav-button-left:hover:not(.disabled) svg{transform:translate(-2px)}.cert-card-stack{position:absolute;width:650px;height:380px;background-color:var(--card-bg);border-radius:24px;box-shadow:0 25px 80px #0000001f;display:flex;overflow:hidden;will-change:transform;border:1px solid rgba(255,255,255,.1)}.cert-card-stack.active{box-shadow:0 30px 100px #9333ea40;border:1px solid rgba(147,51,234,.2)}.cert-card-stack.dragging{cursor:grabbing}.cert-image{width:40%;height:100%;position:relative;overflow:hidden}.cert-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.cert-card-stack.active .cert-image img{transform:scale(1.05)}.cert-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9333ea26,#ec489926,#fb923c1a);opacity:.9}.cert-content{width:60%;padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;background:var(--card-bg);position:relative}.cert-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(147,51,234,.02) 0%,transparent 50%);pointer-events:none}.cert-title{font-size:var(--font-2xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.2;letter-spacing:-.5px}.cert-issuer{font-size:var(--font-lg);color:var(--primary-color);font-weight:700;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.cert-date{font-size:var(--font-base);color:var(--text-tertiary);margin-bottom:var(--space-6);font-weight:500}.cert-link{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;text-decoration:none;border-radius:30px;font-size:var(--font-base);font-weight:700;transition:all var(--transition-fast);align-self:flex-start;box-shadow:0 6px 20px #9333ea66;text-transform:uppercase;letter-spacing:.5px}.cert-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #9333ea80}.card-indicators{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-10)}.indicator{width:14px;height:14px;border-radius:50%;border:none;background:#9333ea40;cursor:pointer;transition:all var(--transition-fast);position:relative}.indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:var(--primary-color);transition:all var(--transition-fast)}.indicator.active:before{width:100%;height:100%}.indicator.active{transform:scale(1.4);background:var(--primary-color);box-shadow:0 0 20px #9333ea66}.indicator:hover{background:var(--primary-color);opacity:.8;transform:scale(1.2)}@media (max-width: 1024px){.card-stack-container{height:400px;max-width:700px}.cert-card-stack{width:550px;height:320px}.cert-title{font-size:var(--font-xl)}.cert-content{padding:var(--space-6)}}@media (max-width: 768px){.certifications-container{gap:var(--space-4)}.nav-button{width:50px;height:50px}.nav-button svg{width:20px;height:20px}.card-stack-container{height:380px;margin:var(--space-12) auto}.cert-card-stack{width:85vw;max-width:450px;height:320px;flex-direction:column}.cert-image{width:100%;height:160px}.cert-content{width:100%;padding:var(--space-5)}.cert-title{font-size:var(--font-xl)}.cert-issuer{font-size:var(--font-base)}}@media (max-width: 480px){.certifications-container{gap:var(--space-2)}.nav-button{width:45px;height:45px}.nav-button svg{width:18px;height:18px}.card-stack-container{height:350px;margin:var(--space-10) auto}.cert-card-stack{height:300px;width:90vw;max-width:350px}.cert-image{height:140px}.cert-content{padding:var(--space-4)}.cert-title{font-size:var(--font-lg)}.cert-issuer{font-size:var(--font-base)}.cert-date{font-size:var(--font-sm)}.cert-link{padding:var(--space-2) var(--space-4);font-size:var(--font-sm)}}.coding-profiles-section{padding:3rem 2rem;color:#fff;text-align:center;font-family:Segoe UI,sans-serif}.section-title{font-size:2.5rem;margin-bottom:2rem;color:var(--heading-color, #fff)}.summary-cards{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.summary-card{width:220px;padding:1.5rem;border-radius:1rem;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease;box-shadow:0 8px 25px #00000040}.summary-card h3{font-size:.95rem;opacity:.75;letter-spacing:1px;margin-bottom:.5rem}.summary-card p{font-size:2.5rem;font-weight:700}.gradient-blue{background:linear-gradient(145deg,#162030,#243349)}.gradient-purple{background:linear-gradient(145deg,#261e3d,#3b2c5a)}.profile-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.profile-card{width:320px;padding:2.2rem;border-radius:1.2rem;background:linear-gradient(145deg,#1c1e23,#23262d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 25px #0006;color:#fff;text-align:left;transition:transform .3s ease;animation:fadeInUp .8s ease both}.profile-card:hover{transform:translateY(-8px)}.profile-card h3{font-size:1.3rem;margin:1rem 0;font-weight:600}.profile-card h3 a{color:#fff;text-decoration:none}.profile-card h3 a:hover{text-decoration:underline}.profile-card ul{list-style:none;padding:0;font-size:.95rem;margin-top:1rem}.profile-card ul li{display:flex;justify-content:space-between;margin:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.3rem}.logo-container{display:flex;justify-content:center;align-items:center}.logo-title-container{display:flex;align-items:center;gap:.75rem}.leetcode-logo{width:60px;height:auto}.cc-logo{height:70px;object-fit:contain}.cf-logo{height:60px;object-fit:contain}.platform-name{font-size:2rem;font-weight:600;color:#fff}.profile-link-button{display:inline-block;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;text-decoration:none;transition:all .3s ease}.profile-link-button:hover{background-color:#ffffff1a;transform:scale(1.05)}.leetcode-card{background:linear-gradient(145deg,#3a2d1f,#5b3e2d)}.codeforces-card{background:linear-gradient(145deg,#202e45,#2c3c5a)}.codechef-card{background:linear-gradient(145deg,#2b2321,#3e302c)}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{to{opacity:1}}.contact-section{position:relative}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-8);margin-top:var(--space-8)}.contact-info{background-color:var(--card-bg);padding:var(--space-8);border-radius:12px;box-shadow:var(--card-shadow);position:relative;border:1px solid var(--card-border);overflow:hidden}.contact-info:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.contact-info h3{font-size:var(--font-2xl);margin-bottom:var(--space-4);color:var(--text-primary);position:relative;display:inline-block}.contact-info>p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:var(--font-base)}.info-items{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.info-item{display:flex;align-items:center;gap:var(--space-4)}.info-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;font-size:var(--font-xl);box-shadow:0 5px 15px #9333ea4d;transition:all var(--transition-fast)}.info-item:hover .info-icon{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #9333ea66}.info-content h4{color:var(--text-primary);font-size:var(--font-base);font-weight:600;margin-bottom:4px}.info-content p{color:var(--text-secondary);font-size:var(--font-sm)}.socials{display:flex;gap:var(--space-4)}.social-link{display:inline-block;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:4px;font-weight:500;transition:all var(--transition-fast);font-size:var(--font-sm)}.github{background-color:#24292e;color:#fff}.linkedin{background-color:#0077b5;color:#fff}.social-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.contact-form-container{background-color:var(--card-bg);padding:var(--space-8);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.form-header{margin-bottom:var(--space-6)}.form-header h3{font-size:var(--font-2xl);margin-bottom:var(--space-2);color:var(--text-primary)}.form-header p{color:var(--text-tertiary)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.form-input,.form-textarea{padding:var(--space-3);background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:8px;color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-fast);resize:none;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #9333ea1a}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;font-size:var(--font-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);position:relative;overflow:hidden}.form-submit-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));opacity:0;transition:opacity var(--transition-fast)}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #9333ea66}.form-submit-btn:hover:before{opacity:1}.form-submit-btn>*{position:relative;z-index:1}.btn-arrow{transition:transform var(--transition-fast)}.form-submit-btn:hover .btn-arrow{transform:translate(5px)}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-success{text-align:center;padding:var(--space-8) var(--space-4)}.success-icon{font-size:48px;margin-bottom:var(--space-4);animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.form-success h3{font-size:var(--font-xl);color:var(--primary-color);margin-bottom:var(--space-2)}.form-success p{color:var(--text-secondary)}.form-error{text-align:center;padding:var(--space-4);margin-bottom:var(--space-4);background-color:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:8px;animation:errorShake .5s ease}.error-icon{font-size:24px;margin-bottom:var(--space-2)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-error p{color:#d32f2f;font-size:var(--font-sm);margin:0}@media (max-width: 992px){.contact-container{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width: 768px){.contact-info,.contact-form-container{padding:var(--space-6)}}@media (max-width: 480px){.contact-info,.contact-form-container{padding:var(--space-4)}.form-header h3{font-size:var(--font-xl)}}.footer{position:relative;background-color:var(--bg-secondary);padding:var(--space-10) 0 var(--space-6);margin-top:var(--space-20)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{display:flex;align-items:center;margin-bottom:var(--space-6)}.footer-logo-img{width:40px;height:40px;border-radius:50%;margin-right:var(--space-2)}.footer-logo-text{font-size:var(--font-xl);font-weight:700;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.footer-links{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);font-size:var(--font-base);cursor:pointer}.footer-link:hover{color:var(--primary-color);transform:translateY(-2px)}.footer-social{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;transition:all var(--transition-fast);text-decoration:none;font-size:0;position:relative}.social-icon:before{font-size:var(--font-base)}.social-icon:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.social-icon.github{background-color:#24292e}.social-icon.linkedin{background-color:#0077b5}.footer-copyright{color:var(--text-tertiary);font-size:var(--font-sm)}.scroll-to-top{position:absolute;bottom:40px;right:40px;width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);cursor:pointer;border:none;box-shadow:0 5px 15px #0003;transition:all var(--transition-fast)}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d}@media (max-width: 768px){.footer-links{gap:var(--space-4)}.scroll-to-top{bottom:20px;right:20px;width:40px;height:40px}}.app{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);position:relative;overflow:hidden;opacity:0;transform:scale(.95);transition:opacity 1.2s ease-out,transform 1.2s ease-out}.app.app-loading{opacity:0;transform:scale(.95)}.app.app-loaded{opacity:1;transform:scale(1)}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,var(--gradient-start) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--gradient-end) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.05) 0%,transparent 70%);z-index:-2;pointer-events:none;opacity:.8;animation:backgroundFlow 20s infinite linear}.app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(168,85,247,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(244,114,182,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(251,146,60,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(168,85,247,.2),transparent),radial-gradient(2px 2px at 160px 30px,rgba(244,114,182,.2),transparent);background-size:200px 200px,150px 150px,100px 100px,250px 250px,180px 180px;z-index:-1;pointer-events:none;opacity:.4;animation:particleFloat 25s infinite ease-in-out}@keyframes backgroundFlow{0%{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-50px) translateY(-25px) rotate(90deg)}50%{transform:translate(-25px) translateY(-50px) rotate(180deg)}75%{transform:translate(50px) translateY(-25px) rotate(270deg)}to{transform:translate(0) translateY(0) rotate(360deg)}}@keyframes particleFloat{0%{transform:translate(0) translateY(0)}33%{transform:translate(30px) translateY(-30px)}66%{transform:translate(-20px) translateY(20px)}to{transform:translate(0) translateY(0)}}main{flex:1;overflow:hidden}.custom-cursor,.cursor-dot{display:none!important}body,a,button,.hover-effect,*{cursor:auto!important}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.active{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;transform:translateY(20px)}.stagger-item.active{animation:staggerFadeIn .5s ease forwards}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .glass{background:#0003;border:1px solid rgba(255,255,255,.05)}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}:root{--primary-color: #9333ea;--secondary-color: #ec4899;--accent-color: #f97316;--text-primary: #1e3a8a;--text-secondary: #3b82f6;--text-tertiary: #60a5fa;--bg-primary: #f0f9ff;--bg-secondary: #e0f2fe;--bg-tertiary: #bae6fd;--card-bg: #ffffff;--card-shadow: 0 10px 25px -5px rgba(30, 58, 138, .1);--card-border: rgba(59, 130, 246, .1);--gradient-start: rgba(59, 130, 246, .15);--gradient-end: rgba(147, 51, 234, .15);--transition-fast: .3s;--transition-medium: .5s;--transition-slow: .8s;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem}[data-theme=dark]{--primary-color: #a855f7;--secondary-color: #f472b6;--accent-color: #fb923c;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--bg-primary: #334155;--bg-secondary: #475569;--bg-tertiary: #64748b;--card-bg: #475569;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .3);--card-border: rgba(255, 255, 255, .1);--gradient-start: rgba(59, 130, 246, .2);--gradient-end: rgba(147, 51, 234, .2)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--bg-secondary)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-medium),color var(--transition-medium);overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.section{padding:var(--space-16) var(--space-8);min-height:100vh;width:100%;max-width:1200px;margin:0 auto;position:relative}.section-title{font-size:var(--font-4xl);margin-bottom:var(--space-10);text-align:center;position:relative;color:var(--text-primary);font-weight:700}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.section-subtitle{font-size:var(--font-xl);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none;border:none;outline:none;font-size:var(--font-base)}.btn-primary{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 14px #9333ea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea66}.btn-secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.card{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);padding:var(--space-6);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--card-border);overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.section{padding:var(--space-12) var(--space-6)}.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.section{padding:var(--space-10) var(--space-4)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:1fr}.section-title{font-size:var(--font-3xl)}.section-subtitle{font-size:var(--font-lg)}}@media (max-width: 480px){.section{padding:var(--space-8) var(--space-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.section-title{font-size:var(--font-2xl)}}.fade-in{animation:fadeIn var(--transition-medium) ease forwards;opacity:0}.slide-up{animation:slideUp var(--transition-medium) ease forwards;opacity:0;transform:translateY(30px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}