@layer theme,base;@layer components{.bs .new-apps-hero{background:linear-gradient(135deg, var(--color-primary) 0%, #3b82f6 50%, #60a5fa 100%);color:#fff;padding:80px 0 60px;position:relative;overflow:hidden}.bs .new-apps-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"white\" opacity=\"0.1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");position:absolute;inset:0}.bs .hero-content{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.bs .hero-content h1{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.bs .hero-content p{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.bs .stats-container{justify-content:center;gap:3rem;margin-top:2rem;display:flex}.bs .stat-item{text-align:center}.bs .stat-number{color:#fff;font-size:2.5rem;font-weight:700;display:block}.bs .stat-label{opacity:.8;color:#fff;font-size:.875rem}.bs .apps-section{background:var(--background-color);padding:60px 0}.bs .section-header{text-align:center;margin-bottom:3rem}.bs .section-header h2{color:var(--heading-color);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.bs .section-header p{color:var(--default-color);max-width:600px;margin:0 auto;font-size:1.125rem}.bs .app-header,.bs .app-description,.bs .app-badges{padding:0 1rem}.bs .app-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:5px;height:100%;padding:1rem 0 0;transition:all .2s;position:relative}.bs .app-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.bs .app-header{align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.bs .app-logo{object-fit:cover;border:1px solid #f3f4f6;border-radius:12px;flex-shrink:0;width:56px;height:56px}.bs .app-info{flex:1;min-width:0}.bs .app-name{color:var(--heading-color);cursor:pointer;margin:0 0 .25rem;font-size:1rem;font-weight:500;line-height:1.3}.bs .app-name:hover{color:var(--accent-color)}.bs .app-developer{color:#6b7280;cursor:pointer;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.bs .app-developer:hover{color:var(--accent-color)}.bs .app-developer .external-link{opacity:.7;font-size:.75rem}.bs .pricing-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.bs .pricing-badge.free{color:#166534;background:#dcfce7}.bs .pricing-badge.freemium{color:#92400e;background:#fef3c7}.bs .pricing-badge.paid{color:#991b1b;background:#fee2e2}.bs .trial-badge{color:#6b46c1;background:#ede9fe;margin-left:.5rem}.bs .app-description{color:#4b5563;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:1rem 0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bs .app-footer{color:#000;background:#fff;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding:.8rem 1rem;font-size:.75rem;line-height:0;display:flex}.bs .rating-stars{color:#f59e0b;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.bs .rating-stars i{font-size:.875rem}.bs .rating-count{color:#6b7280;margin-left:.25rem;font-size:.75rem}.bs .no-reviews{color:#9ca3af;margin-bottom:.5rem;font-size:.75rem;font-style:italic;display:block}.bs .no-description{color:#9ca3af;font-style:italic}.bs .no-apps-message{text-align:center;color:var(--default-color);padding:3rem}.bs .view-all-container{text-align:center;margin-top:3rem}.bs .btn-view-all{background:linear-gradient(135deg, var(--color-primary), #3b82f6);color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #1c64f24d}.bs .btn-view-all:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px #1c64f266}@media (width<=768px){.bs .hero-content h1{font-size:2.5rem}.bs .hero-content p{font-size:1.125rem}.bs .stats-container{flex-direction:column;gap:1.5rem}.bs .stat-number{font-size:2rem}.bs .app-header{text-align:center;flex-direction:column;align-items:center}.bs .section-header h2{font-size:2rem}}@media (width<=480px){.bs .new-apps-hero{padding:60px 0 40px}.bs .hero-content h1{font-size:2rem}.bs .app-card{padding:1rem}.bs .apps-section{padding:40px 0}}.bs .app-footer .country-flag{width:20px;height:auto}}@layer utilities;