.concepts-page{width:90%;color:var(--text-h);margin:0 auto;padding:48px 24px 72px}.concepts-hero__subname{color:#aa3bff;font-size:22px;font-weight:700}.concepts-hero{text-align:justify;grid-template-columns:1fr minmax(300px,380px);gap:36px;margin-bottom:28px;display:grid}.concepts-hero__title{margin:0;font-size:35px;line-height:1.02}.concepts-hero__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;margin-left:5rem;font-size:.75rem;font-weight:700;display:inline-flex}.concepts-hero__subtitle{color:var(--text);max-width:560px;margin:20px 0 0;font-size:1rem;line-height:1.7}.concepts-search{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.concepts-search__input{border:1px solid var(--border);width:100%;max-width:100%;color:var(--text-h);background:var(--bg);border-radius:999px;outline:none;padding:14px 18px 14px 44px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.concepts-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #aa3bff1f}.concepts-search__icon{color:var(--text);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.concepts-search__container{width:100%;position:relative}.concepts-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.concepts-heading__actions{flex-wrap:wrap;gap:10px;display:flex}.concepts-heading__link{color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.concepts-heading__link:hover{color:var(--accent)}.concepts-filters{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}.concepts-pill{color:var(--text-h);cursor:pointer;background:#f4f3ece6;border:1px solid #9191a52e;border-radius:999px;padding:11px 18px;font-size:.9rem;font-weight:600;transition:transform .2s,border-color .2s,background .2s}.concepts-pill:hover{transform:translateY(-1px)}.concepts-pill.active{background:var(--accent);color:#fff;border-color:#aa3bff4d}.concepts-grid{grid-template-columns:repeat(4,minmax(280px,1fr));gap:24px;display:grid}.concept-card{background:#fffffff2;border:1px solid #9191a51f;border-radius:24px;grid-template-rows:auto 1fr auto;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;overflow:hidden;box-shadow:0 22px 54px #0f172a14}.concept-card:hover{border-color:#aa3bff29;transform:translateY(-6px);box-shadow:0 28px 68px #0f172a24}.concept-card__hero{background:#aa3bff0f;place-items:center;padding:28px 24px;display:grid}.concept-card__symbol{width:66px;height:66px;color:var(--text-h);border-radius:20px;place-items:center;font-family:emoji;font-size:1.55rem;font-weight:800;display:grid}.concept-card--js .concept-card__hero{background:#3849d214}.concept-card--react .concept-card__hero{background:#0984e314}.concept-card--vue .concept-card__hero{background:#38b78614}.concept-card--ts .concept-card__hero{background:#3178c61a}.concept-card__content{padding:24px 24px 20px}.concept-card__meta{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.concept-card__badge,.concept-card__level{color:var(--text-h);background:#f4f3ecf2;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.concept-card__title{color:var(--text-h);margin:0;font-size:1.25rem;line-height:1.2}.concept-card__description{color:var(--text);text-align:justify;min-height:78px;margin:16px 0 0;font-size:.95rem;line-height:1.7}.concept-card__footer{border-top:1px solid #e6e5ec;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px 24px;display:flex}.concept-card__time{color:var(--text);margin:0;font-size:.85rem}.concept-card__action,.concept-card__link{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:8px 15px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.concept-card__action:hover,.concept-card__link:hover{background:#8f2ce1;transform:translateY(-1px)}