.home-section{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#f5f5f5 50%,#e8f5e8);overflow-x:hidden}.home-section .hero-section{padding:8rem 2rem 4rem;min-height:90vh;display:flex;align-items:center;opacity:0;transform:translateY(30px);transition:transform .4s ease-out,opacity .4s ease-out}.home-section .hero-section.visible{opacity:1;transform:translateY(0)}.home-section .hero-section .hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.home-section .hero-section .hero-text .hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#2d3748}.home-section .hero-section .hero-text .hero-title .highlight{background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-section .hero-section .hero-text .hero-subtitle{font-size:1.3rem;line-height:1.6;color:#4a5568;margin-bottom:2.5rem}.home-section .hero-section .hero-text .hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.home-section .btn-primary{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;background:linear-gradient(135deg,#2196f3,#21cbf3);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #2196f366}.home-section .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #2196f399}.home-section .btn-primary.large{padding:1.5rem 3rem;font-size:1.2rem}.home-section .btn-secondary{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;background:#ffffffe6;color:#2196f3;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #0000001a;border:2px solid #2196f333}.home-section .btn-secondary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000026;background:white;border-color:#2196f3}.home-section .btn-outline{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;background:transparent;color:#2196f3;text-decoration:none;border-radius:50px;font-weight:600;transition:background .3s ease,color .3s ease,transform .3s ease;border:2px solid #2196f3}.home-section .btn-outline:hover{background:#2196f3;color:white;transform:translateY(-2px)}.home-section .hero-section .hero-visual{display:flex;justify-content:center;align-items:center}.home-section .hero-section .hero-visual .floating-elements{position:relative}.home-section .hero-section .hero-visual .code-block{background:#1e293b;border-radius:15px;padding:1.5rem;box-shadow:0 20px 40px #0000004d;border:1px solid #ffffff1a;min-width:350px;transition:transform .4s ease}.home-section .hero-section .hero-visual .code-block:hover{transform:translateY(-10px) scale(1.02)}.home-section .hero-section .hero-visual .code-header{display:flex;gap:.5rem;margin-bottom:1rem}.home-section .hero-section .hero-visual .dot{width:12px;height:12px;border-radius:50%}.home-section .hero-section .hero-visual .dot.red{background:#ff5f56}.home-section .hero-section .hero-visual .dot.yellow{background:#ffbd2e}.home-section .hero-section .hero-visual .dot.green{background:#27ca3f}.home-section .hero-section .hero-visual .code-content{font-size:.9rem;line-height:1.6}.home-section .hero-section .hero-visual .code-line{margin-bottom:.3rem}.home-section .hero-section .hero-visual .keyword{color:#c678dd}.home-section .hero-section .hero-visual .variable{color:#e06c75}.home-section .hero-section .hero-visual .property{color:#56b6c2}.home-section .hero-section .hero-visual .string{color:#98c379}.home-section .stats-section{display:flex;justify-content:center;gap:3rem;max-width:900px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2}.home-section .stats-section .stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.8rem;background:linear-gradient(145deg,#ffffff,#f8fafc);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid transparent;background-clip:padding-box;box-shadow:0 8px 20px rgba(33,150,243,.1),0 4px 12px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:200px;max-width:240px;position:relative;overflow:hidden}.home-section .stats-section .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2196f3,#21cbf3,#00bcd4);border-radius:16px 16px 0 0}.home-section .stats-section .stat-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(33,150,243,.15),0 8px 18px rgba(0,0,0,.08);border:2px solid rgba(33,150,243,.2)}.home-section .stats-section .stat-card .stat-content{z-index:2;position:relative}.home-section .stats-section .stat-card .stat-content h3{font-size:2.4rem;font-weight:700;margin:0 0 .6rem;background:linear-gradient(135deg,#2196f3,#21cbf3,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em}.home-section .stats-section .stat-card .stat-content p{font-size:.9rem;color:#4a5568;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.home-section .services-preview{padding:6rem 2rem}.home-section .section-header{text-align:center;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}.home-section .section-header h2{font-size:2.8rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.home-section .section-header p{font-size:1.2rem;color:#4a5568;line-height:1.6}.home-section .services-preview .services-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.home-section .services-preview .service-card{background:#ffffffe6;border-radius:20px;padding:2.5rem 2rem;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff4d;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.home-section .services-preview .service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.home-section .services-preview .service-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:20px;display:flex;align-items:center;justify-content:center}.home-section .services-preview .service-icon i{font-size:2rem;color:white}.home-section .services-preview .service-card h3{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.home-section .services-preview .service-card p{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.home-section .services-preview .service-price{font-size:1.3rem;font-weight:700;color:#2196f3;margin-bottom:1.5rem}.home-section .services-preview .service-link{color:#2196f3;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease,color .3s ease}.home-section .services-preview .service-link:hover{gap:1rem;color:#1976d2}.home-section .projects-section{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.home-section .projects-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.home-section .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,420px));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:2;justify-content:flex-start;padding:0 1rem}.home-section .project-card{background:white;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 8px 30px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);position:relative;opacity:1;transform:translateY(0);min-width:380px;max-width:420px;width:auto;display:flex;flex-direction:column}.home-section .project-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px rgba(33,150,243,.2),0 10px 25px rgba(33,150,243,.1),0 5px 15px rgba(0,0,0,.08)}.home-section .project-image{position:relative;height:auto;min-height:180px;background:#ffffff;overflow:hidden;aspect-ratio:5/2;display:flex;align-items:center;justify-content:center}.home-section .project-icon-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#2E7D32;transition:all .3s ease}.home-section .project-card:hover .project-icon-container{transform:scale(1.1)}.home-section .project-icon-container i{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.home-section .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:1;opacity:1}.home-section .project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 60%,rgba(0,0,0,.05));pointer-events:none;z-index:2}.home-section .project-image img{width:100%;height:100%;object-fit:contain;object-position:center top;transition:all .7s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;z-index:0;padding:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));border-radius:24px 24px 0 0}.home-section .project-card:hover .project-image img{transform:scale(1.05);filter:drop-shadow(0 8px 20px rgba(33,150,243,.15))}.home-section .project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(33,150,243,.97),rgba(33,203,243,.93));display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:10;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}.home-section .project-card:hover .project-overlay,.home-section .project-overlay.show-mobile{opacity:1;visibility:visible}.home-section .project-links{display:flex;gap:1rem;justify-content:center;align-items:center}.home-section .project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;background:rgba(255,255,255,.95);color:#2196f3;text-decoration:none;border-radius:50px;font-weight:800;font-size:.9rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,1);transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translateY(25px) scale(.85);opacity:0;box-shadow:0 8px 25px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-section .project-card:hover .project-link{transform:translateY(0) scale(1);opacity:1}.home-section .project-links a:first-child{transition-delay:.15s}.home-section .project-links a:nth-child(2){transition-delay:.2s}.home-section .project-link:hover{background:rgba(255,255,255,1);transform:translateY(-5px) scale(1.1);box-shadow:0 15px 45px rgba(0,0,0,.4),0 0 60px rgba(33,150,243,.6);border-color:rgba(255,255,255,1);color:#1976d2}.home-section .project-content{padding:2rem;background:white;border-top:1px solid rgba(33,150,243,.1);flex:1 1;display:flex;flex-direction:column}.home-section .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.home-section .project-meta{display:flex;flex-direction:column;gap:.8rem}.home-section .project-category{display:inline-block;padding:.5rem 1.2rem;background:#2196f3;color:white;border-radius:25px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.home-section .project-status{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:25px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.home-section .project-status.completed{background:#10b981;color:white}.home-section .project-status.in-progress{background:#f59e0b;color:white}.home-section .project-status i{font-size:.75rem}.home-section .project-dates{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.home-section .project-date{color:#9ca3af;font-size:.9rem;font-weight:400;background:none;padding:0;border-radius:0;white-space:nowrap;align-self:flex-start}.home-section .project-completion-date{color:#9ca3af;font-size:.9rem;font-weight:400;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.home-section .project-completion-date i{font-size:.75rem}.home-section .project-title{font-size:1.7rem;font-weight:900;margin-bottom:1rem;line-height:1.2;letter-spacing:-.03em;transition:all .3s ease;position:relative}.home-section .project-title:not([style*=color]){background:linear-gradient(135deg,#2196f3,#21cbf3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-section .project-card:hover .project-title{transform:translateX(8px);letter-spacing:-.01em}.home-section .project-description{font-size:1rem;color:#475569;line-height:1.6;margin-bottom:1.5rem}.home-section .project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.home-section .tech-tag{padding:.55rem 1.1rem;background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(33,203,243,.08));color:#2196f3;border-radius:30px;font-size:.75rem;font-weight:800;border:2px solid rgba(33,150,243,.2);transition:all .4s cubic-bezier(.34,1.56,.64,1);text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px rgba(33,150,243,.1)}.home-section .tech-tag:hover{background:linear-gradient(135deg,#2196f3,#21cbf3);color:white;transform:translateY(-4px) scale(1.08);box-shadow:0 8px 20px rgba(33,150,243,.4);border-color:transparent}.home-section .projects-cta{text-align:center;margin-top:4rem}.home-section .projects-cta .cta-button{display:inline-flex;align-items:center;gap:.8rem;padding:1.2rem 2.5rem;background:linear-gradient(135deg,#2196f3,#21cbf3);color:white;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #2196f366}.home-section .projects-cta .cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #2196f399}.home-section .about-preview{padding:6rem 2rem;background:#ffffff80}.home-section .about-preview .about-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.home-section .about-preview .about-text h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem}.home-section .about-preview .about-text p{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:2rem}.home-section .about-preview .about-highlights{list-style:none;padding:0;margin-bottom:2.5rem}.home-section .about-preview .about-highlights li{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.1rem;color:#4a5568}.home-section .about-preview .about-highlights i{color:#2196f3;font-size:1.2rem}.home-section .about-preview .about-visual{display:flex;flex-direction:column;gap:2rem}.home-section .about-preview .team-preview{display:flex;gap:1.5rem;justify-content:center}.home-section .about-preview .team-member{text-align:center;background:#ffffffcc;padding:1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d}.home-section .about-preview .member-avatar{width:60px;height:60px;background:linear-gradient(135deg,#2196f3,#21cbf3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.home-section .about-preview .member-avatar i{font-size:1.5rem;color:white}.home-section .about-preview .team-member span{font-weight:600;color:#2d3748}.home-section .about-preview .tech-stack{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.home-section .about-preview .tech-item{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#2196f3;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;border:1px solid #2196f333}@media (max-width:968px){.home-section .hero-section .hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.home-section .hero-section .hero-text .hero-title{font-size:2.8rem}.home-section .about-preview .about-content{grid-template-columns:1fr;gap:3rem;text-align:center}.home-section .services-preview .services-grid{grid-template-columns:1fr;max-width:500px}.home-section .projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 1rem}.home-section .project-card{min-width:unset;max-width:100%}.home-section .project-image{height:220px}.home-section .stats-section{flex-direction:column;align-items:center;gap:2rem;padding:3rem 1rem}.home-section .stats-section .stat-card{min-width:240px;max-width:280px;padding:1.6rem 1.4rem}.home-section .stats-section .stat-card .stat-content h3{font-size:2rem}.home-section .stats-section .stat-card .stat-content p{font-size:.85rem}}@media (max-width:1000px){.home-section .hero-section{padding:6rem 1rem 3rem}.home-section .hero-section .hero-text .hero-title{font-size:2.2rem}.home-section .hero-section .hero-text .hero-subtitle{font-size:1.1rem}.home-section .hero-section .hero-text .hero-buttons,.home-section .stats-section{flex-direction:column;align-items:center}.home-section .stats-section{gap:2rem;padding:4rem 1rem}.home-section .stats-section .stat-card{min-width:280px;max-width:320px;padding:2.5rem 2rem}.home-section .stats-section .stat-card .stat-content h3{font-size:3rem}.home-section .projects-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px;padding:0 1rem;justify-content:center}.home-section .project-card{min-width:auto;max-width:100%}.home-section .project-image{height:200px}.home-section .project-content{padding:1.5rem}.home-section .project-header{flex-direction:column;align-items:flex-start;gap:1rem}.home-section .project-links{flex-direction:column;gap:.8rem;width:100%}.home-section .project-link{justify-content:center;text-align:center}}@media (max-width:480px){.home-section .hero-section .hero-visual .code-block{min-width:280px;padding:1rem}.home-section .section-header h2{font-size:2.2rem}.home-section .services-preview .service-card{padding:2rem 1.5rem}.home-section .stats-section .stat-card .stat-content h3{font-size:2.2rem}.home-section .stats-section .stat-card{padding:1.5rem;gap:1rem}.home-section .projects-section{padding:4rem 1rem}.home-section .projects-grid{gap:1rem;max-width:100%;padding:0 1rem}.home-section .project-image{height:180px}.home-section .project-content{padding:1.2rem}.home-section .project-title{font-size:1.2rem}.home-section .project-description{font-size:.95rem}.home-section .project-link{padding:.7rem 1rem;font-size:.75rem;max-width:150px}}