.apps-header{background:var(--primary);padding:100px 20px 50px;text-align:center;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.apps-header h1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:15px;position:relative;z-index:1;background:var(--gradient-cyan-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.apps-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;position:relative;z-index:1}.apps-section{padding:var(--section-padding) 20px;background:var(--bg-dark);position:relative}.app-card{background:var(--bg-card);border-radius:24px;overflow:hidden;margin-bottom:40px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.08);will-change:transform;position:relative}.app-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.app-card-header{display:flex;align-items:flex-start;gap:24px;padding:32px;background:var(--bg-darker);border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.app-icon{flex-shrink:0}.app-icon img{width:120px;height:120px;border-radius:24px;box-shadow:var(--shadow-md)}.app-info{flex:1;min-width:200px}.app-info h2{font-family:var(--font-heading);font-size:2rem;color:var(--text-primary);margin-bottom:8px}.app-developer{color:var(--text-secondary);font-size:1rem;margin-bottom:16px}.app-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.badge-category,.badge-rating,.badge-free{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;text-align:center;transition:all .3s ease}.badge-category{background:#ffffff14;color:var(--accent-purple);border:1px solid rgba(255,255,255,.12)}.badge-category:hover{background:#ffffff1f}.badge-rating{background:#ffffff14;color:var(--accent-cyan);border:1px solid rgba(255,255,255,.12)}.badge-rating:hover{background:#ffffff1f}.badge-free{background:#ffffff14;color:var(--accent-teal);border:1px solid rgba(255,255,255,.12)}.badge-free:hover{background:#ffffff1f}.app-download{flex-shrink:0;align-self:center}.btn-download img{height:50px;transition:transform .3s ease}.btn-download:hover img{transform:scale(1.05)}.app-screenshots{padding:32px;border-bottom:1px solid rgba(255,255,255,.08)}.app-screenshots h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.app-screenshots h3 img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(67%) sepia(90%) saturate(1352%) hue-rotate(180deg) brightness(101%) contrast(101%)}.screenshots-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.screenshots-scroll a.glightbox{flex-shrink:0;scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;cursor:zoom-in;transition:transform .2s ease;will-change:transform}.screenshots-scroll a.glightbox:hover{transform:scale(1.02)}.screenshots-scroll a.glightbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:48px;height:48px;background:#ffffffe6;border-radius:50%;opacity:0;transition:all .3s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-size:24px;background-position:center;background-repeat:no-repeat}.screenshots-scroll a.glightbox:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1}.screenshots-scroll img{height:300px;width:auto;border-radius:16px;box-shadow:var(--shadow-md);display:block}.screenshot-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;background:#ffffff08;border-radius:16px;padding:40px;color:var(--text-secondary);font-size:1.1rem;text-align:center;width:100%}.app-description{padding:32px;border-bottom:1px solid rgba(255,255,255,.08)}.app-description h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.app-description h3 img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(67%) sepia(90%) saturate(1352%) hue-rotate(180deg) brightness(101%) contrast(101%)}.app-description h4{font-family:var(--font-heading);font-size:1.15rem;background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:24px 0 12px}.description-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.feature-list,.benefit-list{list-style:none;padding:0;margin:0 0 20px}.feature-list li,.benefit-list li{padding:10px 0 10px 32px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary);line-height:1.6;position:relative}.feature-list li:before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;background-image:url(/images/icons/star-filled.svg);background-size:contain;filter:brightness(0) saturate(100%) invert(55%) sepia(95%) saturate(1500%) hue-rotate(240deg) brightness(100%) contrast(100%)}.benefit-list li:before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;background-image:url(/images/icons/star-filled.svg);background-size:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(60%) saturate(1000%) hue-rotate(5deg) brightness(105%) contrast(105%)}.feature-list li:last-child,.benefit-list li:last-child{border-bottom:none}.app-cta{font-size:1.1rem;color:var(--text-primary);font-weight:500;margin-top:24px;padding:20px;background:#ffffff08;border-radius:12px;border-left:4px solid var(--accent-blue)}.app-data-safety{padding:32px;background:var(--bg-darker);border-bottom:1px solid rgba(255,255,255,.08)}.app-data-safety h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.app-data-safety h3 svg{width:24px;height:24px;fill:var(--accent-blue)}.app-data-safety h3 img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(50%) sepia(98%) saturate(1000%) hue-rotate(130deg) brightness(95%) contrast(95%)}.safety-badges{display:flex;gap:24px;flex-wrap:wrap}.safety-item{display:flex;align-items:center;gap:10px;padding:12px 20px;background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.safety-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.safety-item img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(60%) sepia(70%) saturate(500%) hue-rotate(130deg) brightness(95%) contrast(95%);flex-shrink:0}.safety-item span:last-child{color:var(--text-secondary);font-weight:500}.app-cta-section{padding:40px;text-align:center;background:var(--bg-card);position:relative}.btn-large{font-size:1.2rem;padding:18px 40px;background:var(--gradient-gold-orange);color:var(--primary);border-radius:50px;font-weight:700;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;will-change:transform;box-shadow:0 4px 20px #ffc2004d;position:relative;z-index:1}.btn-large:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffc20066,0 0 50px #ffc20026}.btn-large img{filter:brightness(0)}.coming-soon{text-align:center;padding:60px 40px;background:var(--bg-card);border-radius:24px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.coming-soon h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:1;color:var(--text-primary)}.coming-soon h3 img{width:32px;height:32px;filter:brightness(0) saturate(100%) invert(55%) sepia(95%) saturate(1500%) hue-rotate(240deg) brightness(100%) contrast(100%)}.coming-soon p{color:var(--text-secondary);font-size:1.1rem;position:relative;z-index:1}@media(max-width:768px){.apps-header{padding:90px 15px 30px}.apps-header h1{font-size:2rem}.apps-header p{font-size:1rem}.apps-section{padding:30px 15px}.app-card{border-radius:16px;margin-bottom:25px}.app-card-header{flex-direction:column;align-items:center;text-align:center;padding:24px 20px;gap:16px}.app-info{text-align:center}.app-badges{justify-content:center}.app-icon img{width:90px;height:90px;border-radius:18px}.app-info h2{font-size:1.5rem}.app-developer{font-size:.9rem}.app-download{width:100%;display:flex;justify-content:center}.btn-download img{height:45px}.app-screenshots{padding:20px 15px}.app-screenshots h3{font-size:1.2rem}.screenshots-scroll{gap:12px}.screenshots-scroll img{height:200px;border-radius:12px}.app-description{padding:20px 15px}.app-description h3,.app-data-safety h3{font-size:1.2rem}.app-description h4{font-size:1rem}.description-content p{font-size:.95rem}.feature-list li,.benefit-list li{font-size:.9rem;padding:8px 0 8px 28px}.app-data-safety{padding:20px 15px}.safety-badges{flex-direction:column;gap:10px}.safety-item{justify-content:flex-start;padding:10px 15px;font-size:.9rem}.app-cta-section{padding:25px 15px}.btn-large{font-size:.95rem;padding:14px 28px;width:100%;text-align:center}.coming-soon{padding:40px 20px}.coming-soon h3{font-size:1.4rem}.coming-soon p{font-size:1rem}}@media(max-width:480px){.apps-header{padding:85px 10px 25px}.apps-header h1{font-size:1.7rem}.app-card-header{padding:20px 15px}.app-icon img{width:75px;height:75px}.app-info h2{font-size:1.3rem}.screenshots-scroll img{height:160px}.app-description,.app-screenshots,.app-data-safety{padding:18px 12px}.btn-large{font-size:.9rem;padding:12px 20px}}
