.badge{font-size:0.85rem;padding:0.5rem 1rem;border-radius:6px;font-weight:500;letter-spacing:0.3px;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:all 0.2s ease;text-transform:none}.badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.badge.bg-light{background-color:#f8f9fa!important;color:#212529!important;border:1px solid #dee2e6}.badge.bg-primary{background-color:#0d6efd!important;color:white!important}.badge.bg-success{background-color:#198754!important;color:white!important}.badge.bg-info{background-color:#0dcaf0!important;color:#000!important}.badge.bg-warning{background-color:#ffc107!important;color:#000!important}.badge.bg-danger{background-color:#dc3545!important;color:white!important}.badge.bg-secondary{background-color:#6c757d!important;color:white!important}.service-features .badge,.tech-tags .badge,.review-project .badge{margin-bottom:0.5rem;margin-right:0.5rem}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--text-color-primary);background-color:var(--bg-color);transition:background-color 0.3s ease,color 0.3s ease}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-weight:700}a{color:var(--link-color);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--link-hover-color)}.section{padding:100px 0}.section-title{font-size:3rem;font-weight:700;margin-bottom:60px;position:relative;display:inline-block;text-transform:uppercase;letter-spacing:1px}.section-title::after{content:'';position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:80px;height:5px;background-color:var(--primary-color);border-radius:3px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;text-align:center;align-items:center;justify-content:center}.btn-primary:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px rgba(var(--primary-color-rgb),0.3);transition:all 0.3s ease}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px rgba(var(--primary-color-rgb),0.3);transition:all 0.3s ease}.glass-effect{background-color:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:15px}.glass-btn{background-color:var(--glass-bg-light);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:10px;transition:all 0.3s ease}.glass-btn:hover{transform:translateY(-3px);box-shadow:var(--glass-shadow-hover)}:root{--primary-color:#007bff;--primary-hover-color:#0056b3;--bg-color:#f8f9fa;--text-color-primary:#343a40;--text-color-secondary:#6c757d;--heading-color:#212529;--link-color:#007bff;--link-hover-color:#0056b3;--border-color:#dee2e6;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--glass-shadow:0 4px 30px rgba(0,0,0,0.1);--glass-shadow-hover:0 8px 40px rgba(0,0,0,0.2);--glass-bg-light:rgba(255,255,255,0.7);--glass-bg-dark:rgba(0,0,0,0.1);--primary-color-rgb:0,123,255}[data-theme="dark"]{--primary-color:#66b3ff;--primary-hover-color:#3399ff;--bg-color:#1a1a2e;--text-color-primary:#e0e0e0;--text-color-secondary:#b0b0b0;--heading-color:#ffffff;--link-color:#66b3ff;--link-hover-color:#3399ff;--border-color:#3a3a5e;--glass-bg:rgba(0,0,0,0.1);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 4px 30px rgba(0,0,0,0.3);--glass-shadow-hover:0 8px 40px rgba(0,0,0,0.4);--glass-bg-light:rgba(255,255,255,0.05);--glass-bg-dark:rgba(0,0,0,0.3);--primary-color-rgb:102,179,255}.hero-section{min-height:100vh;position:relative;overflow:hidden}.hero-bg-particles{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.hero-content{z-index:2;position:relative}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:2rem}.rotating-text .text-item{display:none}.rotating-text .text-item.active{display:inline}.hero-buttons .btn{margin-right:10px}.hero-social .social-link{font-size:1.5rem;color:var(--text-color-primary)}.hero-social .social-link:hover{color:var(--primary-color)}.about-preview-section img{border-radius:10px}.skill-item{transition:transform 0.3s ease,box-shadow 0.3s ease}.skill-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(var(--primary-color-rgb),0.2)}.card{transition:all 0.3s ease;border:none;overflow:hidden}.card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.2);transition:all 0.3s ease}.nav-link{position:relative;transition:color 0.3s ease}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.img-hover{transition:transform 0.3s ease,filter 0.3s ease}.img-hover:hover{transform:scale(1.05);filter:brightness(1.1);box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:all 0.3s ease}.social-link{transition:transform 0.3s ease,color 0.3s ease}.social-link:hover{transform:translateY(-3px);color:var(--primary-color)}.form-control{border:1px solid rgba(0,0,0,0.15)!important;transition:all 0.3s ease}.form-control:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.15)!important;outline:none}.project-item{transition:transform 0.3s ease,box-shadow 0.3s ease}.project-item:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.2);transition:all 0.3s ease}.skill-item i{font-size:3rem;margin-bottom:15px}.project-card{height:100%;display:flex;flex-direction:column;transition:all 0.3s ease}.project-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.project-card .card-body{flex-grow:1}.project-card .card-footer{margin-top:auto}.project-card .badge{font-size:0.85em;padding:0.4em 0.7em;border-radius:0.25rem;background-color:var(--light-bg-color)!important;color:var(--text-color)!important;border:1px solid var(--border-color)}.project-image{position:relative;overflow:hidden;border-radius:8px}.project-image img{width:100%;height:200px;object-fit:cover;transition:transform 0.4s ease-in-out}.project-image:hover img{transform:scale(1.1);transition:transform 0.4s ease-in-out}.service-item{transition:transform 0.3s ease,box-shadow 0.3s ease}.service-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.3);transition:all 0.3s ease}.service-item i{font-size:3rem;margin-bottom:15px}.testimonials-section{background-color:var(--bg-color)}.testimonial-item{background-color:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:30px;border-radius:10px}.testimonial-item p{font-style:italic;color:var(--text-color-primary)}.testimonial-item h5{color:var(--heading-color);margin-top:15px}.testimonial-item .text-muted{color:var(--text-color-secondary)!important}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:var(--primary-color);border-radius:50%;padding:15px}.carousel-control-prev,.carousel-control-next{width:5%}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.fade-in-section.animate-in{opacity:1;transform:translateY(0)}.project-image:hover img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.project-image:hover .project-overlay{opacity:1}.project-badge{background-color:var(--primary-color);color:white;padding:5px 10px;border-radius:5px;font-size:0.8rem}.project-info{padding:15px}.project-info h4{font-size:1.2rem;margin-bottom:10px}.project-info p{font-size:0.9rem;color:var(--text-color-secondary)}.project-actions .btn{font-size:0.85rem;padding:8px 15px}@media (max-width:1200px){.container{padding-left:15px;padding-right:15px}}@media (max-width:992px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.6rem}.section{padding:60px 0}.navbar-nav{text-align:center}.navbar-toggler{display:block}.navbar-collapse{background-color:var(--bg-color);position:absolute;top:100%;left:0;width:100%;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:1000}.navbar-nav .nav-item{margin:10px 0}.hero-buttons .btn{margin-bottom:10px}}@media (max-width:768px){.hero-section .min-vh-75{min-height:auto;padding-top:100px;padding-bottom:50px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.3rem}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-buttons .btn{width:100%;margin-right:0;margin-bottom:10px}.section-title{font-size:2rem}.skill-item{margin-bottom:30px}.service-item,.expertise-card,.testimonial-item{margin-bottom:30px}.project-item{margin-bottom:20px}.contact-info-item{margin-bottom:20px}}@media (max-width:576px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1.1rem}.section{padding:40px 0}.section-title{font-size:1.8rem}.hero-buttons .btn{font-size:0.9rem;padding:10px 15px}.form-control,.form-select{font-size:0.9rem;padding:8px 12px}.btn{font-size:0.9rem;padding:10px 15px}.footer .social-links a{font-size:1.2rem;margin:0 8px}}@media (prefers-reduced-motion:reduce){.hero-bg-video{display:none}}.expertise-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.expertise-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.3);transition:all 0.3s ease}.expertise-card i{font-size:3rem;margin-bottom:1rem}.service-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.3);transition:all 0.3s ease}.blog-section .list-group-item{border-radius:10px;margin-bottom:15px;transition:all 0.3s ease}.blog-section .list-group-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.2);transition:all 0.3s ease}.blog-section .list-group-item h5{color:var(--heading-color)}.blog-section .list-group-item p,.blog-section .list-group-item small{color:var(--text-color-secondary)}.blog-section .list-group-item.glass-light{background-color:var(--glass-bg-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.blog-section .list-group-item.glass-light:hover{background-color:var(--glass-bg-light-hover);box-shadow:var(--glass-shadow-hover)}:root{--glass-bg-light-hover:rgba(255,255,255,0.8)}[data-theme="dark"]{--glass-bg-light-hover:rgba(255,255,255,0.1)}[data-theme="dark"] .review-card{background-color:rgba(40,40,70,0.8)!important;border:1px solid #3a3a5e!important;color:#e0e0e0!important}[data-theme="dark"] .review-card .review-text,[data-theme="dark"] .review-card .reviewer-name,[data-theme="dark"] .review-card .reviewer-title,[data-theme="dark"] .review-card .reviewer-location{color:#e0e0e0!important}.badge{color:#ffffff!important;padding:0.4em 0.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px;font-size:0.75rem}.section-badge{background-color:rgba(0,0,0,0.1)!important;color:#ffffff!important;border:1px solid rgba(0,0,0,0.15)}.post-category,.post-tag{color:#ffffff!important;background-color:rgba(0,0,0,0.3)!important;border:none;transition:all 0.3s ease}.post-category:hover,.post-tag:hover{background-color:rgba(0,0,0,0.4)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}[data-theme="dark"]{--primary-color:#6c8cff;--primary-hover-color:#4d7aff;--primary-color-rgb:108,140,255;--bg-color:#0a0a14;--bg-secondary:#141422;--bg-tertiary:#1a1a2e;--bg-quaternary:#242438;--border-color:#2a2a3e;--glass-bg:rgba(15,15,30,0.7);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 4px 30px rgba(0,0,0,0.5);--glass-bg-light:rgba(255,255,255,0.05);--glass-bg-dark:rgba(0,0,0,0.5);--accent-1:#6c8cff;--accent-2:#8e6cff;--accent-3:#ff6c8c}[data-theme="dark"] .navbar{background-color:rgba(26,26,46,0.8)}[data-theme="dark"] .footer{background-color:#1a1a2e}[data-theme="dark"] .glass-btn{background-color:rgba(102,179,255,0.1);border-color:rgba(102,179,255,0.2)}[data-theme="dark"] .glass-btn:hover{background-color:rgba(102,179,255,0.2)}[data-theme="dark"] .glass-social{background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}[data-theme="dark"] .glass-social:hover{background-color:rgba(102,179,255,0.2);border-color:rgba(102,179,255,0.3)}[data-theme="dark"] .skill-item,[data-theme="dark"] .slide-content,[data-theme="dark"] .tech-item,[data-theme="dark"] .card,[data-theme="dark"] .accordion-item{background-color:var(--bg-tertiary);box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color);transition:all 0.3s ease}[data-theme="dark"] .skill-item:hover,[data-theme="dark"] .slide-content:hover,[data-theme="dark"] .tech-item:hover,[data-theme="dark"] .card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.4);border-color:var(--primary-color)}[data-theme="dark"] .project-placeholder{background-color:rgba(0,0,0,0.3)}[data-theme="dark"] .form-control,[data-theme="dark"] .form-select,[data-theme="dark"] .form-control:focus,[data-theme="dark"] .form-select:focus{background-color:#2a2a3e;border-color:#3a3a5e}[data-theme="dark"] .language-notification{background-color:rgba(26,26,46,0.9);border:1px solid #3a3a5e}[data-theme="dark"] .section{background-color:var(--bg-secondary)!important}[data-theme="dark"] .hero-section{background:linear-gradient(135deg,#0a0a14 0%,#0f0f2a 100%),radial-gradient(ellipse at bottom,rgba(108,140,255,0.05) 0%,transparent 70%)!important}[data-theme="dark"] #tech-stack,[data-theme="dark"] .tech-stack-section{background:linear-gradient(135deg,#0a0a1a 0%,#1a1a40 100%)!important}[data-theme="dark"] #price-guarantee,[data-theme="dark"] .price-guarantee-section{background:linear-gradient(135deg,#0a0a1f 0%,#1a1450 100%)!important}[data-theme="dark"] #about-preview,[data-theme="dark"] .about-section{background:linear-gradient(135deg,#1a0a0a 0%,#281010 100%)!important}[data-theme="dark"] #projects-preview,[data-theme="dark"] #projects,[data-theme="dark"] .projects-section{background:linear-gradient(135deg,#0a0f1a 0%,#0a2040 100%)!important}[data-theme="dark"] #services,[data-theme="dark"] .services-section{background:linear-gradient(135deg,#120a20 0%,#200a35 100%)!important}[data-theme="dark"] #expertise,[data-theme="dark"] .expertise-section{background:linear-gradient(135deg,#0a0a1a 0%,#0a0a35 100%)!important}[data-theme="dark"] #testimonials,[data-theme="dark"] .testimonials-section{background:linear-gradient(135deg,#0a1420 0%,#203050 100%)!important}[data-theme="dark"] #contact,[data-theme="dark"] .contact-section{background:linear-gradient(135deg,#0a0a20 0%,#0a1a3a 100%)!important}[data-theme="dark"] #faqs,[data-theme="dark"] .faq-section{background:linear-gradient(135deg,#120a20 0%,#2a1a40 100%)!important}[data-theme="dark"] .cta-strip-primary{background:linear-gradient(90deg,rgba(108,140,255,0.25) 0%,rgba(76,110,245,0.35) 100%)!important;border:none!important;border-top:1px solid rgba(108,140,255,0.3)!important;border-bottom:1px solid rgba(108,140,255,0.3)!important;border-radius:0!important}[data-theme="dark"] .cta-strip-secondary{background:linear-gradient(90deg,rgba(142,108,255,0.25) 0%,rgba(122,88,235,0.35) 100%)!important;border:none!important;border-top:1px solid rgba(142,108,255,0.3)!important;border-bottom:1px solid rgba(142,108,255,0.3)!important;border-radius:0!important}[data-theme="dark"] section[style*="background"]{background:var(--bg-secondary)!important}[data-theme="dark"] section[style*="background: var(--bg-secondary)"],[data-theme="dark"] section[style*="background:var(--bg-secondary)"],[data-theme="dark"] section[style*="background: var(--bg-primary)"],[data-theme="dark"] section[style*="background:var(--bg-primary)"]{background:transparent!important}[data-theme="dark"] .card:hover,[data-theme="dark"] .service-card:hover,[data-theme="dark"] .project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.5)!important;border-color:var(--primary-color)!important}[data-theme="dark"] .testimonial-card{background-color:rgba(30,32,45,0.9)!important;border:1px solid rgba(255,255,255,0.05)!important;box-shadow:0 8px 32px 0 rgba(0,0,0,0.36)!important;transition:all 0.3s ease!important}[data-theme="dark"] .testimonial-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 40px 0 rgba(0,0,0,0.5)!important;border-color:var(--primary-color)!important}[data-theme="dark"] .badge{background-color:rgba(255,255,255,0.2)!important;padding:0.4em 0.8em;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;border-radius:4px;font-size:0.75rem}[data-theme="dark"] .section-badge{background-color:rgba(255,255,255,0.1)!important;border:1px solid rgba(255,255,255,0.15)}[data-theme="dark"] .post-category,[data-theme="dark"] .post-tag{background-color:rgba(255,255,255,0.2)!important;border:none;transition:all 0.3s ease}[data-theme="dark"] .post-category:hover,[data-theme="dark"] .post-tag:hover{background-color:rgba(102,179,255,0.3)!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}[data-theme="dark"] #faqs{background-color:var(--bg-secondary)!important}[data-theme="dark"] .accordion-item{background-color:rgba(30,32,45,0.9)!important;border:1px solid rgba(255,255,255,0.05)!important;box-shadow:0 4px 20px rgba(0,0,0,0.2)!important;transition:all 0.3s ease!important}[data-theme="dark"] .accordion-item:hover{border-color:var(--primary-color)!important}[data-theme="dark"] .accordion-button{background-color:rgba(40,42,60,0.9)!important;box-shadow:none!important}[data-theme="dark"] .accordion-button:not(.collapsed){background-color:rgba(60,62,80,0.9)!important}[data-theme="dark"] .accordion-button::after{filter:brightness(0) invert(1)}[data-theme="dark"] .accordion-button:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 0.25rem rgba(102,179,255,0.25)!important}[data-theme="dark"] .accordion-body{background-color:rgba(30,32,45,0.9)!important}[data-theme="dark"] .gradient-text{background:linear-gradient(90deg,#66b3ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}[data-theme="dark"] .gradient-text-animated{background:linear-gradient(90deg,#66b3ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;animation:gradient-animation 3s ease infinite;background-size:200% 200%}[data-theme="dark"] .accordion-item{background-color:rgba(30,32,45,0.9)!important;border:1px solid rgba(255,255,255,0.05)!important;color:#e0e0e0!important;box-shadow:0 4px 20px rgba(0,0,0,0.2)!important;transition:all 0.3s ease!important}[data-theme="dark"] .accordion-item:hover{border-color:var(--primary-color)!important}[data-theme="dark"] .accordion-button{background-color:rgba(40,42,60,0.9)!important;color:#e0e0e0!important;box-shadow:none!important}[data-theme="dark"] .accordion-button:not(.collapsed){background-color:rgba(60,62,80,0.9)!important;color:var(--primary-color)!important}[data-theme="dark"] .accordion-button::after{filter:brightness(0) invert(1)}[data-theme="dark"] .accordion-button:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 0.25rem rgba(102,179,255,0.25)!important}[data-theme="dark"] .accordion-body{background-color:rgba(30,32,45,0.9)!important;color:#e0e0e0!important}[data-theme="dark"] .accordion-body p,[data-theme="dark"] .accordion-body li{color:#e0e0e0!important}[data-theme="dark"] .accordion-body .text-muted{color:#b0b0b0!important}[data-theme="dark"] .testimonial-card{background-color:rgba(30,32,45,0.9)!important;border:1px solid rgba(255,255,255,0.05)!important;color:#e0e0e0!important;box-shadow:0 8px 32px 0 rgba(0,0,0,0.36)!important;transition:all 0.3s ease!important}[data-theme="dark"] .testimonial-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 40px 0 rgba(0,0,0,0.5)!important;border-color:var(--primary-color)!important}[data-theme="dark"] .testimonial-text,[data-theme="dark"] .author-name,[data-theme="dark"] .author-position{color:#e0e0e0!important}[data-theme="dark"] .author-position{color:#b0b0b0!important}[data-theme="dark"] .quote-icon i{color:var(--primary-color)!important;opacity:0.8}[data-theme="dark"] .testimonial-rating i{color:#ffd700!important;text-shadow:0 0 8px rgba(255,215,0,0.3)}[data-theme="dark"] .section-title,[data-theme="dark"] .section-subtitle{color:#ffffff!important}[data-theme="dark"] .form-label.fw-semibold{color:#ffffff!important}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.blog-post-content,.blog-comments,.blog-comment-form,.blog-sidebar,.blog-content{background:rgba(255,255,255,0.05);border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 4px 30px rgba(0,0,0,0.1);transition:all 0.3s ease-in-out}.blog-post-content:hover,.blog-comments:hover,.blog-comment-form:hover,.blog-sidebar:hover,.blog-content:hover{transform:translateY(-3px);box-shadow:0 8px 40px rgba(0,0,0,0.2)}.card-header{background:rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.15);border-top-left-radius:15px;border-top-right-radius:15px;padding:1rem 1.5rem}.card-header h5{color:var(--text-color);font-weight:600}.list-group-item{background:transparent;border-color:rgba(255,255,255,0.1);color:var(--text-color)}.list-group-item:last-child{border-bottom-left-radius:15px;border-bottom-right-radius:15px}.list-group-item a{color:var(--text-color);transition:color 0.2s ease-in-out}.list-group-item a:hover{color:var(--primary-color)}.post-card{margin-bottom:2rem;overflow:hidden;height:100%;display:flex;flex-direction:column}.post-card .card-img-top{height:200px;object-fit:cover;border-top-left-radius:15px;border-top-right-radius:15px;width:100%}.post-card .card-body{padding:1.5rem}.post-card .card-title{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0.75rem}.post-meta .badge{font-size:0.8em;padding:0.35em 0.65em;border-radius:4px;margin-right:0.5rem;margin-bottom:0.5rem;font-weight:500;letter-spacing:0.3px;transition:all 0.2s ease}.post-meta .badge{border-radius:4px!important}.post-meta .badge.bg-primary{background-color:rgba(59,130,246,0.9)!important;color:#ffffff!important;border:1px solid rgba(59,130,246,0.3)}.post-meta .badge.bg-warning{background-color:rgba(234,179,8,0.1)!important;color:#eab308;border:1px solid rgba(234,179,8,0.3)}.post-meta .badge.bg-info{background-color:rgba(6,182,212,0.1)!important;color:#06b6d4;border:1px solid rgba(6,182,212,0.3)}.post-meta .badge.bg-secondary{background-color:rgba(107,114,128,0.9)!important;color:#ffffff!important;border:1px solid rgba(107,114,128,0.3)}[data-theme="dark"] .post-meta .badge.bg-secondary{color:#ffffff!important;opacity:0.95}.post-meta .badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.post-meta .badge.bg-primary:hover{background-color:#3b82f6!important;color:#fff}.post-meta .badge.bg-warning:hover{background-color:#eab308!important;color:#000}.post-meta .badge.bg-info:hover{background-color:#06b6d4!important;color:#fff}.post-meta .badge.bg-secondary:hover{background-color:#6b7280!important;color:#fff}.post-meta .badge i{margin-right:0.3rem}.post-excerpt{color:var(--text-color-light);line-height:1.6;margin-bottom:1rem}[data-theme="dark"] .card-text{color:#e5e7eb!important;opacity:0.9}.read-more-btn,.btn-outline-primary{border-radius:4px!important;transition:all 0.3s ease}.read-more-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.read-more-btn:hover{background-color:var(--primary-color-dark);border-color:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 10px rgba(var(--primary-color-rgb),0.3)}.blog-post-content .post-header h1{font-size:2.5rem;font-weight:700;color:var(--heading-color);margin-bottom:1rem}.blog-post-content .post-info small{color:var(--text-color-light)}.blog-post-content .featured-image img{border-radius:10px;max-height:450px;object-fit:cover}.blog-post-content .post-content{font-size:1.15rem;line-height:1.8;color:var(--text-color)}[data-theme="dark"] .blog-post-content .post-content,[data-theme="dark"] .blog-post-content .post-content p,[data-theme="dark"] .blog-post-content .post-content li,[data-theme="dark"] .blog-post-content .post-content span,[data-theme="dark"] .blog-post-content .post-content div,[data-theme="dark"] .blog-post-content .post-content h1,[data-theme="dark"] .blog-post-content .post-content h2,[data-theme="dark"] .blog-post-content .post-content h3,[data-theme="dark"] .blog-post-content .post-content h4,[data-theme="dark"] .blog-post-content .post-content h5,[data-theme="dark"] .blog-post-content .post-content h6{color:#f3f4f6!important}[data-theme="dark"] .ck-content{color:#f3f4f6!important}[data-theme="dark"] .ck-content a{color:#93c5fd!important}[data-theme="dark"] .ck-content code{background-color:#374151!important;color:#f3f4f6!important}.blog-post-content .post-content p{margin-bottom:1rem}.blog-post-content .post-tags .badge{background-color:rgba(var(--primary-color-rgb),0.1);color:var(--primary-color);border:1px solid var(--primary-color);transition:all 0.2s ease}.blog-post-content .post-tags .badge:hover{background-color:var(--primary-color);color:#fff}.comment-card,.reply-card{background:rgba(255,255,255,0.03);border-radius:10px;padding:1.2rem;border:1px solid rgba(255,255,255,0.08);margin-bottom:1rem;transition:all 0.2s ease}[data-theme="dark"] .comment-card,[data-theme="dark"] .reply-card{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.12)}.comment-card:hover,.reply-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.comment-author,.reply-author{color:var(--primary-color);font-weight:600}.comment-content,.reply-content{color:var(--text-color-light)}.reply-form .form-control,.blog-comment-form .form-control{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--text-color)}.reply-form .form-control::placeholder,.blog-comment-form .form-control::placeholder{color:var(--text-color-light)}.reply-form .form-control:focus,.blog-comment-form .form-control:focus{background:rgba(255,255,255,0.1);border-color:var(--primary-color);box-shadow:0 0 0 0.25rem rgba(var(--primary-color-rgb),0.25)}.blog-sidebar .list-group-item.active-category{background-color:rgba(var(--primary-color-rgb),0.1);border-left:3px solid var(--primary-color)}.blog-sidebar .category-link{font-weight:600}.blog-sidebar .featured-post h6,.blog-sidebar .popular-post h6{color:var(--heading-color);transition:color 0.2s ease}.blog-sidebar .featured-post a:hover h6,.blog-sidebar .popular-post a:hover h6{color:var(--primary-color)}.blog-sidebar .tags-container .badge{background-color:rgba(var(--primary-color-rgb),0.1);color:var(--primary-color);border:1px solid var(--primary-color);transition:all 0.2s ease}.blog-sidebar .tags-container .badge:hover{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);transition:all 0.2s ease}.blog-sidebar .tags-container .badge:hover{background-color:var(--primary-color);color:#fff}.pagination .page-item .page-link{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:var(--text-color);transition:all 0.2s ease}.pagination .page-item .page-link:hover{background:rgba(255,255,255,0.1);color:var(--primary-color)}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination .page-item.disabled .page-link{color:var(--text-color-light);background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08)}@media (max-width:768px){.blog-post-content .post-header h1{font-size:2rem}.blog-post-content .featured-image img{max-height:300px}}@media (max-width:576px){.blog-post-content .post-header h1{font-size:1.8rem}.post-card .card-title{font-size:1.3rem}.blog-sidebar{margin-top:1rem!important}}.portfolio-slider-container{position:relative;width:100%;overflow:hidden;border-radius:15px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;margin:0 auto}.portfolio-slider{position:relative;display:flex;overflow:hidden;width:100%;max-height:400px}.slides-container{transition:transform 0.5s ease-in-out}.slides-container{display:flex;align-items:stretch;transition:transform 0.5s ease-in-out}.slide{margin-top:5px;min-width:100%;flex-basis:100%;max-width:100%;max-height:390px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease-in-out}.slide:hover{transform:scale(1.02)}.slide-content{background-color:var(--glass-bg-light);border-radius:10px;padding:20px;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.1);height:100%;max-width:calc(100% - 40px);margin:auto;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow 0.3s ease-in-out}.slide-content:hover{box-shadow:0 8px 16px rgba(0,0,0,0.2)}.project-image{width:100%;max-height:200px;overflow:hidden;border-radius:8px;margin-bottom:15px}.project-image img{width:100%;height:100%;object-fit:cover;border-radius:15px}@media (max-width:768px){.project-image img,.responsive-project-image{object-fit:contain;height:auto;max-height:200px}}.project-placeholder{background-color:var(--glass-bg-dark);color:var(--primary-color);width:100%;height:200px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:15px}.project-info h4{color:var(--text-color-primary);margin-bottom:10px}.project-info p{color:var(--text-color-secondary);font-size:0.9rem;margin-bottom:20px}.project-actions .btn{margin:5px}.slider-pagination{text-align:center;margin-top:20px}.dot{display:inline-block;width:10px;height:10px;background-color:#bbb;border-radius:50%;margin:0 5px;cursor:pointer;transition:background-color 0.3s ease}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;border:none;padding:10px 15px;cursor:pointer;z-index:10;font-size:1.5rem;border-radius:5px;transition:background-color 0.3s ease}.slider-arrow:hover{background-color:rgba(0,0,0,0.8)}.prev-arrow{left:10px}.next-arrow{right:10px}.dot.active{background-color:var(--primary-color)}html{scroll-behavior:smooth}.no-js .fade-in,.no-js .fade-in-up,.no-js .fade-in-down,.no-js .slide-in-left,.no-js .slide-in-right,.no-js .scale-in,.no-js .zoom-in,.no-js .rotate-in{opacity:1!important;transform:none!important}.fade-in,.fade-in-up,.fade-in-down,.slide-in-left,.slide-in-right,.scale-in,.zoom-in,.rotate-in{opacity:1!important;transform:none!important;visibility:visible!important;display:block!important}*{box-sizing:border-box}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.fade-in{opacity:1!important;transform:translateY(0)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform}html:not(.no-js) .fade-in.animate-on-scroll:not(.visible){opacity:0;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-up{opacity:1!important;transform:translateY(0)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}html:not(.no-js) .fade-in-up.animate-on-scroll:not(.visible){opacity:0;transform:translateY(50px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-down{opacity:1!important;transform:translateY(0)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}html:not(.no-js) .fade-in-down.animate-on-scroll:not(.visible){opacity:0;transform:translateY(-50px)}.fade-in-down.visible{opacity:1;transform:translateY(0)}.slide-in-left{opacity:1!important;transform:translateX(0)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform}html:not(.no-js) .slide-in-left.animate-on-scroll:not(.visible){opacity:0;transform:translateX(-60px)}.slide-in-left.visible{opacity:1;transform:translateX(0)}.slide-in-right{opacity:1!important;transform:translateX(0)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform}html:not(.no-js) .slide-in-right.animate-on-scroll:not(.visible){opacity:0;transform:translateX(60px)}.slide-in-right.visible{opacity:1;transform:translateX(0)}.slide-in-right.animate-on-scroll{opacity:0;transform:translateX(50px)}.slide-in-right.animate-on-scroll.visible{opacity:1;transform:translateX(0)}.scale-in{opacity:1!important;transform:scale(1)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);will-change:opacity,transform}html:not(.no-js) .scale-in.animate-on-scroll:not(.visible){opacity:0;transform:scale(0.8)}.scale-in.visible{opacity:1;transform:scale(1)}.zoom-in{opacity:1!important;transform:scale(1)!important;transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}html:not(.no-js) .zoom-in.animate-on-scroll:not(.visible){opacity:0;transform:scale(0.5)}.zoom-in.visible{opacity:1;transform:scale(1)}.rotate-in{opacity:1!important;transform:rotate(0deg) scale(1)!important;transition:all 1s cubic-bezier(0.25,0.46,0.45,0.94)}html:not(.no-js) .rotate-in.animate-on-scroll:not(.visible){opacity:0;transform:rotate(-180deg) scale(0.8)}.rotate-in.visible{opacity:1;transform:rotate(0deg) scale(1)}.hover-lift{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0);position:relative;overflow:hidden}.hover-lift::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.1),transparent);transform:translateX(-100%);transition:transform 0.6s ease}.hover-lift:hover::before{transform:translateX(100%)}.hover-lift:hover{transform:translateY(-15px) translateZ(0);box-shadow:0 25px 50px rgba(0,0,0,0.2)}.hover-scale{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0);position:relative}.hover-scale::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(59,130,246,0.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:all 0.4s ease;border-radius:50%}.hover-scale:hover::after{width:300px;height:300px}.hover-scale:hover{transform:scale(1.08) translateZ(0)}.hover-glow{transition:all 0.3s ease;position:relative}.hover-glow:hover{box-shadow:0 0 30px rgba(59,130,246,0.4),0 0 60px rgba(59,130,246,0.2);transform:translateY(-2px)}.hover-tilt{transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transform-style:preserve-3d}.hover-tilt:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg) translateZ(20px)}.hover-bounce{transition:all 0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}.hover-bounce:hover{transform:translateY(-8px);animation:bounce-subtle 0.6s ease}@keyframes bounce-subtle{0%,100%{transform:translateY(-8px)}50%{transform:translateY(-12px)}}.hover-zoom{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);overflow:hidden}.hover-zoom:hover{transform:scale(1.1);filter:brightness(1.1) contrast(1.1)}.card-hover-effect{position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.card-hover-effect::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,0.1),transparent);animation:rotate 4s linear infinite;opacity:0;transition:opacity 0.3s ease}.card-hover-effect:hover::before{opacity:1}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.btn-animated{position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0)}.btn-animated::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s cubic-bezier(0.25,0.46,0.45,0.94)}.btn-animated:hover::before{left:100%}.btn-animated:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.btn-pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(59,130,246,0.5)}50%{box-shadow:0 0 20px rgba(59,130,246,0.8)}}.btn-shine{position:relative;overflow:hidden}.btn-shine::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s}.btn-shine:hover::after{left:100%}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}.pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}.bounce{animation:bounce 1s infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0)}}.wiggle{animation:wiggle 2s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.gradient-text-animated{background:black;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px rgba(59,130,246,0.5);transition:text-shadow 0.3s ease}.text-glow:hover{text-shadow:0 0 20px rgba(59,130,246,0.8)}@keyframes text-shimmer{0%{background-position:-200% center}100%{background-position:200% center}}.text-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:text-shimmer 2s infinite}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-20px) rotate(-1deg)}}.float{animation:float 6s ease-in-out infinite}@keyframes float-subtle{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}.float-subtle{animation:float-subtle 4s ease-in-out infinite}@keyframes sway{0%,100%{transform:translateX(0px) rotate(0deg)}50%{transform:translateX(10px) rotate(2deg)}}.sway{animation:sway 8s ease-in-out infinite}.stagger-1{animation-delay:0.1s;transition-delay:0.1s}.stagger-2{animation-delay:0.2s;transition-delay:0.2s}.stagger-3{animation-delay:0.3s;transition-delay:0.3s}.stagger-4{animation-delay:0.4s;transition-delay:0.4s}.stagger-5{animation-delay:0.5s;transition-delay:0.5s}.stagger-6{animation-delay:0.6s;transition-delay:0.6s}.stagger-7{animation-delay:0.7s;transition-delay:0.7s}.stagger-8{animation-delay:0.8s;transition-delay:0.8s}.stagger-9{animation-delay:0.9s;transition-delay:0.9s}.stagger-10{animation-delay:1s;transition-delay:1s}.stagger-auto:nth-child(1){animation-delay:0.1s}.stagger-auto:nth-child(2){animation-delay:0.2s}.stagger-auto:nth-child(3){animation-delay:0.3s}.stagger-auto:nth-child(4){animation-delay:0.4s}.stagger-auto:nth-child(5){animation-delay:0.5s}.stagger-auto:nth-child(6){animation-delay:0.6s}.stagger-auto:nth-child(7){animation-delay:0.7s}.stagger-auto:nth-child(8){animation-delay:0.8s}.stagger-auto:nth-child(9){animation-delay:0.9s}.stagger-auto:nth-child(10){animation-delay:1s}@media (max-width:576px){.hero-section{min-height:100vh;padding:80px 0 40px}.hero-text{text-align:center!important;padding-top:40px!important}.hero-title{font-size:2rem!important;line-height:1.2}.hero-subtitle h2{font-size:1.2rem!important}.hero-description{font-size:0.95rem!important;margin-bottom:2rem!important}.hero-buttons{justify-content:center!important;flex-direction:column;gap:0.8rem!important}.hero-buttons .btn{width:100%;max-width:280px;padding:12px 24px;font-size:0.9rem}.hero-social{justify-content:center!important;margin-top:2rem!important}.social-link{width:45px;height:45px;font-size:1.1rem}}@media (min-width:577px) and (max-width:768px){.hero-section{min-height:100vh;padding:70px 0 50px}.hero-text{text-align:center!important;padding-top:50px!important}.hero-title{font-size:2.3rem!important}.hero-subtitle h2{font-size:1.4rem!important}.hero-buttons{justify-content:center!important;flex-wrap:wrap;gap:1rem!important}.hero-buttons .btn{min-width:200px}}@media (min-width:769px) and (max-width:1024px){.hero-title{font-size:2.8rem!important}.hero-subtitle h2{font-size:1.6rem!important}}@media (min-width:1025px){.hero-section{min-height:100vh}.hero-title{font-size:3.5rem}.hero-subtitle h2{font-size:1.8rem}}@media (max-width:768px){.portfolio-slider-container{display:none!important}}.project-card{background:rgba(255,255,255,0.95);border-radius:20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(15px);transform:translateZ(0);box-shadow:0 8px 32px rgba(0,0,0,0.1)}.project-card:hover{transform:translateY(-8px) translateZ(0);box-shadow:0 20px 60px rgba(0,0,0,0.15);border-color:rgba(59,130,246,0.3)}.project-image-container{position:relative;width:100%;height:250px;overflow:hidden;border-radius:20px 20px 0 0}.project-image{width:100%;height:100%;object-fit:cover;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.project-card:hover .project-image{transform:scale(1.08);filter:brightness(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,0.8),rgba(139,92,246,0.8));opacity:0;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.project-card:hover .project-overlay{opacity:1}.project-content{padding:1.5rem;transition:all 0.3s ease}.project-card:hover .project-content{transform:translateY(-2px)}@media (max-width:576px){.project-card{margin-bottom:1.5rem;border-radius:15px}.project-image-container{height:200px;border-radius:15px 15px 0 0}.project-content{padding:1.2rem}}@media (min-width:577px) and (max-width:768px){.project-image-container{height:220px}}@media (min-width:769px) and (max-width:1024px){.project-image-container{height:240px}}@media (min-width:1025px){.project-image-container{height:260px}}.service-card{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0)}.service-card:hover{transform:translateY(-10px) translateZ(0);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.tech-item{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);transform:translateZ(0)}.tech-item:hover{transform:translateY(-8px) scale(1.05) translateZ(0);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.tech-icon{transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.tech-item:hover .tech-icon{transform:rotate(360deg) scale(1.1)}.stat-item{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.stat-item:hover{transform:translateY(-5px)}.counter{font-weight:700;color:#3b82f6;transition:all 0.3s ease}.counter:hover{text-shadow:0 0 10px rgba(59,130,246,0.5)}@media (max-width:768px){.navbar-nav{text-align:center;padding:1rem 0}.nav-link{padding:0.8rem 1rem!important;font-size:1.1rem}}@media (max-width:576px){.form-control{font-size:16px}.btn{width:100%;padding:12px}}@media (max-width:576px){.section{padding:3rem 0!important}.section-title{font-size:1.8rem!important;margin-bottom:2rem!important}}@media (min-width:577px) and (max-width:768px){.section{padding:4rem 0!important}.section-title{font-size:2.2rem!important}}@media (min-width:769px){.section{padding:5rem 0!important}}.glass-progress{background:rgba(255,255,255,0.15);border-radius:12px;height:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.glass-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:12px;transition:width 2s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;box-shadow:0 2px 8px rgba(59,130,246,0.3)}.glass-progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:576px){.glass-progress{height:8px;border-radius:8px}.glass-progress-bar{border-radius:8px}}.service-item{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;transform:translateZ(0);border-radius:15px;overflow:hidden}.service-item:hover{transform:translateY(-12px) translateZ(0);box-shadow:0 25px 50px rgba(0,0,0,0.18)}.service-item i{transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}.service-item:hover i{transform:scale(1.25) rotate(5deg);color:#3b82f6!important;text-shadow:0 0 15px rgba(59,130,246,0.5)}@media (max-width:576px){.service-item{margin-bottom:1.5rem;padding:1.5rem}.service-item i{font-size:2.5rem!important}}.cta-strip{position:relative;overflow:hidden;border-radius:15px;transition:all 0.4s ease}.cta-strip:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.15)}.cta-strip::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);animation:slide 4s infinite}@keyframes slide{0%{left:-100%}100%{left:100%}}@media (max-width:576px){.cta-strip{border-radius:10px;padding:2rem 1rem}}@media (max-width:576px){.section-title{font-size:1.8rem!important;line-height:1.3}.section-subtitle{font-size:0.9rem!important}.display-1{font-size:2.5rem!important}.display-2{font-size:2.2rem!important}.display-3{font-size:2rem!important}.display-4{font-size:1.8rem!important}.lead{font-size:1rem!important}}@media (min-width:577px) and (max-width:768px){.section-title{font-size:2.2rem!important}.section-subtitle{font-size:1.1rem!important}.display-3{font-size:2.8rem!important}.display-4{font-size:2.3rem!important}}@media (min-width:769px) and (max-width:1024px){.section-title{font-size:2.5rem!important}.display-3{font-size:3.2rem!important}}*{transition:color 0.3s cubic-bezier(0.25,0.46,0.45,0.94),background-color 0.3s cubic-bezier(0.25,0.46,0.45,0.94),border-color 0.3s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.3s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.custom-cursor{position:fixed;width:6px;height:6px;background:#4A90E2;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform 0.1s ease}.cursor-follower{position:fixed;width:24px;height:24px;border:1px solid rgba(74,144,226,0.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all 0.2s ease}.custom-cursor.cursor-hover{transform:translate(-50%,-50%) scale(1.5);background:#5A67D8}.cursor-follower.cursor-hover{transform:translate(-50%,-50%) scale(1.3);border-color:rgba(90,103,216,0.6)}.custom-cursor.cursor-click{transform:translate(-50%,-50%) scale(0.8)}.cursor-follower.cursor-click{transform:translate(-50%,-50%) scale(1.5);border-color:rgba(74,144,226,0.8)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,0.1);z-index:1000}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);width:0%;transition:width 0.1s ease}.magnetic{transition:transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}body{opacity:0;transition:opacity 0.5s ease}body.page-loaded{opacity:1}body.page-transitioning{opacity:0}.reveal-on-scroll{opacity:0;transform:translateY(50px);transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.animate-reveal{animation:revealAnimation 0.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards}@keyframes revealAnimation{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.resize-animation-stopper *{animation-duration:0.01ms!important;animation-delay:0.01ms!important;transition-duration:0.01ms!important;transition-delay:0.01ms!important}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-scroll{will-change:scroll-position}@media (max-width:768px){.gpu-accelerated{transform:translate3d(0,0,0)}.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:translateY(-2px) scale(1.02)!important}.magnetic{transform:none!important}.custom-cursor,.cursor-follower{display:none!important}.parallax-element{transform:none!important}.float-subtle,.wiggle,.pulse{animation:none!important}.btn-animated:hover{transform:scale(1.02)!important;transition:transform 0.2s ease!important}}@media (max-width:480px){.fade-in,.slide-in-left,.slide-in-right,.scale-in{animation-duration:0.3s!important}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6{animation-delay:0.1s!important}}.animate-on-scroll,.reveal-on-scroll{will-change:transform,opacity}.hover-lift,.hover-scale,.hover-glow,.magnetic{will-change:transform}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.parallax-element{transform:none!important}.cursor-follower,.custom-cursor{display:none!important}.magnetic,.hover-lift,.hover-scale,.hover-glow{transform:none!important}}section{opacity:1;visibility:visible;transform:translateZ(0)}.fade-section{opacity:1;transition:opacity 0.8s cubic-bezier(0.25,0.46,0.45,0.94)}.fade-section.loading{opacity:0}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.no-js .fade-in,.no-js .slide-in-left,.no-js .slide-in-right,.no-js .scale-in{opacity:1;transform:none}{% extends 'main/base.html' %}{% load i18n %}{% block title %}{% trans "About" %}-{% trans "Full Stack Development Team" %}{% endblock %}{% block content %}<!-- About Hero Section --><section class="hero-section d-flex align-items-center" style="min-height: 60vh;"><div class="container"><div class="row text-center"><div class="col-12"><h1 class="display-4 fw-bold mb-4">{% trans "About" %}<span class="gradient-text">{% trans "Us" %}</span></h1><p class="lead text-muted mb-3">{% trans "Get to know more about our team and expertise" %}</p></div></div></div></section><!-- About Content Section --><section class="section" style="background: var(--bg-secondary); padding: 25px 0;"><div class="container"><div class="row align-items-center"><div class="col-lg-6 mb-5"><div class="about-image text-center"><div class="position-relative d-inline-block"><div class="bg-primary rounded-3 p-4" style="background: var(--gradient-primary) !important;"><i class="fas fa-users text-white" style="font-size: 8rem;"></i></div><!-- Decorative elements --><div class="position-absolute" style="top: -20px; right: -20px; width: 100px; height: 100px; background: var(--gradient-accent); border-radius: 50%; opacity: 0.2; z-index: -1;"></div><div class="position-absolute" style="bottom: -30px; left: -30px; width: 80px; height: 80px; background: var(--gradient-primary); border-radius: 50%; opacity: 0.3; z-index: -1;"></div></div></div></div><div class="col-lg-6"><h2 class="h1 fw-bold mb-4">{% trans "We are" %}<span class="gradient-text">{% trans "Full Stack Developers" %}</span></h2><p class="lead mb-4">{% trans "With over 5 years of combined experience in web development, our team specializes in creating modern, responsive, and user-friendly websites and applications. Our passion lies in turning complex problems into simple, beautiful designs." %}</p><p class="lead mb-4">{% trans "We believe in continuous learning and staying up-to-date with the latest technologies and best practices. Whether it's frontend development with React and Vue.js or backend development with Django and Node.js, our team excels at working across the full stack." %}</p><div class="row mb-2"><div class="col-sm-6 mb-2"><div class="d-flex align-items-center"><i class="fas fa-calendar text-primary me-3 fa-lg"></i><div><strong>{% trans "Established:" %}</strong><br><span class="text-muted">2020</span></div></div></div><div class="col-sm-6 mb-2"><div class="d-flex align-items-center"><i class="fas fa-map-marker-alt text-primary me-3 fa-lg"></i><div><strong>{% trans "Location:" %}</strong><br><span class="text-muted">Mandi Bahauddin,Punjab,Pakistan</span></div></div></div><div class="col-sm-6 mb-2"><div class="d-flex align-items-center"><i class="fas fa-envelope text-primary me-3 fa-lg"></i><div><strong>{% trans "Email:" %}</strong><br><span class="text-muted">fullstackdeveloprs@gmail.com</span></div></div></div><div class="col-sm-6 mb-2"><div class="d-flex align-items-center"><i class="fas fa-phone text-primary me-3 fa-lg"></i><div><strong>{% trans "Team Size:" %}</strong><br><span class="text-muted">10+ Experts</span></div></div></div></div><a href="{% url 'contact' %}" class="btn btn-primary me-3"><i class="fas fa-file-alt me-2"></i>{% trans "Our Portfolio" %}</a><a href="{% url 'contact' %}" class="btn btn-outline-primary"><i class="fas fa-envelope me-2"></i>{% trans "Contact Us" %}</a></div></div></div></section><!-- Skills Section --><section class="section" style="background: var(--bg-secondary); padding: 25px 0;"><div class="container"><div class="text-center mb-5"><h2 class="h1 fw-bold mb-2">{% trans "Technical" %}<span class="gradient-text">{% trans "Skills" %}</span></h2><p class="lead text-muted mb-3">{% trans "Technologies and tools our team works with" %}</p></div><div class="row"><!-- Frontend Skills --><div class="col-lg-6 mb-5"><h4 class="fw-bold mb-4"><i class="fas fa-palette text-primary me-2"></i>{% trans "Frontend Development" %}</h4>{% for skill in skills %}{% if skill.category=='frontend' %}<div class="skill-item mb-4"><div class="d-flex justify-content-between mb-2"><span class="fw-semibold">{{skill.name}}</span><span class="text-primary fw-bold">{{skill.level}}%</span></div><div class="progress mb-1"><div class="progress-bar" style="width: 0%;" data-skill="{{ skill.level }}"></div></div></div>{% endif %}{% endfor %}</div><!-- Backend Skills --><div class="col-lg-6 mb-5"><h4 class="fw-bold mb-4"><i class="fas fa-server text-primary me-2"></i>{% trans "Backend Development" %}</h4>{% for skill in skills %}{% if skill.category=='backend' %}<div class="skill-item mb-4"><div class="d-flex justify-content-between mb-2"><span class="fw-semibold">{{skill.name}}</span><span class="text-primary fw-bold">{{skill.level}}%</span></div><div class="progress mb-1"><div class="progress-bar" style="width: 0%;" data-skill="{{ skill.level }}"></div></div></div>{% endif %}{% endfor %}</div><!-- Database Skills --><div class="col-lg-6 mb-5"><h4 class="fw-bold mb-4"><i class="fas fa-database text-primary me-2"></i>{% trans "Database & Storage" %}</h4>{% for skill in skills %}{% if skill.category=='database' %}<div class="skill-item mb-4"><div class="d-flex justify-content-between mb-2"><span class="fw-semibold">{{skill.name}}</span><span class="text-primary fw-bold">{{skill.level}}%</span></div><div class="progress mb-1"><div class="progress-bar" style="width: 0%;" data-skill="{{ skill.level }}"></div></div></div>{% endif %}{% endfor %}</div><!-- Tools Skills --><div class="col-lg-6 mb-5"><h4 class="fw-bold mb-4"><i class="fas fa-tools text-primary me-2"></i>{% trans "Tools & Others" %}</h4>{% for skill in skills %}{% if skill.category=='tools' %}<div class="skill-item mb-4"><div class="d-flex justify-content-between mb-2"><span class="fw-semibold">{{skill.name}}</span><span class="text-primary fw-bold">{{skill.level}}%</span></div><div class="progress mb-1"><div class="progress-bar" style="width: 0%;" data-skill="{{ skill.level }}"></div></div></div>{% endif %}{% endfor %}</div></div></div></section><!-- Experience Section --><section class="section" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 25px 0;"><div class="container"><div class="text-center mb-5"><h2 class="h1 fw-bold mb-2">{% trans "Work" %}<span class="gradient-text">{% trans "Experience" %}</span></h2><p class="lead text-muted mb-3">{% trans "Our professional journey" %}</p></div><div class="row"><div class="col-lg-8 mx-auto"><div class="timeline"><!-- Experience Item 1 --><div class="timeline-item"><div class="timeline-marker"></div><div class="timeline-content"><div class="card border-0 shadow-sm"><div class="card-body p-4"><div class="d-flex justify-content-between align-items-start mb-3"><div><h5 class="fw-bold m    b-1">{% trans "Senior Full Stack Developer" %}</h5><p class="text-primary mb-0 fw-semibold">{% trans "TechCorp Solutions" %}</p></div><span class="badge bg-light text-dark">{% trans "2022 - Present" %}</span></div><p class="text-muted mb-3">{% trans "Led development of multiple web applications using Django, React, and PostgreSQL. Managed a team of 4 developers and improved application performance by 40%. " %}</p><div class="d-flex flex-wrap gap-1"><span class="badge bg-light text-dark">Django</span><span class="badge bg-light text-dark">React</span><span class="badge bg-light text-dark">PostgreSQL</span><span class="badge bg-light text-dark">AWS</span></div></div></div></div></div><!-- Experience Item 2 --><div class="timeline-item"><div class="timeline-marker"></div><div class="timeline-content"><div class="card border-0 shadow-sm"><div class="card-body p-4"><div class="d-flex justify-content-between align-items-start mb-3"><div><h5 class="fw-bold mb-1">{% trans "Full Stack Developer" %}</h5><p class="text-primary mb-0 fw-semibold">{% trans "Digital Innovations Inc." %}</p></div><span class="badge bg-light text-dark">{% trans "2020 - 2022" %}</span></div><p class="text-muted mb-3">{% trans "Developed and maintained e-commerce platforms, integrated payment gateways, and created responsive user interfaces for optimal user experience." %}</p><div class="d-flex flex-wrap gap-1"><span class="badge bg-light text-dark">Vue.js</span><span class="badge bg-light text-dark">Node.js</span><span class="badge bg-light text-dark">MongoDB</span><span class="badge bg-light text-dark">Docker</span></div></div></div></div></div><!-- Experience Item 3 --><div class="timeline-item"><div class="timeline-marker"></div><div class="timeline-content"><div class="card border-0 shadow-sm"><div class="card-body p-4"><div class="d-flex justify-content-between align-items-start mb-3"><div><h5 class="fw-bold mb-1">{% trans "Junior Web Developer" %}</h5><p class="text-primary mb-0 fw-semibold">{% trans "StartupHub" %}</p></div><span class="badge bg-light text-dark">{% trans "2019 - 2020" %}</span></div><p class="text-muted mb-3">{% trans "Started my professional journey building responsive websites and learning modern web development practices. Contributed to 20+ client projects." %}</p><div class="d-flex flex-wrap gap-1"><span class="badge bg-light text-dark">HTML/CSS</span><span class="badge bg-light text-dark">JavaScript</span><span class="badge bg-light text-dark">PHP</span><span class="badge bg-light text-dark">MySQL</span></div></div></div></div></div></div></div></div></div></section><style>.timeline{position:relative;padding:0}.timeline::before{content:'';position:absolute;top:0;left:30px;height:100%;width:2px;background:var(--gradient-primary)}.timeline-item{position:relative;margin-bottom:2rem;padding-left:80px}.timeline-marker{position:absolute;left:20px;top:20px;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);border:4px solid var(--card-bg);box-shadow:0 0 0 4px rgba(var(--primary-color-rgb),0.2)}.timeline-content{position:relative}.timeline-content::before{content:'';position:absolute;left:-15px;top:20px;width:0;height:0;border-style:solid;border-width:8px 15px 8px 0;border-color:transparent var(--card-bg) transparent transparent;filter:drop-shadow(-2px 2px 4px rgba(0,0,0,0.1))}.skill-item{opacity:1;transform:translateY(0)}[data-theme="dark"] .section{background:#162d56!important}.section{display:block!important;visibility:visible!important;opacity:1!important;overflow:visible!important;transform:none!important;min-height:auto!important}.section:nth-of-type(2){background:var(--bg-secondary)!important;padding:100px 0!important}.section:nth-of-type(3){background:var(--bg-primary)!important;padding:100px 0!important}.skill-item{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}.timeline-item,.timeline-content,.timeline-marker{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}@media (max-width:768px){.timeline::before{left:15px}.timeline-marker{left:5px}.timeline-item{padding-left:50px}.timeline-content::before{left:-15px}}</style><script>// Simple progress bar animation document.addEventListener('DOMContentLoaded',function(){// Wait for everything to load setTimeout(function(){// Get all progress bars const bars=document.querySelectorAll('.progress-bar[data-skill]');// Animate each bar bars.forEach(bar=>{const level=bar.getAttribute('data-skill');if (level){// Set initial width to 0 bar.style.width='0%';// Force reflow to ensure transition works void bar.offsetWidth;// Animate to target width bar.style.width=level + '%';// Add ARIA attributes bar.setAttribute('aria-valuenow',level);bar.setAttribute('aria-valuemin','0');bar.setAttribute('aria-valuemax','100')}})},300);// Small delay to ensure everything is ready});</script><style>.progress{height:10px;background:#e9ecef;border-radius:5px;overflow:hidden;margin:0.5rem 0 1.5rem 0}.progress-bar{height:100%;background:#0d6efd;width:0%;transition:width 1s ease-in-out}.skill-item{margin-bottom:1rem}</style><!-- Add some debug styles --><style>.progress{height:20px!important;background-color:#f0f0f0!important;border:1px solid #ddd!important}.progress-bar{background-color:#0d6efd!important;transition:width 2s ease-in-out!important}.skill-item{border:1px solid #eee;padding:10px;margin:10px 0}</style>{% endblock %}