:root{--primary: #0b61ff;--muted: #6b7280;--bg: #f5f7fb;--card: #ffffff;--radius: 16px;--gap: 20px;--shadow: 0 6px 18px rgba(3, 9, 23, .08);--soft-shadow: 0 2px 8px rgba(3,9,23,.04)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.header .left{display:flex;gap:16px;align-items:center}.logo{display:flex;gap:12px;align-items:center;cursor:pointer}.logo img{height:44px;width:auto;display:block}.logo .brand{line-height:1}.logo .brand .name{font-weight:700;font-size:18px;color:var(--primary)}.logo .brand .sub{font-size:12px;color:var(--muted)}.nav{display:flex;gap:10px;align-items:center;margin-left:12px}.nav a{padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:500;transition:all .15s ease}.nav a:hover{background:#0b61ff0f;color:var(--primary)}.nav a.active{background:#0b61ff1f;color:var(--primary);font-weight:600}.btn{display:inline-block;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:background-color .25s ease,transform .15s ease}.btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.ghost{background-color:#05f470;color:#fff;font-weight:600;transition:background-color .2s}.btn.ghost:hover{background-color:#04d861}.banner{position:relative;border-radius:var(--radius);overflow:hidden;margin:24px 0;box-shadow:var(--soft-shadow);min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background:center/cover no-repeat}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0309172e,#03091773)}.banner .inner{position:relative;z-index:2;max-width:760px;width:100%;padding:28px;margin:0 auto}.banner h1{font-size:36px;line-height:1.05;margin-bottom:12px;font-weight:700}.banner p{margin-bottom:18px;color:#ffffffeb;font-size:15px}.states{display:flex;gap:16px;margin:12px 0 28px;flex-wrap:wrap}.state-card{flex:1;min-width:160px;padding:18px;border-radius:12px;color:#fff;box-shadow:var(--soft-shadow)}.state-card h4{margin-bottom:8px;font-size:16px}.state-card.small{font-size:13px;color:#ffffffeb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.app-card{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:14px;padding:14px;box-shadow:var(--soft-shadow);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.app-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.app-card img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}.app-card .meta{flex:1}.app-card .meta h4{font-size:16px;margin-bottom:6px;font-weight:600}.app-card .meta p{margin:0;font-size:13px;color:var(--muted)}.app-card .right{text-align:right;font-size:13px;color:var(--muted);min-width:90px}.details-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.reviews-card{background:var(--card);padding:14px;border-radius:12px;box-shadow:var(--soft-shadow)}.footer{margin-top:48px;background:#fff;border-top:1px solid #eef2f7;padding:28px 20px}.footer .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer .small{color:var(--muted);font-size:13px}.center{display:flex;align-items:center;justify-content:center}.small{font-size:13px;color:var(--muted)}@media (max-width: 900px){.banner h1{font-size:28px}.details-grid{grid-template-columns:1fr}.app-card{align-items:flex-start}.app-card .right{text-align:left}}@media (max-width: 480px){.logo img{height:36px}.banner{min-height:200px}}:root{--primary: #6d28d9;--primary-hover: #5b21b6;--muted: #6b7280;--bg: #f3f4f6;--card-bg: #ffffff;--radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--text-dark: #1f2937;--text-light: #4b5563}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text-dark);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{min-height:calc(100vh - 200px);padding:2rem 1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background-color:var(--card-bg);padding:1rem;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:50}.footer{background-color:#111827;color:#d1d5db;padding:2rem 1rem;margin-top:4rem}.app-card{background-color:var(--card-bg);border-radius:var(--radius);padding:1rem;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;border:1px solid #e5e7eb}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.app-card-image{width:100%;height:140px;object-fit:cover;border-radius:var(--radius);background-color:#f3f4f6}.app-card-title{font-weight:600;font-size:1rem;color:var(--text-dark)}.app-card-details{font-size:.8rem;color:var(--text-light);display:flex;align-items:center;gap:.5rem}.app-card-install-btn{margin-top:auto;padding:.5rem .75rem;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.app-card-install-btn.install{background-color:#10b981;color:#fff}.app-card-install-btn.install:hover{background-color:#059669}.app-card-install-btn.installed{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.btn{display:inline-block;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.sort-search-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;gap:1rem}