:root{--primary-color: #667eea;--secondary-color: #764ba2;--text-dark: #333;--text-light: #666;--text-lighter: #999;--bg-light: #f8f9fa;--bg-white: #ffffff;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 5px 15px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .15);--border-radius: 10px;--transition: all .3s ease}html{scroll-behavior:smooth;scroll-padding-top:80px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4199)}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:focus,a:focus{outline-offset:4px}.text-left{text-align:left}.text-right{text-align:right}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pt-5{padding-top:3rem}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:3rem}img{max-width:100%;height:auto;display:block}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}ul{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}@media screen and (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333;overflow-x:hidden}.App{min-height:100vh;position:relative}.main-content{position:relative;z-index:1}section{position:relative;scroll-margin-top:70px}section#home{min-height:100vh}@media screen and (max-width: 768px){section{scroll-margin-top:60px}}.section-subtitle{color:#667eea;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:1rem;position:relative}.container{max-width:1200px;margin:0 auto;width:100%}::-webkit-scrollbar{width:0px;background:transparent}html{scrollbar-width:none}body{-ms-overflow-style:none}::selection{background:#667eea4d;color:#1a1a1a}::-moz-selection{background:#667eea4d;color:#1a1a1a}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media screen and (max-width: 1024px){.section-title{font-size:2.25rem}}@media screen and (max-width: 768px){.section-title{font-size:2rem}.section-subtitle{font-size:.9rem}}@media screen and (max-width: 480px){.section-title{font-size:1.75rem}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}body,.App{overflow-x:hidden}.dark-mode,.dark-mode body{background:#0a0a0a;color:#e0e0e0}.dark-mode .navbar{background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark-mode .navbar.scrolled{background:#0a0a0afa;box-shadow:0 5px 30px #00000080}.dark-mode .nav-menu-mobile{background:#1a1a1a;box-shadow:-5px 0 30px #00000080}.dark-mode .hero{background:#0a0a0a}.dark-mode .hero-badge{background:#667eea1a;border-color:#667eea4d}.dark-mode .btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.dark-mode .btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.dark-mode .store-button{background:#1a1a1a;border:1px solid #333}.dark-mode .store-button:hover{background:#2a2a2a}.dark-mode .icon-item{background:#1a1a1a;box-shadow:0 10px 30px #00000080}.dark-mode .highlight-item{background:#1a1a1a;box-shadow:0 5px 15px #0000004d}.dark-mode .stat-card{background:#667eea0d;border-color:#667eea33}.dark-mode .stat-number{color:#fff}.dark-mode .stat-text{color:#999}.dark-mode .phone-frame{background:#2a2a2a}.dark-mode .expertise-card{background:#1a1a1a;box-shadow:0 10px 30px #0000004d}.dark-mode .expertise-card h3{color:#fff}.dark-mode .expertise-card p{color:#b0b0b0}.dark-mode .skills-section{background:#1a1a1a;box-shadow:0 20px 50px #0000004d}.dark-mode .category-tab{background:#2a2a2a;color:#b0b0b0}.dark-mode .category-tab:hover{background:#667eea1a;border-color:#667eea;color:#667eea}.dark-mode .skill-item{background:#2a2a2a}.dark-mode .skill-item:hover{background:#333;box-shadow:0 10px 30px #0000004d}.dark-mode .skill-name{color:#fff}.dark-mode .skill-bar{background:#333}.dark-mode .filter-btn:hover{border-color:#667eea;color:#667eea;background:#667eea1a}.dark-mode .project-card{background:#1a1a1a;box-shadow:0 10px 30px #0000004d}.dark-mode .project-card:hover{box-shadow:0 20px 40px #0006}.dark-mode .tech-tag{background:#2a2a2a;color:#999}.dark-mode .stat{color:#b0b0b0}.dark-mode .project-modal{background:#1a1a1a;color:#e0e0e0}.dark-mode .modal-close{background:#2a2a2a;color:#999}.dark-mode .modal-close:hover{background:#333}.dark-mode .timeline-content{background:#1a1a1a;box-shadow:0 10px 30px #0000004d}.dark-mode .timeline-item.left .timeline-content:before{border-color:transparent transparent transparent #1a1a1a}.dark-mode .timeline-item.right .timeline-content:before{border-color:transparent #1a1a1a transparent transparent}.dark-mode .timeline-header h3{color:#fff}.dark-mode .timeline-description,.dark-mode .responsibilities li{color:#b0b0b0}.dark-mode .tech-badge{background:#667eea1a;color:#667eea}.dark-mode .contact{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.dark-mode .contact-item{background:#1a1a1a;box-shadow:0 5px 15px #0000004d;color:#b0b0b0}.dark-mode .contact-item:hover{box-shadow:0 10px 25px #667eea33;color:#667eea}.dark-mode .social-section h4,.dark-mode .app-stores h4{color:#fff}.dark-mode .contact-form-wrapper{background:#1a1a1a;box-shadow:0 20px 50px #0000004d}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#2a2a2a;color:#e0e0e0;border-color:transparent}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{background:#333;border-color:#667eea}.dark-mode #tsparticles canvas{opacity:.3}.dark-mode .scroll-progress{background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eeacc}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swing{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea80}50%{box-shadow:0 0 40px #667eeacc}}@keyframes wave{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn .8s ease-out}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInDown{animation:fadeInDown .8s ease-out}.animate-slideInLeft{animation:slideInLeft .8s ease-out}.animate-slideInRight{animation:slideInRight .8s ease-out}.animate-scaleIn{animation:scaleIn .8s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 2s infinite}.animate-rotate{animation:rotate 2s linear infinite}.animate-swing{animation:swing 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-wave{animation:wave 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 5s ease infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.hover-grow{transition:transform .3s ease}.hover-grow:hover{transform:scale(1.05)}.hover-shrink{transition:transform .3s ease}.hover-shrink:hover{transform:scale(.95)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-smooth{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.transition-bounce{transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.parallax{transform-style:preserve-3d;transform:translateZ(0)}.parallax-slow{transform:translateZ(-1px) scale(1.5)}.parallax-medium{transform:translateZ(-2px) scale(2)}.parallax-fast{transform:translateZ(-3px) scale(2.5)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.neumorphic{background:#f0f0f0;box-shadow:20px 20px 60px #ccc,-20px -20px 60px #fff}.neumorphic-inset{background:#f0f0f0;box-shadow:inset 20px 20px 60px #ccc,inset -20px -20px 60px #fff}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.1)}.text-glow{text-shadow:0 0 20px rgba(102,126,234,.5)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.stagger-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1)}@keyframes liquid{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.liquid{animation:liquid 8s ease-in-out infinite}.gpu-accelerated{transform:translateZ(0);will-change:transform}.smooth-scroll{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.gradient-text-animated{background:linear-gradient(270deg,#667eea,#764ba2,#f093fb,#f5576c,#667eea);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holographic{position:relative;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#ff0080);background-size:400% 400%;animation:holographic-shift 3s ease infinite}.holographic:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,#ff0080);background-size:400% 400%;border-radius:inherit;filter:blur(8px);opacity:.7;z-index:-1;animation:holographic-shift 3s ease infinite}@keyframes holographic-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.neon-glow{color:#fff;text-shadow:0 0 10px #667eea,0 0 20px #667eea,0 0 30px #667eea,0 0 40px #764ba2,0 0 70px #764ba2,0 0 80px #764ba2,0 0 100px #764ba2,0 0 150px #764ba2;animation:neon-flicker 2s infinite alternate}@keyframes neon-flicker{0%,to{text-shadow:0 0 10px #667eea,0 0 20px #667eea,0 0 30px #667eea,0 0 40px #764ba2}50%{text-shadow:0 0 20px #667eea,0 0 30px #667eea,0 0 40px #667eea,0 0 50px #764ba2,0 0 60px #764ba2}}.blob-background{position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1}.blob{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(40px);mix-blend-mode:multiply;animation:blob-morph 20s infinite}.blob-1{background:#667eea4d;top:-100px;left:-100px;animation-delay:0s}.blob-2{background:#764ba24d;bottom:-100px;right:-100px;animation-delay:5s}.blob-3{background:#f093fb4d;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes blob-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translate(0) rotate(0)}25%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:translate(30px,-30px) rotate(90deg)}50%{border-radius:50% 50% 30% 70%/30% 70% 70% 30%;transform:translate(-20px,20px) rotate(180deg)}75%{border-radius:70% 30% 50% 50%/60% 40%;transform:translate(-30px,-10px) rotate(270deg)}}.glitch{position:relative;color:#fff;font-weight:700}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 .5s infinite;color:#ff0080;z-index:-1}.glitch:after{animation:glitch-2 .5s infinite;color:#0ff;z-index:-2}@keyframes glitch-1{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,1px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,2px)}60%{clip-path:inset(70% 0 20% 0);transform:translate(1px,-2px)}80%{clip-path:inset(5% 0 80% 0);transform:translate(-1px,1px)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(1deg)}75%{transform:translateY(10px) rotate(-1deg)}}.rainbow-border{position:relative;background:#fff;border-radius:10px;padding:3px}.rainbow-border:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:rainbow-border-animation 20s linear infinite}@keyframes rainbow-border-animation{0%{background-position:0% 50%}to{background-position:400% 50%}}.spotlight-container{position:relative;overflow:hidden}.spotlight-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 40%);pointer-events:none;opacity:0;transition:opacity .3s ease}.spotlight-container:hover:before{opacity:1;animation:spotlight-move 3s ease infinite}@keyframes spotlight-move{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.liquid-button{position:relative;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;overflow:hidden;cursor:pointer;transition:all .3s ease}.liquid-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.liquid-button:hover:before{width:300px;height:300px}.parallax-card{transform-style:preserve-3d;transform:perspective(1000px);transition:transform .3s ease}.parallax-card:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.parallax-card>*{transform:translateZ(50px)}.breathing{animation:breathing 4s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.typewriter{overflow:hidden;border-right:3px solid #667eea;white-space:nowrap;animation:typewriter 4s steps(40,end),blink-caret .75s step-end infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#667eea}}.magnetic-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.magnetic-hover:hover{animation:magnetic-pull .5s ease}@keyframes magnetic-pull{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.aurora-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#000428,#004e92);z-index:-3}.aurora-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,#7877c64d,#7877c600 50%,#6de6db00 50%,#6de6db4d);animation:aurora-rotate 30s linear infinite}@keyframes aurora-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;height:70px}.navbar.scrolled{background:#fffffffa;box-shadow:0 5px 30px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-right:auto;padding-right:2rem}.logo-name{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;white-space:nowrap}.nav-right{display:flex;align-items:center}.nav-menu-desktop{display:flex;align-items:center;gap:.5rem}.nav-link{background:none;border:none;padding:.6rem 1.1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem;font-weight:500;white-space:nowrap}.nav-icon{font-size:1.1rem}.nav-label{display:inline-block}.nav-link:hover{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.theme-toggle-nav{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid rgba(102,126,234,.2);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#667eea;font-size:1.1rem;flex-shrink:0;margin-left:.5rem;position:relative;overflow:hidden}.theme-toggle-nav:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 5px 20px #667eea4d}.theme-toggle-nav:hover>div{transform:scale(1.1) rotate(15deg)}.nav-mobile-controls{display:none;align-items:center;gap:1rem}.theme-toggle-nav.mobile{margin-left:0;width:35px;height:35px;font-size:1rem}.nav-toggle{display:none;font-size:1.5rem;color:#667eea;cursor:pointer;background:none;border:none}.nav-menu-mobile{position:fixed;top:70px;right:0;width:280px;height:calc(100vh - 70px);background:#fff;box-shadow:-5px 0 30px #0000001a;padding:2rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-link-mobile{background:none;border:none;padding:1rem 1.5rem;border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;color:#666;font-size:1rem;font-weight:500;text-align:left}.nav-link-mobile:hover{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;transform:translate(5px)}.nav-link-mobile.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dark-mode .navbar{background:#0a0a0af2}.dark-mode .nav-link{color:#b0b0b0}.dark-mode .nav-link:hover{background:#667eea1a;color:#667eea}.dark-mode .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dark-mode .theme-toggle-nav{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid rgba(255,255,255,.1);color:gold}.dark-mode .theme-toggle-nav:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);color:gold;border-color:#ffd7004d;box-shadow:0 5px 20px #ffd70033}.dark-mode .nav-menu-mobile{background:#1a1a1a}.dark-mode .nav-link-mobile{color:#b0b0b0}.dark-mode .nav-link-mobile:hover{background:#667eea1a;color:#667eea}@media screen and (max-width: 1100px){.nav-link{padding:.6rem .9rem}.nav-menu-desktop{gap:.25rem}}@media screen and (max-width: 992px){.nav-label{display:none}.nav-link{padding:.6rem .8rem}.nav-menu-desktop{gap:.2rem}}@media screen and (max-width: 768px){.navbar{height:60px}.nav-menu-desktop{display:none}.nav-mobile-controls{display:flex}.nav-container{padding:0 1.5rem;height:60px}.nav-menu-mobile{top:60px;height:calc(100vh - 60px);width:100%;max-width:280px}.logo-name{font-size:1.4rem}}@media screen and (max-width: 480px){.logo-name{font-size:1.2rem}.nav-container{padding:0 1rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:80px 2rem 2rem}.hero-background{position:absolute;inset:0;z-index:-1}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s infinite ease-in-out}.sphere-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px;animation-delay:0s}.sphere-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-100px;right:-100px;animation-delay:5s}.sphere-3{width:300px;height:300px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}.hero-content{z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid rgba(102,126,234,.3);padding:.5rem 1rem;border-radius:50px;margin-bottom:2rem;font-size:.9rem;color:#667eea;font-weight:600}.badge-icon{font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:#1a1a1a}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.8rem;color:#666;margin-bottom:1.5rem;min-height:2.5rem}.typed-text{color:#667eea;font-weight:600}.hero-description{font-size:1.1rem;color:#777;line-height:1.8;margin-bottom:2rem;max-width:500px}.hero-stats{display:flex;gap:2.5rem;margin-bottom:2rem;align-items:flex-start}.stat-item{text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative;min-width:100px}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:flex;align-items:baseline;gap:.1rem}.stat-label{font-size:.85rem;color:#777;font-weight:500;line-height:1.2;white-space:nowrap}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 30px #667eea4d}.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 15px 40px #667eea66;transform:translateY(-2px);color:#fff}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.app-store-buttons{display:flex;gap:1rem;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border-radius:10px;text-decoration:none;transition:all .3s ease}.store-button:hover{background:#333;box-shadow:0 10px 30px #0003}.store-button svg{font-size:1.5rem}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:600px}.orbital-system{position:relative;width:600px;height:600px;display:flex;justify-content:center;align-items:center}.central-core{position:absolute;width:85px;height:85px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;z-index:10;box-shadow:0 20px 60px #667eea99}.central-core span{font-size:.65rem;margin-top:.25rem;font-weight:600}.orbit-ring{position:absolute;border-radius:50%;display:flex;justify-content:center;align-items:center}.ios-orbit{width:320px;height:320px}.ios-path{position:absolute;width:100%;height:100%;border:2px dashed rgba(0,0,0,.12);border-radius:50%}.android-orbit{width:450px;height:450px}.android-path{position:absolute;width:100%;height:100%;border:2px dashed rgba(61,220,132,.2);border-radius:50%}.flutter-orbit{width:580px;height:580px}.flutter-path{position:absolute;width:100%;height:100%;border:2px dashed rgba(2,86,155,.2);border-radius:50%}.orbit-tech{position:absolute;width:60px;height:60px}.orbit-tech.tech-1{top:0;left:50%;transform:translate(-50%)}.orbit-tech.tech-2{top:50%;right:0;transform:translateY(-50%)}.orbit-tech.tech-3{bottom:0;left:50%;transform:translate(-50%)}.orbit-tech.tech-4{top:50%;left:0;transform:translateY(-50%)}.tech-icon{width:100%;height:100%;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 20px #0000001f;cursor:pointer;transition:all .3s ease;position:relative}.tech-icon:hover{transform:scale(1.15);box-shadow:0 12px 30px #0003}.tech-icon span{font-size:.65rem;margin-top:.3rem;font-weight:600;color:#666}.ios-tech{border:2px solid #000;color:#000}.ios-tech:hover{background:#000;color:#fff}.ios-tech:hover span{color:#fff}.android-tech{border:2px solid #3DDC84;color:#3ddc84}.android-tech:hover{background:#3ddc84;color:#fff}.android-tech:hover span{color:#fff}.flutter-tech{border:2px solid #02569B;color:#02569b}.flutter-tech:hover{background:#02569b;color:#fff}.flutter-tech:hover span{color:#fff}.orbital-dot{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 10px #667eea99,0 0 20px #667eea4d;animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.8;box-shadow:0 0 10px #667eea99,0 0 20px #667eea4d}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 15px #667eeacc,0 0 30px #667eea66}}.dot-ios-1{top:10%;left:20%;animation-delay:0s}.dot-ios-2{bottom:15%;right:25%;animation-delay:.7s}.dot-ios-3{top:50%;right:5%;animation-delay:1.4s}.dot-android-1{top:5%;left:30%;width:6px;height:6px;animation-delay:.3s}.dot-android-2{bottom:10%;left:15%;width:7px;height:7px;animation-delay:.9s}.dot-android-3{top:70%;right:10%;animation-delay:1.5s}.dot-android-4{top:30%;left:5%;width:6px;height:6px;animation-delay:2.1s}.dot-flutter-1{top:15%;right:20%;width:5px;height:5px;animation-delay:.5s}.dot-flutter-2{bottom:20%;left:10%;width:6px;height:6px;animation-delay:1s}.dot-flutter-3{top:60%;left:8%;animation-delay:1.6s}.dot-flutter-4{bottom:40%;right:5%;width:5px;height:5px;animation-delay:2.2s}.dot-flutter-5{top:35%;right:15%;width:7px;height:7px;animation-delay:2.8s}.floating-particles{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.particle:nth-child(1){top:20%;left:15%}.particle:nth-child(2){bottom:25%;right:20%}.particle:nth-child(3){top:60%;right:15%}.dark-mode .hero-title{color:#fff}.dark-mode .hero-subtitle{color:#b0b0b0}.dark-mode .hero-description{color:#999}.dark-mode .orbital-dot{background:linear-gradient(135deg,#8b9cff,#a67dd4);box-shadow:0 0 12px #8b9cff80,0 0 24px #a67dd44d}.dark-mode .tech-icon{background:#1a1a1a;box-shadow:0 5px 15px #00000080}.dark-mode .tech-icon span{color:#b0b0b0}.dark-mode .ios-tech{border-color:#666;color:#fff}.dark-mode .ios-tech:hover{background:#333}.dark-mode .android-tech:hover{background:#3ddc84;color:#1a1a1a}.dark-mode .flutter-tech:hover{background:#02569b}.dark-mode .ios-path{border-color:#ffffff1a}.dark-mode .android-path{border-color:#3ddc841a}.dark-mode .flutter-path{border-color:#02569b1a}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;color:#999;font-size:.9rem;pointer-events:none;z-index:5}.mouse{width:25px;height:40px;border:2px solid #999;border-radius:15px;margin:.5rem auto 0;position:relative}.wheel{width:3px;height:8px;background:#999;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}@media screen and (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-content{order:2}.hero-visual{order:1;min-height:450px}.hero-stats,.hero-buttons,.app-store-buttons{justify-content:center}.hero-description{margin:0 auto 2rem}.orbital-system{width:450px;height:450px}.central-core{width:80px;height:80px;font-size:1.5rem}.ios-orbit{width:230px;height:230px}.android-orbit{width:330px;height:330px}.flutter-orbit{width:430px;height:430px}}@media screen and (max-width: 768px){.hero{padding:80px 1.5rem 3rem;min-height:auto}.orbital-dot{width:6px;height:6px}.dot-android-1,.dot-android-2,.dot-android-4,.dot-flutter-1,.dot-flutter-2,.dot-flutter-4,.dot-flutter-5{width:5px;height:5px}.hero-container{gap:3rem}.hero-title{font-size:2.5rem;margin-bottom:1.25rem}.hero-subtitle{font-size:1.3rem;margin-bottom:1.5rem}.hero-description{margin-bottom:2rem;line-height:1.9}.hero-badge{margin-bottom:2rem}.hero-visual{min-height:400px;padding:1.5rem 0}.orbital-system{width:380px;height:380px}.central-core{width:65px;height:65px;font-size:1.2rem}.central-core span{font-size:.55rem}.ios-orbit{width:160px;height:160px}.android-orbit{width:250px;height:250px}.flutter-orbit{width:340px;height:340px}.tech-icon{width:40px;height:40px;font-size:1rem}.orbit-tech{width:40px;height:40px}.tech-icon span{font-size:.55rem}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;padding:1rem 0;justify-items:center}.stat-item{padding:.5rem;min-width:auto}.stat-value{font-size:2rem}.stat-label{font-size:.8rem}.hero-buttons{gap:1rem;margin-bottom:2rem}.scroll-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.85rem}.scroll-indicator span{display:inline-block;padding:.25rem .75rem;background:#ffffffe6;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a}.mouse{width:22px;height:36px;margin-top:.4rem}.wheel{width:2.5px;height:7px;top:7px}}@media screen and (max-width: 480px){.hero{padding:70px 1rem 2rem;min-height:auto}.orbital-dot{width:5px;height:5px;box-shadow:0 0 8px #667eea80}.dot-android-1,.dot-android-2,.dot-android-4,.dot-flutter-1,.dot-flutter-2,.dot-flutter-4,.dot-flutter-5{width:4px;height:4px}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.hero-container{gap:2rem}.hero-title{font-size:2rem;margin-bottom:1rem;line-height:1.3}.hero-subtitle{font-size:1.1rem;margin-bottom:1.25rem}.hero-description{margin-bottom:2rem;line-height:1.8;padding:0 .5rem}.hero-badge{padding:.5rem 1rem;margin-bottom:1.75rem}.hero-buttons{flex-direction:column;width:100%;gap:.75rem;margin-bottom:2rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:1rem 1.5rem}.app-store-buttons{flex-direction:column;width:100%;gap:.75rem}.store-button{width:100%;justify-content:center;padding:.9rem 1.5rem}.hero-visual{margin-bottom:1.5rem;padding:1rem 0;min-height:320px}.orbital-system{width:320px;height:320px}.central-core{width:55px;height:55px;font-size:1.1rem}.central-core span{margin-top:.15rem}.ios-orbit{width:140px;height:140px}.android-orbit{width:210px;height:210px}.flutter-orbit{width:280px;height:280px}.tech-icon{width:35px;height:35px;font-size:.9rem;border-radius:8px}.orbit-tech{width:35px;height:35px}.tech-icon span{display:none}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;padding:.75rem 0;justify-items:center}.stat-item{padding:.5rem;min-width:auto}.stat-value{font-size:1.8rem}.stat-label{font-size:.75rem;line-height:1.2}.scroll-indicator{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);font-size:.75rem;opacity:.9}.scroll-indicator span{display:inline-block;padding:.2rem .6rem;background:#fffffff2;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026;font-weight:500}.mouse{width:20px;height:32px;margin:.3rem auto 0;border-width:1.5px;opacity:.8}.wheel{width:2px;height:6px;top:6px}}.dark-mode .scroll-indicator{color:#b0b0b0}.dark-mode .scroll-indicator span{background:#1a1a1ae6;color:#b0b0b0;box-shadow:0 2px 10px #0000004d}.dark-mode .mouse{border-color:#666}.dark-mode .wheel{background:#666}@media screen and (max-height: 600px) and (max-width: 480px){.scroll-indicator{display:none}}.about{padding:80px 2rem;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:hidden}.about-container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.about-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.about-text{padding-right:2rem}.about-description{font-size:1.15rem;line-height:1.9;color:#555;text-align:justify}.about-cards{display:flex;flex-direction:column;gap:2rem}.highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.highlight-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 3px 15px #00000014;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer}.highlight-card:hover{box-shadow:0 8px 25px #667eea26}.highlight-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.highlight-text{font-size:.9rem;color:#666;font-weight:500;line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-simple{background:linear-gradient(135deg,#667eea08,#764ba208);border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;cursor:pointer}.stat-card-simple:hover{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea4d;box-shadow:0 8px 20px #667eea1f}.stat-icon-simple{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem}.stat-content-simple{display:flex;flex-direction:column}.stat-value{font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.85rem;color:#777;margin-top:.25rem}.journey-stats-section{margin-top:4rem;padding-top:3rem;border-top:1px solid rgba(102,126,234,.1)}.journey-title{text-align:center;font-size:1.8rem;color:#1a1a1a;margin-bottom:2.5rem;font-weight:700;position:relative}.journey-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.journey-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.journey-stat-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 5px 20px #00000014;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;border:2px solid transparent}.journey-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea26;border-color:#667eea}.journey-stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.journey-stat-content{flex:1}.journey-stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.25rem}.journey-stat-label{font-size:1rem;color:#1a1a1a;font-weight:600;margin-bottom:.5rem}.journey-stat-description{font-size:.85rem;color:#666;line-height:1.4}.dark-mode .about{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.dark-mode .journey-title{color:#fff}.dark-mode .journey-stat-card{background:#1a1a1a;box-shadow:0 5px 20px #0000004d}.dark-mode .journey-stat-card:hover{border-color:#667eea}.dark-mode .journey-stat-label{color:#fff}.dark-mode .journey-stat-description{color:#b0b0b0}.dark-mode .about-description{color:#b0b0b0}.dark-mode .highlight-card{background:#1a1a1a;box-shadow:0 3px 15px #00000080}.dark-mode .highlight-text{color:#b0b0b0}.dark-mode .stat-card-simple{background:#667eea0d;border-color:#667eea33}.dark-mode .stat-label{color:#999}@media screen and (max-width: 1024px){.about-content{grid-template-columns:1fr;gap:3rem}.about-text{padding-right:0;text-align:center}.about-description{text-align:left;max-width:700px;margin:0 auto}.about-cards{max-width:700px;margin:0 auto}}@media screen and (max-width: 768px){.about{padding:60px 1.5rem}.section-title{font-size:2rem}.about-description{font-size:1.05rem}.highlights-grid,.stats-grid{grid-template-columns:1fr}.journey-stats-section{margin-top:3rem;padding-top:2rem}.journey-title{font-size:1.5rem}.journey-stats-grid{grid-template-columns:1fr;gap:1.25rem}.journey-stat-card{padding:1.25rem}.journey-stat-value{font-size:1.75rem}}@media screen and (max-width: 480px){.about{padding:50px 1rem}.about-description{font-size:1rem;line-height:1.7}.highlight-card{padding:1rem}.highlight-icon{width:35px;height:35px;font-size:1rem}.highlight-text{font-size:.85rem}.stat-card-simple{padding:1.25rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.8rem}.journey-stats-section{margin-top:2.5rem}.journey-title{font-size:1.3rem;margin-bottom:2rem}.journey-stat-card{padding:1rem;gap:.75rem}.journey-stat-icon{width:45px;height:45px;font-size:1.1rem}.journey-stat-value{font-size:1.5rem}.journey-stat-label{font-size:.9rem}.journey-stat-description{font-size:.8rem}}.skills{padding:80px 2rem;background:linear-gradient(180deg,#f8f9fa,#fff);position:relative;overflow:hidden}.skills-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.category-filter{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap;padding:0 1rem}.category-btn{padding:.7rem 1.4rem;background:#fff;border:2px solid #e0e0e0;border-radius:25px;font-weight:600;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease;white-space:nowrap;outline:none;position:relative}.category-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 5px 15px #667eea4d;transform:scale(1.05)}.category-btn:focus{outline:2px solid rgba(102,126,234,.4);outline-offset:2px}.tech-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-width:100%;gap:1.25rem;margin-bottom:3rem;min-height:350px;align-content:start;padding:0 .5rem}@media screen and (min-width: 1200px){.tech-cards-grid{grid-template-columns:repeat(8,1fr)}}@media screen and (min-width: 992px) and (max-width: 1199px){.tech-cards-grid{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width: 768px) and (max-width: 991px){.tech-cards-grid{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 576px) and (max-width: 767px){.tech-cards-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 575px){.tech-cards-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}}.tech-card{background:#fff;border-radius:15px;padding:1.25rem .75rem;text-align:center;box-shadow:0 5px 15px #00000014;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;aspect-ratio:1 / 1.1}.tech-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea26}.tech-icon-wrapper{font-size:2.25rem;margin-bottom:.5rem;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.tech-card:hover .tech-icon-wrapper{transform:scale(1.1)}.tech-name{font-size:.8rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.2}.tech-category{font-size:.65rem;color:#999;margin-top:.25rem}.skills-bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.element-1{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;right:-150px}.element-2{width:200px;height:200px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:10%;left:-100px}.dark-mode .skills{background:linear-gradient(180deg,#1a1a1a,#0a0a0a)}.dark-mode .category-btn{background:#1a1a1a;border-color:#333;color:#b0b0b0}.dark-mode .category-btn:hover{border-color:#667eea;color:#667eea}.dark-mode .category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.dark-mode .tech-card{background:#1a1a1a;border:1px solid #2a2a2a}.dark-mode .tech-card:hover{border-color:#667eea}.dark-mode .tech-name{color:#fff}@media screen and (max-width: 768px){.skills{padding:60px 1.5rem}.section-title{font-size:2rem}.category-filter{gap:.6rem;margin-bottom:2rem;padding:0}.category-btn{padding:.6rem 1.1rem;font-size:.85rem}.tech-cards-grid{gap:1rem;min-height:300px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.tech-card{padding:1rem .5rem;min-height:100px}.tech-icon-wrapper{font-size:2rem}.tech-name{font-size:.75rem}}@media screen and (max-width: 480px){.skills{padding:50px 1rem}.category-filter{gap:.4rem;margin-bottom:1.5rem}.category-btn{padding:.5rem .9rem;font-size:.8rem;border-width:1.5px}.category-btn.active{transform:scale(1.02)}.tech-cards-grid{gap:.75rem;min-height:auto;grid-template-columns:repeat(3,1fr);padding:0}.tech-card{padding:.75rem .25rem;min-height:95px}.tech-icon-wrapper{font-size:1.75rem;height:35px}.tech-name{font-size:.7rem}.tech-category{font-size:.6rem}}.education{padding:80px 2rem;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:hidden}.education-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.education-content{display:grid;gap:4rem}.education-degrees{width:100%}.subsection-title{font-size:1.5rem;color:#1a1a1a;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:700}.subsection-title svg{color:#667eea;font-size:1.3rem}.degree-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;transition:all .3s ease;border:2px solid transparent}.degree-card:hover{border-color:#667eea;box-shadow:0 15px 40px #667eea26}.degree-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.degree-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;flex-shrink:0}.degree-info{flex:1}.degree-title{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.institution-name{font-size:1.1rem;color:#667eea;margin-bottom:.75rem;font-weight:600}.degree-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.degree-meta span{display:flex;align-items:center;gap:.4rem;color:#666;font-size:.9rem}.degree-meta svg{color:#999;font-size:.85rem}.degree-gpa{color:#667eea!important;font-weight:600}.degree-achievements,.degree-coursework{margin-top:1.5rem}.degree-achievements h6,.degree-coursework h6{font-size:.95rem;color:#1a1a1a;margin-bottom:.75rem;font-weight:600}.degree-achievements ul{list-style:none;padding:0}.degree-achievements li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666;line-height:1.6}.degree-achievements li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.coursework-tags{display:flex;flex-wrap:wrap;gap:.5rem}.course-tag{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(102,126,234,.2)}.education-certifications{width:100%}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.certification-card{background:#fff;border-radius:15px;padding:1.75rem;box-shadow:0 5px 20px #00000014;transition:all .3s ease;text-align:center;border:2px solid #f0f0f0}.certification-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea26;border-color:#667eea}.cert-icon{width:50px;height:50px;background:linear-gradient(135deg,gold,#f90);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.5rem}.cert-name{font-size:1.1rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.cert-issuer{color:#666;font-size:.95rem;margin-bottom:1rem}.cert-meta{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.cert-date{background:#f0f0f0;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;color:#666}.cert-id{font-size:.85rem;color:#999}.cert-link{display:inline-flex;align-items:center;gap:.4rem;color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease}.cert-link:hover{color:#764ba2;transform:translate(3px)}.cert-link svg{font-size:.8rem}.education-bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.element-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:-200px}.element-2{width:300px;height:300px;background:linear-gradient(135deg,gold,#f90);bottom:10%;right:-150px}.dark-mode .education{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.dark-mode .section-title,.dark-mode .subsection-title{color:#fff}.dark-mode .degree-card{background:#1a1a1a;box-shadow:0 10px 30px #00000080}.dark-mode .degree-card:hover{border-color:#667eea}.dark-mode .degree-title{color:#fff}.dark-mode .degree-meta span{color:#b0b0b0}.dark-mode .degree-achievements h6,.dark-mode .degree-coursework h6{color:#fff}.dark-mode .degree-achievements li{color:#b0b0b0}.dark-mode .course-tag{background:#667eea1a;border-color:#667eea4d}.dark-mode .certification-card{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 5px 20px #0000004d}.dark-mode .certification-card:hover{border-color:#667eea}.dark-mode .cert-name{color:#fff}.dark-mode .cert-issuer{color:#b0b0b0}.dark-mode .cert-date{background:#2a2a2a;color:#b0b0b0}.dark-mode .cert-id{color:#666}@media screen and (max-width: 768px){.education{padding:60px 1.5rem}.section-title{font-size:2rem}.education-content{gap:3rem}.degree-header{flex-direction:column;text-align:center}.degree-icon{margin:0 auto}.degree-meta{justify-content:center}.certifications-grid{grid-template-columns:1fr}}@media screen and (max-width: 480px){.education{padding:50px 1rem}.subsection-title{font-size:1.3rem}.degree-card{padding:1.5rem}.degree-title{font-size:1.1rem}.institution-name{font-size:1rem}.degree-meta{flex-direction:column;gap:.5rem;align-items:center}.coursework-tags{justify-content:center}.certification-card{padding:1.5rem}}.experience{padding:80px 2rem;background:linear-gradient(180deg,#f8f9fa,#fff);position:relative;overflow:hidden}.experience-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.experience-content{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.experience-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:2px solid transparent}.experience-card:hover{border-color:#667eea;box-shadow:0 15px 40px #667eea26}.experience-header{display:flex;gap:1.5rem;margin-bottom:1.5rem}.experience-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;flex-shrink:0}.experience-info{flex:1}.experience-title{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.company-name{font-size:1.1rem;color:#667eea;margin-bottom:.75rem;font-weight:600}.experience-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.experience-meta span{display:flex;align-items:center;gap:.4rem;color:#666;font-size:.9rem}.experience-meta svg{color:#999;font-size:.85rem}.experience-description{color:#666;line-height:1.8;margin-bottom:1.5rem;font-size:.95rem}.experience-achievements,.experience-technologies{margin-top:1.5rem}.experience-achievements h6,.experience-technologies h6{font-size:.95rem;color:#1a1a1a;margin-bottom:.75rem;font-weight:600}.experience-achievements ul{list-style:none;padding:0}.experience-achievements li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666;line-height:1.6;font-size:.9rem}.experience-achievements li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.technology-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(102,126,234,.2)}.experience-bg-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bg-element{position:absolute;border-radius:50%;opacity:.05}.element-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:20%;right:-200px}.element-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:20%;left:-150px}.dark-mode .experience{background:linear-gradient(180deg,#1a1a1a,#0a0a0a)}.dark-mode .experience-card{background:#1a1a1a;box-shadow:0 10px 30px #00000080}.dark-mode .experience-card:hover{border-color:#667eea}.dark-mode .experience-title{color:#fff}.dark-mode .experience-meta span,.dark-mode .experience-description{color:#b0b0b0}.dark-mode .experience-achievements h6,.dark-mode .experience-technologies h6{color:#fff}.dark-mode .experience-achievements li{color:#b0b0b0}.dark-mode .tech-tag{background:#667eea1a;border-color:#667eea4d}@media screen and (max-width: 768px){.experience{padding:60px 1.5rem}.section-title{font-size:2rem}.experience-content{gap:1.5rem}.experience-header{flex-direction:column;text-align:center}.experience-icon{margin:0 auto}.experience-meta{justify-content:center}.experience-card{padding:1.5rem}.experience-title{font-size:1.15rem}.company-name{font-size:1rem}}@media screen and (max-width: 480px){.experience{padding:50px 1rem}.experience-card{padding:1.25rem}.experience-icon{width:50px;height:50px;font-size:1.5rem}.experience-title{font-size:1.05rem}.company-name{font-size:.95rem}.experience-meta{flex-direction:column;gap:.5rem;align-items:center}.experience-meta span{font-size:.85rem}.experience-description{font-size:.9rem}.experience-achievements li{font-size:.85rem;padding-left:1.25rem}.tech-tag{font-size:.75rem;padding:.3rem .7rem}.technology-tags{justify-content:center}}.projects{padding:80px 2rem;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:hidden}.projects-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{color:#667eea;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:800;color:#1a1a1a;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.7rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:25px;font-weight:600;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 5px 15px #667eea4d}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative;transform-style:preserve-3d}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .4s ease;z-index:1;pointer-events:none}.project-card:hover{transform:translateY(-10px) rotateX(2deg) scale(1.02);box-shadow:0 25px 50px #667eea40}.project-card:hover:before{opacity:1}.project-image{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1) rotate(2deg)}.project-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.view-btn{background:#fff;color:#667eea;border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.view-btn:hover{transform:scale(1.1)}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,gold,#f90);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem;box-shadow:0 5px 15px #ffd7004d}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-header{margin-bottom:1rem}.project-header h3{font-size:1.3rem;color:#1a1a1a;margin-bottom:.5rem;font-weight:700}.project-platforms{display:flex;gap:.5rem;flex-wrap:wrap}.platform-tag{background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600}.project-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1rem;flex:1}.project-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.stat{display:flex;align-items:center;gap:.3rem;color:#666;font-size:.9rem}.stat svg{color:gold}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.tech-tag{background:#f0f0f0;color:#666;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.project-links{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.project-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.project-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #667eea4d}.project-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal{background:#fff;border-radius:24px;max-width:1000px;width:90%;max-height:90vh;overflow-y:auto;position:relative;margin:auto;overscroll-behavior:contain;box-shadow:0 30px 60px #0000004d}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:10;transition:all .3s ease}.modal-close:hover{transform:rotate(90deg)}.modal-content{padding:3rem}.modal-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.modal-header h2{font-size:2rem;color:#1a1a1a;margin-bottom:.5rem}.modal-stats{display:flex;gap:1.5rem;color:#666}.modal-stats span{display:flex;align-items:center;gap:.3rem}.modal-stats svg{color:gold}.modal-body{display:grid;gap:2rem}.modal-images-container{position:relative;margin-bottom:2rem;background:#f8f9fa;border-radius:15px;padding:1rem;overflow:hidden}.modal-images{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.modal-images::-webkit-scrollbar{height:8px}.modal-images::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.modal-images::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.modal-images::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4199)}.modal-image-slide{flex:0 0 auto;scroll-snap-align:center;position:relative;cursor:pointer;transition:transform .3s ease}.modal-image-slide:hover{transform:scale(1.02)}.modal-image-slide img{height:450px;width:auto;max-width:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px #00000026;background:#fff;padding:10px}.image-viewer-overlay{position:fixed;inset:0;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-viewer-container{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.image-viewer-container img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.image-viewer-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:1}.image-viewer-close:hover{background:#fff3;transform:rotate(90deg)}.image-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.image-viewer-nav:hover{background:#fff3}.image-viewer-prev{left:1rem}.image-viewer-next{right:1rem}.image-viewer-caption{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.image-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;cursor:pointer;transition:all .3s ease}.indicator-dot:hover{background:#667eea;transform:scale(1.2)}.indicator-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);width:24px;border-radius:4px}.modal-info h3{font-size:1.2rem;color:#1a1a1a;margin-bottom:1rem;margin-top:1.5rem}.modal-info h3:first-child{margin-top:0}.modal-info p{color:#666;line-height:1.8;margin-bottom:1rem}.features-list{list-style:none;padding:0}.features-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#666}.features-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.modal-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.modal-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.modal-link{padding:.8rem 1.5rem;border-radius:25px;display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;transition:all .3s ease}.modal-link.app-store{background:#000;color:#fff}.modal-link.play-store{background:#3ddc84;color:#fff}.modal-link.github{background:#333;color:#fff}.modal-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.dark-mode .projects{background:linear-gradient(180deg,#0a0a0a,#1a1a1a)}.dark-mode .section-title{color:#fff}.dark-mode .filter-btn{background:#1a1a1a;border-color:#333;color:#b0b0b0}.dark-mode .filter-btn:hover{border-color:#667eea;color:#667eea}.dark-mode .project-card{background:#1a1a1a;box-shadow:0 10px 30px #00000080}.dark-mode .project-header h3{color:#fff}.dark-mode .project-description{color:#b0b0b0}.dark-mode .tech-tag{background:#2a2a2a;color:#b0b0b0}.dark-mode .project-links{border-top-color:#2a2a2a}.dark-mode .project-modal{background:#1a1a1a}.dark-mode .modal-header h2,.dark-mode .modal-info h3{color:#fff}.dark-mode .modal-info p,.dark-mode .features-list li{color:#b0b0b0}.dark-mode .modal-images-container{background:#2a2a2a}.dark-mode .modal-image-slide img{background:#1a1a1a}.dark-mode .modal-images::-webkit-scrollbar-track{background:#333}.dark-mode .indicator-dot{background:#555}.dark-mode .indicator-dot:hover{background:#667eea}@media screen and (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media screen and (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}}@media screen and (max-width: 768px){.projects{padding:60px 1.5rem}.section-title{font-size:2rem}.filter-buttons{gap:.5rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.modal-content{padding:2rem}.project-image{height:200px}.modal-images-container{padding:.75rem;background:transparent;margin-bottom:1.5rem}.modal-images{gap:.75rem;padding-bottom:.75rem;scroll-snap-type:x mandatory}.modal-image-slide{flex:0 0 85%;scroll-snap-align:center}.modal-image-slide img{height:auto;max-height:400px;width:100%;object-fit:contain;padding:8px;background:#f8f9fa}.image-indicators{margin-top:.75rem}.image-viewer-nav{width:35px;height:35px;font-size:1rem}.image-viewer-prev{left:.5rem}.image-viewer-next{right:.5rem}}@media screen and (max-width: 480px){.projects{padding:50px 1rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.85rem}.project-content{padding:1rem}.project-header h3{font-size:1.1rem}.project-card:hover{transform:translateY(-5px) scale(1.01)}.modal-content{padding:1.5rem}.modal-header{margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{font-size:1.5rem}.modal-images-container{padding:0;background:transparent;margin-bottom:1rem;border-radius:0}.modal-images{gap:.5rem;padding:.5rem;scroll-snap-type:x mandatory;margin:0 -1rem;padding:0 1rem}.modal-image-slide{flex:0 0 90%;scroll-snap-align:center}.modal-image-slide img{height:auto;max-height:350px;min-height:250px;width:100%;object-fit:contain;padding:5px;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.modal-image-slide:after{content:"Tap to enlarge";position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;pointer-events:none;opacity:0;transition:opacity .3s ease}.modal-images-container:hover .modal-image-slide:after{opacity:1}.image-indicators{margin-top:.5rem;gap:.3rem}.indicator-dot{width:6px;height:6px}.indicator-dot.active{width:18px}.image-viewer-overlay{padding:0}.image-viewer-container img{max-height:100vh;width:100%;border-radius:0}.image-viewer-close{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.2rem}.image-viewer-nav{width:30px;height:30px;font-size:.9rem}.image-viewer-prev{left:.25rem}.image-viewer-next{right:.25rem}.image-viewer-caption{font-size:.8rem;padding:.4rem .8rem;bottom:.5rem}}.dark-mode .modal-image-slide img{background:#2a2a2a;border-color:#3a3a3a}.dark-mode .modal-image-slide:after{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .image-viewer-overlay{background:#000000fa}.dark-mode .image-viewer-close,.dark-mode .image-viewer-nav{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .image-viewer-caption{background:#000000e6}.contact{padding:100px 2rem 50px;min-height:100vh;background:linear-gradient(180deg,#fff,#f8f9fa);position:relative;overflow:hidden}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-info h3{font-size:2rem;color:#1a1a1a;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-info>p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 5px 15px #00000014;text-decoration:none;color:#666;transition:all .3s ease}.contact-item:hover{box-shadow:0 10px 25px #667eea26;color:#667eea}.contact-item svg{font-size:1.2rem;color:#667eea}.social-section{margin-bottom:2rem}.social-section h4,.app-stores h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.social-links{display:flex;gap:1rem}.social-link{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px #667eea4d}.social-link:hover{box-shadow:0 10px 25px #667eea66}.store-links{display:flex;gap:1rem;flex-wrap:wrap}.store-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border-radius:10px;text-decoration:none;transition:all .3s ease}.store-link:hover{background:#333;box-shadow:0 10px 25px #0003}.store-link svg{font-size:1.5rem}.store-small{display:block;font-size:.7rem;opacity:.9}.store-large{display:block;font-size:1rem;font-weight:600}.contact-form-wrapper{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 20px 50px #0000001a}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form h3{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem}.dark-mode .contact-form h3{color:#fff}.form-message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message.success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 5px 15px #22c55e4d}.form-message.error{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 5px 15px #ef44444d}.form-message svg{font-size:1.2rem}.dark-mode .form-message.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.dark-mode .form-message.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#f8f9fa;border:2px solid transparent;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:#667eea}.input-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform-origin:left;pointer-events:none}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 10px 30px #667eea4d}.submit-btn:hover:not(:disabled){box-shadow:0 15px 40px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%}.circle-1{width:400px;height:400px;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);top:-200px;right:-200px;animation:float-scale 6s ease-in-out infinite}.circle-2{width:300px;height:300px;background:radial-gradient(circle,rgba(118,75,162,.1) 0%,transparent 70%);bottom:-150px;left:-150px;animation:float-scale 8s ease-in-out infinite;animation-delay:2s}@keyframes float-scale{0%,to{transform:scale(1) translate(0);opacity:.5}50%{transform:scale(1.1) translate(-10px,-10px);opacity:.3}}@media screen and (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form-wrapper{padding:1.5rem}.store-links{flex-direction:column}.store-link{width:100%;justify-content:center}}.particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.particles-background canvas{pointer-events:auto}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:1001;box-shadow:0 2px 10px #667eea80}.floating-phone{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 10px 30px #667eea66;z-index:999}.floating-phone:hover{box-shadow:0 15px 40px #667eea80}@media screen and (max-width: 768px){.floating-phone{width:50px;height:50px;bottom:1rem;right:1rem}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-2}@media (max-width: 768px){.animated-background{opacity:.3!important}}@media (prefers-reduced-motion: reduce){.animated-background{display:none}}