.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{color:#fff;cursor:pointer;background:#8f2ce1;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)}.list-tech-card__action{color:#fff;cursor:pointer;background:#8f2ce1;border:none;border-radius:999px;width:10rem;margin-left:33rem;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .2s,background .2s}.list-tech-card__action:hover{background:#8f2ce1;transform:translateY(-2px)}.concepts-slider{display:none}.filters{background:#f9fafb;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:32px;padding:16px;display:flex;box-shadow:0 2px 6px #0000000d}.filters span{color:#374151;font-size:14px;font-weight:600}.filters select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px;transition:border-color .2s}.filters select:hover{border-color:#2563eb}@media (max-width:768px){html,body{width:100%;overflow-x:hidden}.concepts-page{box-sizing:border-box;width:100%;padding:1.5rem}.concepts-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.concepts-hero__name{margin:0;font-size:1.8rem}.concepts-hero__subname{color:var(--text);font-size:.95rem}.concepts-search{justify-content:center;width:100%;margin-top:8px;display:flex}.concepts-search__container{background:#f3f4f6;border-radius:12px;align-items:center;width:90%;max-width:400px;padding:8px 12px;display:flex}.concepts-search__input{background:0 0;border:none;outline:none;flex:1;font-size:15px}.concepts-grid{display:none}.concepts-slider{justify-content:center;align-items:center;margin-top:24px;padding:0 16px;display:block;position:relative}.concepts-slider .arrow{color:#fff;cursor:pointer;z-index:2;background:border-box;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;transition:background-color .2s;position:absolute;top:50%;transform:translateY(-50%)}.concepts-slider .arrow.left{left:0}.concepts-slider .arrow.right{right:0}.concepts-slider .concept-card{background:#fff;border-radius:20px;flex:0 0 90%;margin:0 auto;padding:20px;box-shadow:0 4px 12px #00000014}.concepts-slider{margin-bottom:32px}}