:root{--primary:#0ea5e9;--dark:#0f172a;--dark2:#1e293b;--text:#334155;--border:#e2e8f0}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#fff;color:var(--text)}nav{background:var(--dark);padding:0 5%;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 24px rgba(0,0,0,.5);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo{color:#fff;font-size:1.35rem;font-weight:900;text-decoration:none;letter-spacing:-.5px}.nav-logo span{color:var(--primary)}.back-link{color:#94a3b8;font-size:.85rem;text-decoration:none}.back-link:hover{color:#fff}.lang-toggle{display:flex;gap:6px}.lang-btn{background:transparent;border:1px solid #334155;color:#94a3b8;padding:4px 11px;border-radius:20px;cursor:pointer;font-size:.78rem;font-weight:700;font-family:inherit;transition:all .2s}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.hero{background:linear-gradient(135deg,var(--dark) 0,var(--dark2) 100%);padding:60px 5% 50px;text-align:center}.hero h1{color:#fff;font-size:2rem;font-weight:900;margin-bottom:10px}.hero p{color:#94a3b8;font-size:.9rem;max-width:520px;margin:0 auto}.xp-filters{max-width:1100px;margin:0 auto;padding:28px 5% 0;display:flex;gap:8px;flex-wrap:wrap}.xp-filter-btn{background:#fff;border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:20px;cursor:pointer;font-size:.8rem;font-weight:700;font-family:inherit}.xp-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.xp-grid{max-width:1100px;margin:0 auto;padding:24px 5% 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:20px;gap:20px}.xp-empty{max-width:1000px;margin:0 auto;padding:60px 5% 80px;text-align:center;color:#64748b}.xp-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;background:#fff}.xp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.1)}.xp-img{width:100%;height:140px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.xp-img img{max-width:65%;max-height:100%;object-fit:contain}.xp-body{padding:16px 18px;flex:1 1;display:flex;flex-direction:column}.xp-device{font-size:.92rem;font-weight:800;color:var(--dark)}.xp-type{font-size:.8rem;color:#64748b;margin-top:2px}.xp-badge{display:inline-block;margin-top:10px;align-self:flex-start;font-size:.66rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:3px 9px}.xp-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.xp-bottom strong{font-size:1.05rem;color:var(--dark)}.xp-book-btn{padding:8px 14px;border-radius:8px;background:var(--primary);color:#fff;font-weight:700;font-size:.78rem;border:none;cursor:pointer;font-family:inherit}footer{background:#020617;color:#334155;text-align:center;padding:24px 5%;font-size:.78rem;line-height:1.8}footer a{color:var(--primary);text-decoration:none}