.apps-page { padding-top:12px; }
.apps-intro { padding-top:48px; padding-bottom:12px; }
.apps-intro h1 { font-size:clamp(2.2rem,4.2vw,3.6rem); line-height:1.12; margin:20px 0; max-width:1050px; }
.apps-intro h1 strong { color:#ff3946; }
.apps-intro p { max-width:700px; color:#ccc; line-height:1.7; }
.apps-filter { max-width:550px; margin-top:32px; }
.apps-filter label { display:block; margin-bottom:12px; font-weight:700; }
.apps-filter select { width:100%; padding:16px; color:#fff; background:#16161c; border:1px solid #777; border-radius:12px; font:inherit; }
.apps-status { min-height:28px; margin-top:12px; }
.apps-platform { padding:40px 0; scroll-margin-top:100px; }
.apps-platform[hidden] { display:none; }
.client-app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.client-app-card { display:flex; flex-direction:column; align-items:start; padding:28px; border:1px solid #ffffff24; border-radius:22px; background:linear-gradient(145deg,#1b1b23,#101014); gap:16px; }
.apps-card-tag { color:#ff9ba2; text-transform:uppercase; font-size:.75rem; letter-spacing:.08em; }
.client-app-card h3 { font-size:1.6rem; }
.client-app-heading { display:flex; align-items:center; gap:16px; width:100%; min-width:0; }
.client-app-heading>div { min-width:0; }
.client-app-heading h3 { font-size:1.35rem; margin-top:6px; overflow-wrap:anywhere; }
.client-app-logo { width:72px; height:72px; flex-shrink:0; object-fit:contain; border-radius:17px; background:#09090c; border:1px solid #ffffff30; box-shadow:0 8px 24px #0004; }
.client-app-card { position:relative; overflow:hidden; }
.client-app-card::before { content:''; position:absolute; top:0; left:28px; width:44px; height:3px; background:#ef3947; border-radius:0 0 4px 4px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .client-app-card { transition:transform .18s ease,border-color .18s ease; }.client-app-card:hover { transform:translateY(-3px); border-color:#ef394780; } }
.client-app-card p,.apps-platform p,.apps-install-guide li,.apps-help p { color:#ccc; line-height:1.8; }
.client-app-card>a { margin-top:auto; width:100%; text-align:center; white-space:normal; }
.apps-code { display:flex; flex-direction:column; gap:10px; padding:16px; width:100%; border-radius:12px; background:#ffffff08; }
.apps-code small { color:#ccc; }.apps-code code { font-size:1.3rem; letter-spacing:.06em; }
.apps-alternatives { border-top:1px solid #ffffff25; }.apps-alternatives h2 { margin:20px 0; }.apps-alternatives p { max-width:850px; margin-bottom:16px; }
.apps-install-guide { padding:32px; border:1px solid #ffffff24; border-radius:22px; background:#111116; scroll-margin-top:100px; }
.apps-install-guide ol { padding-left:22px; display:grid; gap:16px; margin-top:20px; }
.apps-help { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:60px 0; scroll-margin-top:100px; }.apps-help p { max-width:650px; margin-top:16px; }
.apps-page :focus-visible { outline:3px solid #ff9ba2; outline-offset:4px; }
@media(max-width:900px) { .client-app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .client-app-grid { grid-template-columns:1fr; }.apps-help { flex-direction:column; align-items:start; }.apps-help .btn { width:100%; }.client-app-card,.apps-install-guide { padding:22px; } }