:root{--navbar-bg: #ffffff;--navbar-text: #333333;--bg: #ffffff;--text: #111827;--primary: #2563eb;--accent: #93c5fd;--glass-bg: rgba(255,255,255,.06);--font-sans: "Inter", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}[data-theme=dark],.dark{--navbar-bg: #0b1220;--navbar-text: #e6f0ff;--bg: #060812;--text: #e6eef8;--primary: #60a5fa;--accent: #7dd3fc;--glass-bg: rgba(255,255,255,.04)}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:9999px;border:none;cursor:pointer;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.btn-primary{background:linear-gradient(90deg,var(--primary),var(--accent));color:#fff;box-shadow:0 8px 30px #2563eb1f}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-link{background:#ffffff05;color:var(--accent);border-radius:10px;padding:.55rem 1rem}img,svg{max-width:100%;height:auto;display:block}.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;transition:all .3s ease}.navbar-scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014}.dark .navbar-scrolled{background:#111827f2;box-shadow:0 4px 20px #0000004d}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.navbar-container{padding:0 1.5rem}}@media (min-width: 1024px){.navbar-container{padding:0 2rem}}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4rem}@media (min-width: 768px){.navbar-content{height:5rem}}.logo-container{flex-shrink:0}.desktop-nav{display:none;align-items:center;gap:.25rem}@media (min-width: 768px){.desktop-nav{display:flex}}@media (min-width: 1024px){.desktop-nav{gap:.5rem}}.nav-link{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}@media (min-width: 1024px){.nav-link{font-size:1rem}}.nav-link-light{color:#374151}.nav-link-light:hover{color:#2563eb;background-color:#f3f4f6}.nav-link-active-light{color:#2563eb;background-color:#eff6ff}.dark .nav-link-dark{color:#d1d5db}.dark .nav-link-dark:hover{color:#60a5fa;background-color:#1f2937}.dark .nav-link-active-dark{color:#60a5fa;background-color:#3b82f626}.nav-link:after{content:"";position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#2563eb,#60a5fa);transition:width .3s ease;border-radius:2px}.nav-link:hover:after{width:calc(100% - 2rem)}.nav-link-active-light:after,.dark .nav-link-active-dark:after{width:calc(100% - 2rem)}.navbar-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{padding:.5rem;border-radius:.5rem;transition:all .2s ease;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle-light{color:#374151}.theme-toggle-light:hover{background-color:#f3f4f6}.dark .theme-toggle-dark{color:#d1d5db}.dark .theme-toggle-dark:hover{background-color:#1f2937}.theme-toggle svg{width:1.25rem;height:1.25rem}.mobile-menu-btn{padding:.5rem;border-radius:.5rem;transition:all .2s ease;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.mobile-menu-btn{display:none}}.mobile-menu-btn-light{color:#374151}.mobile-menu-btn-light:hover{background-color:#f3f4f6}.dark .mobile-menu-btn-dark{color:#d1d5db}.dark .mobile-menu-btn-dark:hover{background-color:#1f2937}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}@media (min-width: 768px){.mobile-backdrop{display:none}}.mobile-drawer{position:fixed;top:0;right:0;width:16rem;height:100%;z-index:50;padding:5rem 1.5rem 1.5rem;box-shadow:-4px 0 20px #00000026}@media (min-width: 768px){.mobile-drawer{display:none}}.mobile-drawer-light{background-color:#fff}.dark .mobile-drawer-dark{background-color:#111827}.mobile-nav-links{display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .2s ease;text-decoration:none;display:block}.mobile-nav-link-light{color:#374151}.mobile-nav-link-light:hover{color:#2563eb;background-color:#f3f4f6}.mobile-nav-link-active-light{color:#2563eb;background-color:#eff6ff}.dark .mobile-nav-link-dark{color:#d1d5db}.dark .mobile-nav-link-dark:hover{color:#60a5fa;background-color:#1f2937}.dark .mobile-nav-link-active-dark{color:#60a5fa;background-color:#3b82f626}.navbar-spacer{height:4rem}@media (min-width: 768px){.navbar-spacer{height:5rem}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}body.menu-open{overflow:hidden}.nav-link:focus-visible,.theme-toggle:focus-visible,.mobile-menu-btn:focus-visible,.mobile-nav-link:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dark .nav-link:after{background:linear-gradient(90deg,#60a5fa,#93c5fd)}.navbar-glass{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dark .navbar-glass{background:#111827cc}.navbar-gradient-border{position:relative}.navbar-gradient-border:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2563eb,#60a5fa,#2563eb,transparent);transform:scaleX(0);transition:transform .3s ease}.navbar-gradient-border:hover:before{transform:scaleX(1)}@media (max-width: 640px){.nav-link{padding:.375rem .75rem;font-size:.75rem}.theme-toggle svg,.mobile-menu-btn svg{width:1rem;height:1rem}}@media (min-width: 768px) and (max-width: 1023px){.desktop-nav{gap:.125rem}.nav-link{padding:.375rem .75rem;font-size:.8125rem}}@media print{.navbar{position:static;background:#fff;box-shadow:none}.theme-toggle,.mobile-menu-btn,.mobile-backdrop,.mobile-drawer{display:none}.desktop-nav{display:flex}.nav-link{color:#000!important}}*{margin:0;padding:0;box-sizing:border-box}.home-container{background-color:var(--dark-bg);min-height:100vh;color:#fff;overflow-x:hidden;position:relative}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.gradient-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(220,38,38,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(220,38,38,.05) 0%,transparent 50%);animation:pulse 10s ease-in-out infinite}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(220,38,38,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(220,38,38,.05) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-section{min-height:100vh;display:flex;align-items:center;padding:120px 5% 80px;position:relative;z-index:1}.hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;width:100%}.hero-left{z-index:2;will-change:transform,opacity}.hero-greeting{color:var(--primary-red);font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;position:relative;display:inline-block}.hero-greeting:after{content:"";position:absolute;bottom:-5px;left:0;width:50%;height:2px;background:var(--primary-red);animation:widthExpand 2s ease-out}@keyframes widthExpand{0%{width:0}to{width:50%}}.hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.hero-title{font-size:5rem}}@media (min-width: 1024px){.hero-title{font-size:6rem}}.hero-title-highlight{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.hero-title-highlight:before{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;background:#dc26264d;z-index:-1}.typed-container{min-height:120px}.hero-description{color:var(--text-gray);line-height:1.8;font-size:1.125rem;max-width:600px;margin-bottom:2rem;animation:fadeInUp .6s ease-out .3s backwards}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:3rem}.btn-primary,.btn-secondary{position:relative;padding:1rem 2rem;border-radius:.5rem;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:var(--transition-fast);font-size:1rem;overflow:hidden;z-index:1}.btn-primary{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border:none;color:#fff;box-shadow:0 4px 15px #dc26264d}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s;z-index:-1}.btn-primary:hover .btn-glow{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.btn-secondary{background-color:transparent;border:2px solid var(--primary-red);color:var(--primary-red)}.btn-secondary:hover{background-color:var(--primary-red);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc26264d}.social-links{display:flex;align-items:center;gap:1.5rem}.social-icon{position:relative;width:3.5rem;height:3.5rem;border-radius:50%;border:1px solid var(--dark-border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;transition:var(--transition-fast);background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:var(--primary-red);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.social-icon:hover .social-tooltip{opacity:1}.social-icon:hover{background:var(--primary-red);border-color:var(--primary-red);transform:translateY(-5px) scale(1.1)}.hero-right{position:relative;display:flex;justify-content:center;z-index:2}.image-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--primary-red-glow) 0%,transparent 70%);filter:blur(60px);opacity:.5;border-radius:50%;z-index:0;animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.floating-element{position:absolute;width:50px;height:50px;background:#dc262633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-red);border:1px solid rgba(220,38,38,.3);z-index:3}.floating-1{top:20%;right:-10%}.floating-2{bottom:20%;left:-10%}.floating-3{top:50%;right:-5%}.about-section{padding:7rem 5%;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(220,38,38,.02) 100%)}.about-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.section-label{color:var(--primary-red);text-transform:uppercase;letter-spacing:.2em;font-weight:600;font-size:.875rem}.section-line{flex:1;height:2px;background:linear-gradient(90deg,var(--primary-red) 0%,transparent 100%)}.section-title{font-size:3rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.section-title{font-size:3.5rem}}.highlight{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.about-image{position:relative;width:100%;display:flex;justify-content:center;align-items:center;will-change:transform,opacity}.about-image-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,var(--primary-red-glow) 0%,transparent 70%);filter:blur(80px);opacity:.3;pointer-events:none}.about-image-border{position:relative;border:2px solid rgba(220,38,38,.3);border-radius:20px;background:linear-gradient(135deg,#0d0d0de6,#000000e6);padding:1rem;overflow:hidden;width:100%;max-width:500px;margin:0 auto}.about-profile-img{width:100%;height:auto;object-fit:contain;display:block;border-radius:14px;transition:opacity .3s ease-in-out,transform .5s ease;opacity:0;transform:translateZ(0);backface-visibility:hidden}.about-profile-img.loaded{opacity:1}.about-profile-img.loading{opacity:0}.about-profile-img:hover{transform:scale(1.02)}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,#1e1e1ecc,#323232cc,#1e1e1ecc,#323232cc,#1e1e1ecc,#323232cc);background-size:200% 100%;border-radius:14px;overflow:hidden;z-index:1}.placeholder-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-stats{position:absolute;bottom:30px;right:30px;background:#dc2626f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:10px;text-align:center;z-index:10;box-shadow:0 5px 15px #0000004d;transition:var(--transition-fast)}.image-stats:hover{transform:scale(1.05);background:#dc2626}.stat-number{font-size:1.5rem;font-weight:700;display:block;line-height:1}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.about-text{will-change:transform,opacity}.about-description{color:var(--text-gray);line-height:1.8;margin-bottom:2rem;font-size:1.125rem}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.achievement-card{text-align:center;padding:1rem;background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:10px;transition:var(--transition-fast);will-change:transform}.achievement-card:hover{transform:translateY(-5px);border-color:var(--primary-red);box-shadow:0 10px 30px #dc262633}.achievement-icon{font-size:1.5rem;color:var(--primary-red);margin-bottom:.5rem}.achievement-number{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.achievement-label{font-size:.75rem;color:var(--text-gray)}.tech-stack{margin-bottom:2rem}.tech-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-light)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-bottom:2rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid var(--dark-border);background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;border-radius:8px;transition:var(--transition-fast);cursor:pointer;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.tech-item:hover{border-color:var(--primary-red);transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #dc262633}.tech-icon{font-size:1.5rem;transition:transform .3s ease}.tech-item:hover .tech-icon{transform:scale(1.1)}.soft-skills{margin-bottom:2rem}.soft-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.soft-skill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#1119;border-radius:8px;font-size:.875rem;transition:var(--transition-fast);cursor:pointer;will-change:transform}.soft-skill-item:hover{background:#dc26261a;transform:translate(5px)}.soft-skill-dot{width:6px;height:6px;background-color:var(--primary-red);border-radius:50%}.services-section{padding:7rem 5%;position:relative;z-index:1}.services-header{max-width:1400px;margin:0 auto 4rem;text-align:center}.services-header .section-header{justify-content:center}.services-header .section-line{max-width:100px}.services-subtitle{color:var(--text-gray);font-size:1.125rem;margin-top:1rem}.services-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.service-card{position:relative;border:1px solid var(--dark-border);background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;transition:var(--transition-fast);cursor:pointer;overflow:hidden;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.service-card:hover{border-color:var(--primary-red);transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.service-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-red) 0%,transparent 100%);opacity:0;transition:opacity .3s;pointer-events:none}.service-card:hover .service-hover-effect{opacity:.1}.service-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#fff;margin-bottom:1.5rem;transition:var(--transition-fast)}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;transition:var(--transition-fast)}.service-description{color:var(--text-gray);line-height:1.7}.cta-section{padding:7rem 5%;position:relative;z-index:1}.cta-content{max-width:1400px;margin:0 auto;border:2px solid rgba(220,38,38,.3);background:linear-gradient(135deg,#0d0d0df2,#000000f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:24px;display:flex;flex-direction:column;gap:2.5rem;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@media (min-width: 1024px){.cta-content{flex-direction:row;padding:4rem}}.cta-text{z-index:1}.cta-title{font-size:2rem;font-weight:900;line-height:1.3;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.cta-title{font-size:2.5rem}}.cta-description{color:var(--text-gray);max-width:600px;line-height:1.8;z-index:1}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem;z-index:1}.scroll-indicator{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #dc262666;z-index:100;transition:var(--transition-fast);gap:.25rem;will-change:transform}.scroll-text{font-size:.625rem;font-weight:600;text-transform:uppercase}.scroll-indicator:hover{transform:scale(1.1);box-shadow:0 15px 40px #dc262699}@media (max-width: 1024px){.hero-content,.about-content{grid-template-columns:1fr;gap:3rem}.hero-section{padding:100px 5% 60px}.hero-right,.about-image{order:-1}.achievements-grid{grid-template-columns:repeat(2,1fr)}.floating-element{display:none}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.about-image-border{max-width:100%}.image-stats{bottom:20px;right:20px}}@media (max-width: 640px){.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.section-title{font-size:2rem}.cta-title{font-size:1.5rem}.scroll-indicator{width:3rem;height:3rem;bottom:1rem;right:1rem}.scroll-text{display:none}.achievements-grid{grid-template-columns:1fr;gap:.75rem}.tech-grid{grid-template-columns:repeat(2,1fr)}.soft-skills-grid{grid-template-columns:1fr}.image-stats{bottom:15px;right:15px;padding:.5rem 1rem}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-element,.scroll-indicator,.service-card:hover,.tech-item:hover{animation:none;transform:none}}.profile-image,.about-profile-img,.service-card,.tech-item,.achievement-card{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}img,.about-profile-img{content-visibility:auto}html{scroll-behavior:smooth}.btn-primary:focus,.btn-secondary:focus,.social-icon:focus,.scroll-indicator:focus{outline:2px solid var(--primary-red);outline-offset:2px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fadeInScale .5s ease-out}:root{--primary-red: #dc2626;--primary-red-dark: #b91c1c;--primary-red-light: #ef4444;--primary-red-glow: rgba(220, 38, 38, .3);--dark-bg: #000000;--dark-surface: #0a0a0a;--dark-surface-elevated: #111111;--dark-border: #1f1f1f;--text-gray: #9ca3af;--text-light: #f3f4f6;--text-dark: #6b7280;--transition-default: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .5s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25)}.services-section{padding:7rem 5%;position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(220,38,38,.02) 100%);overflow-x:hidden}.services-container{max-width:1400px;margin:0 auto;position:relative}.services-header{text-align:center;margin-bottom:4rem;position:relative}.services-badge{display:inline-flex;align-items:center;gap:.5rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:50px;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;color:var(--primary-red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services-title{font-size:3rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 768px){.services-title{font-size:3.5rem}}.services-title-gradient{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.services-subtitle{color:var(--text-gray);font-size:1.125rem;max-width:700px;margin:0 auto;line-height:1.8}.services-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast);border:1px solid var(--dark-border);background:#111c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-gray)}.filter-btn-inactive{background:#1119;color:var(--text-gray)}.filter-btn-inactive:hover{border-color:var(--primary-red);color:var(--primary-red);transform:translateY(-2px)}.filter-btn-active{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border-color:var(--primary-red);color:#fff;box-shadow:0 4px 15px #dc26264d}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}@media (min-width: 768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.services-grid{grid-template-columns:repeat(4,1fr)}}.service-card{position:relative;background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:20px;overflow:hidden;transition:var(--transition-default);cursor:pointer;height:100%;display:flex;flex-direction:column;transform:translateZ(0);backface-visibility:hidden}.service-card:hover{transform:translateY(-8px);border-color:var(--primary-red);box-shadow:0 20px 40px #0000004d}.service-card-gradient{position:absolute;top:0;left:0;width:100%;height:4px;transition:height .3s ease}.service-card:hover .service-card-gradient{height:6px}.service-card-content{padding:2rem;position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.service-icon-wrapper{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:var(--transition-fast);position:relative;overflow:hidden}.service-icon-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.service-card:hover .service-icon-wrapper:before{left:100%}.service-icon{font-size:2rem;color:#fff;transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-light);transition:var(--transition-fast)}.service-card:hover .service-title{color:var(--primary-red)}.service-description-list{list-style:none;margin:0 0 1.5rem;padding:0;flex:1}.service-description-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-gray);line-height:1.5}.service-dot{width:6px;height:6px;border-radius:50%;margin-top:.5rem;flex-shrink:0}.service-learn-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;font-size:.875rem;background:#fff;border:2px solid;cursor:pointer;transition:var(--transition-fast);width:fit-content;margin-top:auto}.service-learn-btn:hover{gap:.75rem;transform:translate(5px)}.services-cta{margin-top:4rem;padding:3rem;background:#0d0d0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--dark-border);border-radius:24px;text-align:center;position:relative;overflow:hidden}.services-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}.cta-title{font-size:2rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;position:relative;z-index:1}.why-choose-item{text-align:center;padding:1.5rem;background:#1119;border-radius:16px;transition:var(--transition-fast);border:1px solid transparent}.why-choose-item:hover{border-color:var(--primary-red);transform:translateY(-5px);background:#dc26261a}.why-choose-item svg{color:var(--primary-red);margin-bottom:1rem}.why-choose-item h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-light)}.why-choose-item p{font-size:.875rem;color:var(--text-gray)}.cta-text{color:var(--text-gray);font-size:1.125rem;line-height:1.8;max-width:800px;margin:1rem auto 2rem;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:600;color:#fff;text-decoration:none;transition:var(--transition-fast);position:relative;z-index:1;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #dc262666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{max-width:700px;width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#0d0d0dfa,#000000fa);border:2px solid rgba(220,38,38,.3);border-radius:24px;position:relative;box-shadow:0 25px 50px -12px #00000080}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:var(--dark-bg);border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:10px}.modal-header{padding:1.5rem;border-bottom:1px solid rgba(220,38,38,.2);display:flex;align-items:center;gap:1rem}.modal-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--primary-red)}.modal-title-section{flex:1;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#e5e5e5);-webkit-background-clip:text;background-clip:text;color:transparent}.modal-close-btn{background:#dc262633;border:1px solid rgba(220,38,38,.3);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);color:var(--text-gray)}.modal-close-btn:hover{background:var(--primary-red);color:#fff;transform:rotate(90deg)}.modal-body{padding:1.5rem}.modal-description{color:var(--text-gray);line-height:1.8;margin-bottom:2rem;font-size:1rem}.modal-features-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-light);display:flex;align-items:center;gap:.5rem}.modal-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.modal-feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#1119;border-radius:10px;font-size:.875rem;color:var(--text-gray);transition:var(--transition-fast)}.modal-feature-item:hover{background:#dc26261a;transform:translate(5px)}.modal-feature-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.modal-footer{padding:1.5rem;border-top:1px solid rgba(220,38,38,.2);display:flex;gap:1rem;justify-content:flex-end}.modal-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;color:#fff;text-decoration:none;transition:var(--transition-fast);cursor:pointer;border:none}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #dc262666}.modal-close-footer-btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:600;background:transparent;border:1px solid var(--dark-border);color:var(--text-gray);cursor:pointer;transition:var(--transition-fast)}.modal-close-footer-btn:hover{border-color:var(--primary-red);color:var(--primary-red)}@media (max-width: 1024px){.services-section{padding:5rem 5%}.services-title{font-size:2.5rem}.why-choose-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.services-cta{padding:2rem}.cta-title{font-size:1.5rem}}@media (max-width: 768px){.services-filters{gap:.75rem}.filter-btn{padding:.5rem 1rem;font-size:.75rem}.service-card-content{padding:1.5rem}.service-title{font-size:1.25rem}.why-choose-grid{grid-template-columns:1fr}.modal-header{flex-direction:column;text-align:center}.modal-title-section{width:100%}.modal-title{font-size:1.25rem}.modal-features-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-action-btn,.modal-close-footer-btn{width:100%;justify-content:center}}@media (max-width: 640px){.services-title{font-size:2rem}.services-subtitle{font-size:1rem}.services-filters{flex-direction:column;align-items:stretch}.filter-btn{width:100%;text-align:center}.cta-text{font-size:1rem}.modal-container{max-height:95vh}.modal-body{padding:1rem}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-red) 0%,var(--primary-red-dark) 100%);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary-red-light)}::selection{background:var(--primary-red);color:#fff}::-moz-selection{background:var(--primary-red);color:#fff}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.service-card:hover,.why-choose-item:hover,.modal-feature-item:hover{transform:none}}.service-card,.why-choose-item,.modal-feature-item,.cta-button{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.filter-btn:focus,.service-learn-btn:focus,.modal-close-btn:focus,.modal-action-btn:focus,.modal-close-footer-btn:focus{outline:2px solid var(--primary-red);outline-offset:2px}.service-card{animation:fadeInUp .6s ease-out backwards}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:nth-child(7){animation-delay:.7s}.service-card:nth-child(8){animation-delay:.8s}.contact-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;min-height:calc(100vh - 200px);background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.dark-mode .contact-container{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.contact-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.contact-container h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block;width:100%}.contact-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.contact-info{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.dark-mode .contact-info{background:#1a1a2ef2;box-shadow:0 20px 40px #0000004d}.contact-info:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.contact-info p{margin:1rem 0;padding:.75rem;font-size:1rem;color:#1f2937;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.dark-mode .contact-info p{color:#e5e7eb;border-bottom-color:#3b82f633}.contact-info p:hover{transform:translate(5px);background:#3b82f60d;border-radius:8px}.contact-info strong{color:#2563eb;font-weight:600;min-width:100px}.dark-mode .contact-info strong{color:#60a5fa}.contact-info a{color:#2563eb;text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:#7c3aed;text-decoration:underline}.dark-mode .contact-info a{color:#60a5fa}.dark-mode .contact-info a:hover{color:#a78bfa}.contact-form{background:#fffffff2;padding:2rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.dark-mode .contact-form{background:#1a1a2ef2}.contact-form:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.contact-form input,.contact-form textarea{width:100%;padding:1rem;margin-bottom:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1f2937}.dark-mode .contact-form input,.dark-mode .contact-form textarea{background:#1f2937cc;border-color:#3b82f64d;color:#e5e7eb}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-2px)}.dark-mode .contact-form input:focus,.dark-mode .contact-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{width:100%;padding:1rem;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.contact-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-form button:hover:before{left:100%}.contact-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.contact-form button:active:not(:disabled){transform:translateY(0)}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.status{margin-top:2rem;padding:1rem;border-radius:12px;text-align:center;font-weight:500;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@media (max-width: 968px){.contact-container{padding:3rem 1.5rem}.contact-container h2{font-size:2rem;margin-bottom:2rem}.contact-content{gap:2rem}}@media (max-width: 768px){.contact-container{padding:2rem 1rem}.contact-container h2{font-size:1.75rem}.contact-content{grid-template-columns:1fr;gap:1.5rem}.contact-info,.contact-form{padding:1.5rem}.contact-info p{font-size:.9rem;padding:.5rem}.contact-info strong{min-width:80px}}@media (max-width: 480px){.contact-container{padding:1.5rem 1rem}.contact-container h2{font-size:1.5rem}.contact-info p{flex-direction:column;align-items:flex-start;gap:.25rem}.contact-info strong{min-width:auto}.contact-form input,.contact-form textarea,.contact-form button{padding:.75rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-form button:disabled:after{content:"";position:absolute;width:20px;height:20px;top:50%;right:20px;transform:translateY(-50%);border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.contact-container::-webkit-scrollbar{width:10px}.contact-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.contact-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px}.contact-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9)}@media print{.contact-container{background:#fff;padding:1rem}.contact-form button,.status{display:none}.contact-info,.contact-form{box-shadow:none;border:1px solid #ddd}}.portfolio-section{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:5rem 1rem;position:relative;overflow:hidden;min-height:100vh}.dark-mode .portfolio-section{background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.portfolio-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.03) 0%,transparent 50%);pointer-events:none;animation:bgFloat 15s ease infinite}@keyframes bgFloat{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-20px);opacity:1}}.portfolio-container{max-width:1280px;margin:0 auto;position:relative;z-index:1}.portfolio-header{text-align:center;margin-bottom:3rem}.portfolio-badge{display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:#6366f11a;color:#6366f1;padding:.5rem 1rem;border-radius:9999px;margin-bottom:1rem;border:1px solid rgba(99,102,241,.2);transition:all .3s ease}.dark-mode .portfolio-badge{background:#6366f126;color:#818cf8}.portfolio-badge:hover{transform:translateY(-2px);background:#6366f126}.portfolio-title{font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:1rem;position:relative;display:inline-block}.dark-mode .portfolio-title{color:#f1f5f9}@media (min-width: 768px){.portfolio-title{font-size:3rem}}.portfolio-title-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 3s linear infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.portfolio-subtitle{font-size:1rem;color:#475569;max-width:42rem;margin:0 auto;line-height:1.7}.dark-mode .portfolio-subtitle{color:#94a3b8}@media (min-width: 768px){.portfolio-subtitle{font-size:1.125rem}}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d;border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.dark-mode .project-card{background:#1e293b;border-color:#334155}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 35px -12px #00000026}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899,#6366f1);background-size:200% 100%;opacity:0;transition:opacity .4s ease}.project-card:hover:before{opacity:1;animation:borderSlide 2s linear infinite}@keyframes borderSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}.project-card-content{padding:1.8rem;position:relative;z-index:1}@media (min-width: 768px){.project-card-content{padding:2rem}}.project-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;transition:all .3s ease}.project-card:hover .project-icon{transform:scale(1.05) rotate(5deg);background:linear-gradient(135deg,#6366f1,#8b5cf6)}.project-icon svg{font-size:1.8rem;color:#6366f1;transition:all .3s ease}.project-card:hover .project-icon svg{color:#fff}.project-name{font-size:1.3rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;line-height:1.3}.dark-mode .project-name{color:#f1f5f9}@media (min-width: 768px){.project-name{font-size:1.5rem}}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tag{font-size:.7rem;padding:.25rem .75rem;background:#6366f11a;color:#6366f1;border-radius:9999px;font-weight:500}.dark-mode .project-tag{background:#6366f126;color:#818cf8}.project-description{color:#475569;font-size:.9rem;line-height:1.7;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dark-mode .project-description{color:#94a3b8}@media (min-width: 768px){.project-description{font-size:.95rem;-webkit-line-clamp:3}}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer}.project-link:hover{transform:translate(5px);box-shadow:0 10px 20px -5px #6366f166}.project-link svg{transition:transform .3s ease}.project-link:hover svg{transform:translate(3px)}.portfolio-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.1)}@media (min-width: 768px){.portfolio-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.stat-card{text-align:center;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid #f1f5f9;transition:all .3s ease}.dark-mode .stat-card{background:#1e293b;border-color:#334155}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px -5px #0000001a}.stat-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}@media (min-width: 768px){.stat-number{font-size:2.5rem}}.stat-label{font-size:.8rem;color:#475569;font-weight:500}.dark-mode .stat-label{color:#94a3b8}.portfolio-cta{text-align:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1.5rem;padding:2.5rem;margin-top:3rem;position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-cta h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}@media (min-width: 768px){.portfolio-cta h3{font-size:2rem}}.portfolio-cta p{color:#ffffffe6;margin-bottom:1.5rem;max-width:36rem;margin-left:auto;margin-right:auto;position:relative;z-index:1}.portfolio-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#6366f1;text-decoration:none;border-radius:.75rem;font-weight:600;transition:all .3s ease;position:relative;z-index:1}.portfolio-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.project-card{animation:fadeInUp .6s ease-out}@media (max-width: 640px){.portfolio-section{padding:3rem .75rem}.project-card-content{padding:1.2rem}.project-name{font-size:1.1rem}.project-description{font-size:.8rem;-webkit-line-clamp:5}.portfolio-cta{padding:1.5rem}.portfolio-cta h3{font-size:1.2rem}}.portfolio-section::-webkit-scrollbar{width:10px}.portfolio-section::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.portfolio-section::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px}.dark-mode .portfolio-section::-webkit-scrollbar-track{background:#1f2937}@media print{.portfolio-section{background:#fff;padding:1rem}.project-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.portfolio-cta,.project-link{display:none}}.footer{position:relative;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a);color:#e5e7eb;padding:3rem 0 1.5rem;margin-top:4rem;overflow:hidden}.footer-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;animation:gradientShift 10s ease infinite}@keyframes gradientShift{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;margin-bottom:2.5rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer}.footer-logo-icon{font-size:2rem;color:#3b82f6;filter:drop-shadow(0 0 10px rgba(59,130,246,.3));animation:pulse 2s ease-in-out infinite}.footer-logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.footer-logo-text span{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-description{color:#9ca3af;line-height:1.6;font-size:.95rem;margin-top:.5rem}.footer-stats{display:flex;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap}.footer-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#d1d5db;background:#3b82f61a;padding:.4rem .8rem;border-radius:2rem;border:1px solid rgba(59,130,246,.2)}.stat-icon{color:#3b82f6;font-size:.9rem}.footer-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;position:relative;display:inline-block;margin-top:0}.footer-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem;margin:0}.footer-links li{margin:0}.footer-link{color:#d1d5db;text-decoration:none;transition:all .3s ease;display:inline-block;position:relative}.footer-link:hover{color:#3b82f6;transform:translate(8px)}.footer-contact-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem;margin:0}.footer-contact-list li{display:flex;align-items:center;gap:.75rem;transition:transform .3s ease}.footer-contact-list li:hover{transform:translate(5px)}.contact-icon{color:#3b82f6;font-size:1.1rem;min-width:1.2rem}.footer-contact-list a,.footer-contact-list span{color:#d1d5db;text-decoration:none;transition:color .3s ease}.footer-contact-list a:hover{color:#3b82f6}.footer-newsletter-text{color:#9ca3af;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.footer-social{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;color:#d1d5db;transition:all .3s ease;text-decoration:none;font-size:1.2rem;border:1px solid rgba(59,130,246,.2)}.social-link:hover{background:#3b82f6;color:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #3b82f666}.social-link.github:hover{background:#333}.social-link.linkedin:hover{background:#0077b5}.social-link.instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-link.twitter:hover{background:#1da1f2}.footer-bottom{border-top:1px solid rgba(59,130,246,.2);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright{color:#9ca3af;font-size:.85rem}.footer-bottom-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.bottom-link{color:#9ca3af;text-decoration:none;font-size:.85rem;transition:color .3s ease}.bottom-link:hover{color:#3b82f6}.scroll-top-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.85rem;transition:all .3s ease}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #3b82f666}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-main{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.footer-stats,.footer-social,.footer-logo{justify-content:center}.footer-description,.footer-section-title{text-align:center}.footer-section-title:after{left:50%;transform:translate(-50%)}.footer-links{align-items:center}.footer-contact-list li{justify-content:center}}@media (max-width: 480px){.footer-container{padding:0 1rem}.footer-stats{flex-direction:column;align-items:center}.footer-bottom-links{flex-direction:column}.scroll-top-btn{width:100%;justify-content:center}}.app{min-height:100vh;width:100%;background-color:#fff;color:#111;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.app.dark-mode{background-color:#0b0b0b;color:#f5f5f5}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}html.dark{background-color:#0b0b0b;color:#f5f5f5}section{padding:60px 20px}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;transition:all .2s ease}*{transition:background-color .3s ease,color .3s ease}