.practice-ui.mock-tests-ui .practice-hero{align-items:flex-start;height:auto;min-height:auto;padding:48px 0 56px;overflow:visible}.practice-ui.mock-tests-ui .practice-hero-grid{align-items:start}.mock-tests-ui .mock-toolbar{box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #dce6f5;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px;padding:14px 16px;display:flex}.mock-tests-ui .mock-filters{flex-wrap:wrap;gap:8px;display:flex}.mock-tests-ui .mock-filters button{color:#465773;cursor:pointer;min-height:38px;transition:transform .25s var(--ease),border-color .25s,background .25s,color .25s,box-shadow .25s;background:#fff;border:1px solid #dce4ef;border-radius:999px;padding:0 14px;font-size:12px;font-weight:780}.mock-tests-ui .mock-filters button:hover{background:#f7faff;border-color:#bed0ef;transform:translateY(-1px)}.mock-tests-ui .mock-filters button.is-active{color:#fff;background:var(--gradient);border-color:#0000;box-shadow:0 10px 22px #185dee38}.mock-tests-ui .mock-search{width:min(280px,100%);position:relative}.mock-tests-ui .mock-search svg{color:#8a97ab;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mock-tests-ui .mock-search input{width:100%;min-height:42px;color:var(--navy-900);background:#fff;border:1px solid #dce4ef;border-radius:12px;outline:none;padding:0 14px 0 40px;font-size:13px;transition:border-color .2s,box-shadow .2s}.mock-tests-ui .mock-search input:focus{border-color:#1468ff73;box-shadow:0 0 0 4px #1468ff1f}.mock-tests-ui .mock-count{color:var(--slate-500);margin:0 0 18px;font-size:13px}.mock-tests-ui .mock-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.mock-tests-ui .mock-card{--card-accent:#2176ed;--card-soft:#edf5ff;background:linear-gradient(145deg,var(--card-soft),white 48%);min-height:420px;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;border:1px solid #d9e6f7;border-radius:22px;flex-direction:column;padding:26px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #122a510f}.mock-tests-ui .mock-card:before{content:"";background:var(--card-accent);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.mock-tests-ui .mock-card:hover{border-color:#c5d8f5;transform:translateY(-4px);box-shadow:0 18px 44px #122a511a}.mock-tests-ui .mock-card.is-listening{--card-accent:#0ea5e9;--card-soft:#eef9ff}.mock-tests-ui .mock-card.is-reading{--card-accent:#2563eb;--card-soft:#eef4ff}.mock-tests-ui .mock-card.is-writing{--card-accent:#6366f1;--card-soft:#f1f0ff}.mock-tests-ui .mock-card.is-speaking{--card-accent:#8b5cf6;--card-soft:#f5f0ff}.mock-tests-ui .mock-card.is-mock{--card-accent:#155ce8;--card-soft:#edf3ff}.mock-tests-ui .mock-card.is-locked{opacity:.96}.mock-tests-ui .mock-card-top{grid-template-columns:48px 1fr auto;align-items:start;gap:14px;display:grid}.mock-tests-ui .mock-card-icon{color:#fff;background:linear-gradient(135deg,var(--card-accent),#45a6f5);border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 22px #1e73e633}.mock-tests-ui .mock-card-icon svg{width:22px;height:22px}.mock-tests-ui .mock-card-top small{color:var(--slate-500);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:780;display:block}.mock-tests-ui .mock-card-top h3{color:var(--navy-900);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:820;line-height:1.3}.mock-tests-ui .mock-card-top em{color:#0a7a52;white-space:nowrap;background:#e8f9f2;border-radius:999px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:850}.mock-tests-ui .mock-card-top em.is-paid{color:#8a5a00;background:#fff4db}.mock-tests-ui .mock-card-top em.is-locked{color:#5d6b82;background:#eef2f7}.mock-tests-ui .mock-card>p{color:var(--slate-600);flex:1;margin:16px 0 0;font-size:14px;line-height:1.55}.mock-tests-ui .mock-meta{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.mock-tests-ui .mock-meta span{text-align:center;background:#ffffffd9;border:1px solid #e2eaf5;border-radius:14px;padding:12px 10px}.mock-tests-ui .mock-meta small{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:750;display:block}.mock-tests-ui .mock-meta strong{color:var(--navy-900);font-size:13px;font-weight:820}.mock-tests-ui .mock-card-footer{gap:10px;margin-top:20px;display:grid}.mock-tests-ui .mock-card-footer .button{width:100%}.mock-tests-ui .mock-card-footer .button-muted{color:#465773;box-shadow:none;background:#fff;border-color:#dce4ef}.mock-tests-ui .mock-card-footer small{text-align:center;color:var(--slate-500);font-size:11px;line-height:1.45;display:block}.mock-tests-ui .mock-card-footer small a{color:var(--blue);font-weight:750}.mock-tests-ui .mock-team-block{text-align:center;background:#f7f9fc;border:1px solid #e2e9f3;border-radius:14px;gap:8px;padding:14px;display:grid}.mock-tests-ui .mock-team-block strong{color:var(--slate-600);font-size:13px}.mock-tests-ui .mock-team-block p{color:var(--slate-500);margin:0;font-size:11px}.mock-tests-ui .mock-team-block a{color:var(--blue);font-weight:750}.mock-tests-ui .mock-skeleton{background:linear-gradient(110deg,#f4f7fc 25%,#eef3fa 40%,#f4f7fc 55%) 0 0/200% 100%;border:1px solid #e2e9f3;border-radius:22px;min-height:420px;animation:1.2s linear infinite mock-shimmer}@keyframes mock-shimmer{to{background-position-x:-200%}}.mock-tests-ui .mock-empty,.mock-tests-ui .mock-error{text-align:center;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dce6f5;border-radius:22px;padding:48px 28px}.mock-tests-ui .mock-empty h3,.mock-tests-ui .mock-error h3{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.mock-tests-ui .mock-empty p,.mock-tests-ui .mock-error p{max-width:380px;color:var(--slate-600);margin:0 auto;font-size:14px;line-height:1.55}.mock-tests-ui .mock-error .button{margin-top:18px}.mock-tests-ui .mock-pagination{justify-content:center;margin-top:40px;display:flex}.mock-tests-ui .mock-pagination-inner{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dce6f5;border-radius:16px;align-items:center;gap:4px;padding:6px;display:inline-flex}.mock-tests-ui .mock-pagination button{color:#465773;cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:40px;min-height:40px;padding:0 12px;font-size:13px;font-weight:780;transition:background .2s,color .2s}.mock-tests-ui .mock-pagination button:hover:not(:disabled){color:var(--blue);background:#f0f5ff}.mock-tests-ui .mock-pagination button.is-active{color:#fff;background:var(--blue);box-shadow:0 8px 18px #1468ff40}.mock-tests-ui .mock-pagination button:disabled{opacity:.35;cursor:not-allowed}.mock-tests-ui .mock-timeline{gap:10px;margin-top:18px;display:grid}.mock-tests-ui .mock-timeline div{background:#f8fbff;border:1px solid #e2eaf5;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.mock-tests-ui .mock-timeline span{color:var(--navy-800);font-size:13px;font-weight:760}.mock-tests-ui .mock-timeline b{color:var(--slate-500);font-size:12px;font-weight:750}@media (max-width:1080px){.mock-tests-ui .mock-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.mock-tests-ui .mock-toolbar{display:grid}.mock-tests-ui .mock-search{width:100%}.mock-tests-ui .mock-grid{grid-template-columns:1fr}.mock-tests-ui .mock-card{min-height:0}.mock-tests-ui .mock-card-top{grid-template-columns:44px 1fr}.mock-tests-ui .mock-card-top em{grid-column:1/-1;justify-self:start}}