.apps-page{overflow-x:hidden;background:#f5f8fa}.section-divider{position:relative;width:100%;height:80px;margin-top:-1px;z-index:10;line-height:0}.section-divider svg{display:block;width:100%;height:100%}.from-dark.to-light{background:var(--blue-dark)}.from-dark.to-light svg path{fill:#eef3f7}.from-light.to-white{background:#eef3f7}.from-light.to-white svg path{fill:var(--white)}.from-white.to-dark{background:var(--white)}.from-white.to-dark svg path{fill:var(--blue-dark)}.from-light.to-teal{background:#eef3f7}.from-light.to-teal svg path{fill:#e8f4f4}.from-teal.to-orange{background:#e8f4f4}.from-teal.to-orange svg path{fill:#fef5eb}.from-orange.to-teal{background:#fef5eb}.from-orange.to-teal svg path{fill:#e8f4f4}.from-teal.to-dark{background:#e8f4f4}.from-teal.to-dark svg path{fill:var(--blue-dark)}.from-light.to-orange{background:#eef3f7}.from-light.to-orange svg path{fill:#fef5eb}.from-orange.to-dark{background:#fef5eb}.from-orange.to-dark svg path{fill:var(--blue-dark)}.app-detail-section{padding:4rem 0}.app-detail-section.bg-teal{background:#e8f4f4}.app-detail-section.bg-orange{background:#fef5eb}@media (max-width:768px){.section-divider{height:50px}}.apps-hero{position:relative;min-height:50vh;display:flex;align-items:center;background:var(--blue-dark);padding:8rem 2rem 5rem;overflow:hidden}.apps-hero-bg{position:absolute;inset:0}.apps-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.apps-shape-1{width:400px;height:400px;background:var(--orange);top:-150px;right:-100px}.apps-shape-2{width:300px;height:300px;background:var(--teal);bottom:-100px;left:-50px}.apps-hero .container{position:relative;z-index:1;text-align:center;max-width:800px}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:2rem;transition:color .3s ease}.apps-badge,.back-link:hover{color:var(--white)}.apps-badge{display:inline-block;background:var(--teal);padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.apps-badge-web{background:var(--orange)}.apps-hero h1{font-size:3rem;color:var(--white);margin-bottom:1.5rem;line-height:1.1}.apps-hero-text{font-size:1.2rem;color:rgba(255,255,255,.8);line-height:1.7}.apps-showcase{padding:var(--section-padding);background:linear-gradient(180deg,#f5f8fa,#eef3f7)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.app-card{background:var(--white);border-radius:24px;overflow:hidden;box-shadow:0 8px 30px -10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.app-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -15px rgba(0,0,0,.15)}.app-card-image{height:250px;overflow:hidden}.app-card-image,.app-card-teal .app-card-image{background:linear-gradient(135deg,var(--teal) 0,#00a896 100%)}.app-card-orange .app-card-image{background:linear-gradient(135deg,var(--orange) 0,var(--orange-light) 100%)}.app-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.app-card:hover .app-card-image img{transform:scale(1.05)}.app-card-content{padding:2rem}.app-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background:rgba(112,164,187,.1);color:var(--teal);padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.tech-tag-orange{background:rgba(237,116,2,.1);color:var(--orange)}.app-card h2{font-size:1.75rem;color:var(--blue-dark);margin-bottom:.25rem}.app-tagline{font-weight:600;font-size:1rem;margin-bottom:1rem}.app-card-teal .app-tagline,.app-tagline{color:var(--teal)}.app-card-orange .app-tagline{color:var(--orange)}.app-description{color:var(--gray);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.app-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.app-features li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;color:var(--blue-dark);font-size:.85rem}.app-features svg{width:16px;height:16px;stroke:var(--teal);flex-shrink:0}.app-card-orange .app-features svg{stroke:var(--orange)}.app-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.25rem;background:var(--teal);color:var(--white);border-radius:10px;font-weight:600;font-size:.9rem;transition:all .3s ease}.app-link svg{width:18px;height:18px}.app-link .arrow{width:16px;height:16px;transition:transform .3s ease}.app-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(112,164,187,.5)}.app-link:hover .arrow{transform:translate(2px,-2px)}.app-link-orange{background:var(--orange)}.app-link-orange:hover{box-shadow:0 8px 20px -8px rgba(237,116,2,.5)}.app-links{display:flex;flex-wrap:wrap;gap:.75rem}.app-link-article{background:var(--blue-dark)}.app-link-article:hover{box-shadow:0 8px 20px -8px rgba(0,37,61,.5)}.app-detail-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.app-detail-link-article{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}.app-detail-link-article:hover{background:rgba(255,255,255,.25);box-shadow:0 8px 20px -8px rgba(0,0,0,.3)}.apps-details{padding:var(--section-padding);background:var(--white)}.apps-details .section-title{text-align:center;margin-bottom:4rem}.app-detail{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid rgba(0,0,0,.06)}.app-detail:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.app-detail-reverse{direction:rtl}.app-detail-reverse>*{direction:ltr}.app-detail-image{border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -15px rgba(0,0,0,.15)}.app-detail-image img{width:100%;height:auto;display:block}.app-detail-content .app-tech-stack{margin-bottom:1rem}.app-detail-content h3{font-size:2.25rem;color:var(--blue-dark);margin-bottom:.5rem}.app-detail-tagline{color:var(--teal);font-weight:600;font-size:1.15rem;margin-bottom:1rem}.app-detail-content>p{color:var(--gray);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.app-detail-features h4,.app-use-cases h4{font-size:1rem;color:var(--blue-dark);margin-bottom:1rem}.app-detail-features ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.app-detail-features li{display:flex;align-items:center;gap:.5rem;color:var(--blue-dark);font-size:.95rem}.app-detail-features svg{width:18px;height:18px;stroke:var(--teal);flex-shrink:0}.use-cases-grid{display:flex;flex-wrap:wrap;gap:.75rem}.use-case-tag{background:linear-gradient(135deg,rgba(112,164,187,.1),rgba(112,164,187,.05));color:var(--blue-dark);padding:.5rem 1rem;border-radius:50px;font-size:.9rem;border:1px solid rgba(112,164,187,.2)}.app-detail-link{display:inline-flex;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.5rem;background:var(--teal);color:var(--white);border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease}.app-detail-link svg{width:22px;height:22px}.app-detail-link .arrow{width:18px;height:18px;transition:transform .3s ease}.app-detail-link:hover{transform:translateY(-3px);box-shadow:0 12px 30px -10px rgba(112,164,187,.5)}.app-detail-link:hover .arrow{transform:translate(3px,-3px)}.app-detail-link-orange{background:var(--orange)}.app-detail-link-orange:hover{box-shadow:0 12px 30px -10px rgba(237,116,2,.5)}.apps-cta{padding:var(--section-padding);background:var(--blue-dark)}.apps-cta .cta-box{text-align:center;max-width:600px;margin:0 auto}.apps-cta h2{font-size:2.5rem;color:var(--white);margin-bottom:1rem}.apps-cta p{font-size:1.15rem;color:rgba(255,255,255,.8);margin-bottom:2rem;line-height:1.7}.apps-cta .cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.apps-cta .btn-outline{border-color:var(--white);color:var(--white)}.apps-cta .btn-outline:hover{background:var(--white);color:var(--blue-dark)}@media (max-width:1024px){.apps-grid-2{max-width:500px}.app-detail,.apps-grid-2{grid-template-columns:1fr}.app-detail{gap:2rem}.app-detail-reverse{direction:ltr}.app-detail-features ul{grid-template-columns:1fr}}@media (max-width:768px){.apps-hero{padding:6rem 1.5rem 4rem;min-height:auto}.apps-hero h1{font-size:2.2rem}.apps-grid{grid-template-columns:1fr}.app-card-content{padding:1.5rem}.app-features{grid-template-columns:1fr}.apps-cta h2{font-size:1.8rem}}