.catalog-subject-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:5px 0 18px}
.catalog-subject-grid .subject-card{--accent:#9183ff;--accent-rgb:145,131,255;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:126px;padding:14px 16px 12px;border:1px solid #363b4e;border-radius:17px;text-align:left;font:inherit;cursor:pointer;transition:transform .24s,border-color .24s,box-shadow .24s}
.catalog-subject-grid .subject-card:hover,.catalog-subject-grid .subject-card:focus-visible{transform:translateY(-4px);outline:none}
.catalog-subject-grid .subject-card.physics{--accent:#82b8ff;--accent-rgb:130,184,255}
.catalog-subject-grid .subject-card.chemistry{--accent:#b29bff;--accent-rgb:178,155,255}
.catalog-subject-grid .subject-card.biology{--accent:#75d6b0;--accent-rgb:117,214,176}
.catalog-subject-grid .subject-card.math{--accent:#f1bb78;--accent-rgb:241,187,120}
.catalog-subject-grid .subject-card.geography{--accent:#7cd5d0;--accent-rgb:124,213,208}
.catalog-subject-grid .subject-card.tools{--accent:#f49bb9;--accent-rgb:244,155,185}
.catalog-subject-grid .subject-top,.catalog-subject-grid .subject-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.catalog-subject-grid .subject-bottom{align-items:flex-end}
.catalog-subject-grid .subject-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.16);border-radius:11px;background:rgba(var(--accent-rgb),.13);color:#6095f6}
.catalog-subject-grid .subject-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catalog-subject-grid .subject-num{font-size:10px;font-weight:750;letter-spacing:.12em;color:#8992ac;white-space:nowrap}
.catalog-subject-grid .subject-arrow{width:27px;height:27px;flex:none;display:grid;place-items:center;border:1px solid #41465b;border-radius:50%;background:#242838;color:#a9b0c9;font-size:15px}
.catalog-subject-grid .subject-name{font-size:18px}
.catalog-subject-grid .subject-desc{margin-top:5px;font-size:10px;line-height:1.4;color:#929bb2}
body:not(.dark) .catalog-subject-grid .subject-card{color:#fff;background:linear-gradient(120deg,#3c82f6 0%,#1265ec 100%);border-color:transparent;box-shadow:0 8px 20px #216bec20}
body:not(.dark) .catalog-subject-grid .subject-card:hover,body:not(.dark) .catalog-subject-grid .subject-card:focus-visible{border-color:#a6ccff;box-shadow:0 12px 26px #216bec30}
body:not(.dark) .catalog-subject-grid .subject-card.is-selected{border-color:#e4efff;box-shadow:0 0 0 2px #3577ee,0 10px 24px #216bec40;background:linear-gradient(120deg,#2471e5,#0755d8)}
body:not(.dark) .catalog-subject-grid .subject-desc,body:not(.dark) .catalog-subject-grid .subject-num{color:#e3edff}
body:not(.dark) .catalog-subject-grid .subject-icon{color:#fff;background:linear-gradient(135deg,#ffffff60,#a9dcff30);border-color:#ffffff40}
body:not(.dark) .catalog-subject-grid .subject-arrow{color:#1765d7;border-color:transparent;background:#b7d3ff}
body.dark .catalog-subject-grid .subject-card{color:#eff0f8;background:linear-gradient(145deg,#202430,#1c202b);border-color:#363b4e;box-shadow:none}
body.dark .catalog-subject-grid .subject-card:hover,body.dark .catalog-subject-grid .subject-card:focus-visible{border-color:rgba(var(--accent-rgb),.65);box-shadow:0 12px 28px #0004}
body.dark .catalog-subject-grid .subject-card.is-selected{border-color:#9183ff;box-shadow:0 0 0 2px #7263eb55,0 10px 26px #0003;background:linear-gradient(145deg,#302e4c,#202434)}
body.dark .catalog-subject-grid .subject-card.is-selected .subject-name{color:#fff}
@media(max-width:1240px){.catalog-subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-subject-grid .subject-card{min-height:116px;padding:12px}.catalog-subject-grid .subject-name{font-size:18px}}