.concepts-page{width:90%;color:var(--text-h);margin:0 auto;padding:48px 24px 72px}.white{color:#fff!important}.cursor-pointer{cursor:pointer}.p-0-7{padding:.7rem}.explore-btn{border-radius:1rem;width:5rem}.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)}
#concept-list .concepts-page{width:90%;color:var(--text-h);margin:0 auto;padding:48px 24px 72px}#concept-list .concept-slider{display:none}#concept-list .bg-info,#concept-list .btn:hover{background-color:#1b3e8e!important}#concept-list .concepts-hero__subname{color:#aa3bff;font-size:22px;font-weight:700}#concept-list .concepts-hero{text-align:justify;grid-template-columns:1fr minmax(300px,380px);gap:36px;margin-bottom:28px;display:grid}#concept-list .concepts-hero__title{margin:0;font-size:35px;line-height:1.02}#concept-list .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}#concept-list .concepts-hero__subtitle{color:var(--text);max-width:560px;margin:20px 0 0;font-size:1rem;line-height:1.7}#concept-list .concepts-search{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}#concept-list .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}#concept-list .concepts-search__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #aa3bff1f}#concept-list .concepts-search__icon{color:var(--text);position:absolute;top:50%;left:15px;transform:translateY(-50%)}#concept-list .concepts-search__container{width:100%;position:relative}#concept-list .concepts-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}#concept-list .concepts-heading__actions{flex-wrap:wrap;gap:10px;display:flex}#concept-list .concepts-heading__link{color:var(--text);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}#concept-list .concepts-heading__link:hover{color:var(--accent)}#concept-list .concepts-filters{flex-wrap:wrap;gap:10px;margin-bottom:36px;display:flex}#concept-list .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}#concept-list .concepts-pill:hover{transform:translateY(-1px)}#concept-list .concepts-pill.active{background:var(--accent);color:#fff;border-color:#aa3bff4d}#concept-list .concepts-grid{grid-template-columns:repeat(4,minmax(280px,1fr));gap:24px;display:grid}#concept-list .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-list .concept-card:hover{border-color:#aa3bff29;transform:translateY(-6px);box-shadow:0 28px 68px #0f172a24}#concept-list .concept-card__hero{background:#aa3bff0f;place-items:center;padding:5px 10px;display:flex}#concept-list .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-list .concept-card--js .concept-card__hero{background:#3849d214}#concept-list .concept-card--react .concept-card__hero{background:#0984e314}#concept-list .concept-card--vue .concept-card__hero{background:#38b78614}#concept-list .concept-card--ts .concept-card__hero{background:#3178c61a}#concept-list .concept-card__content{padding:24px 24px 20px}#concept-list .concept-card__meta{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}#concept-list .concept-card__badge,#concept-list .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-list .concept-card__title{color:var(--text-h);margin:0;font-size:1.25rem;line-height:1.2}#concept-list .concept-card__description{color:var(--text);text-align:justify;min-height:78px;margin:16px 0 0;font-size:.95rem;line-height:1.7}#concept-list .concept-card__footer{border-top:1px solid #e6e5ec;justify-content:space-between;align-items:center;gap:14px;padding:10px;display:flex}#concept-list .concept-card__time{color:var(--text);margin:0;font-size:.85rem}#concept-list .concept-card__action,#concept-list .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-list .concept-card__action:hover,#concept-list .concept-card__link:hover{background:#8f2ce1;transform:translateY(-1px)}#concept-list .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}#concept-list .list-tech-card__action:hover{background:#8f2ce1;transform:translateY(-2px)}#concept-list .concepts-slider{display:none}#concept-list .filters{background:#f9fafb;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:32px;padding:16px;display:flex;box-shadow:0 2px 6px #0000000d}#concept-list .filters span{color:#374151;font-size:14px;font-weight:600}#concept-list .filters select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px;font-size:14px;transition:border-color .2s}#concept-list .filters select:hover{border-color:#2563eb}#concept-list .concepts-hero__name{margin-bottom:1rem;font-size:1.5rem!important}@media (max-width:768px){#concept-list .concepts-page{box-sizing:border-box;width:100%;max-width:760px;padding:18px 16px 36px}#concept-list .concepts-hero{text-align:left;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:16px;display:flex}#concept-list .concepts-hero__name{letter-spacing:-.035em;margin:0;line-height:1.15;font-size:clamp(1.7rem,7vw,2rem)!important}#concept-list .concepts-hero__subname{color:#7540a8;margin:6px 0 0;font-size:.92rem}#concept-list .concepts-search{width:100%;margin:0}#concept-list .concepts-search__container{width:100%}#concept-list .concepts-search__input{background:#fff;border-radius:12px;min-height:48px;padding:12px 14px 12px 42px;font-size:.95rem;box-shadow:0 2px 8px #0f172a0d}#concept-list .concepts-search__icon{left:14px}#concept-list .filters{background:#fff;border:1px solid #e7eaf0;border-radius:12px;grid-template-columns:1fr;gap:8px;margin:0 0 16px;padding:13px 14px;display:grid;box-shadow:0 2px 8px #0f172a0a}#concept-list .filters span{color:#475569;font-size:.82rem}#concept-list .filters select{width:100%;min-height:44px}#concept-list .concepts-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid!important}#concept-list .concept-slider{display:none!important}#concept-list .concept-card{border-radius:16px;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;box-shadow:0 3px 12px #0f172a0f}#concept-list .concept-card:hover{transform:none}#concept-list .concept-card__hero{min-height:58px;padding:7px 12px}#concept-list .concept-card__symbol{border-radius:13px;width:42px;height:42px;font-size:1.15rem}#concept-list .concept-card__content{padding:14px 16px 16px}#concept-list .concept-card__meta{gap:6px;margin-bottom:10px}#concept-list .concept-card__badge,#concept-list .concept-card__level{padding:5px 9px;font-size:.72rem}#concept-list .concept-card__title{font-size:1.05rem;line-height:1.3}#concept-list .concept-card__description{text-align:left;min-height:0;margin-top:7px;font-size:.88rem;line-height:1.5}#concept-list .concept-card__footer{gap:8px;padding:10px 14px}#concept-list .concept-card__footer .badge{font-size:.72rem}#concept-list .concept-card__footer .explore-btn{width:auto;min-width:68px;min-height:36px;padding:6px 14px}#concept-list .concepts-error,#concept-list .concepts-empty{background:#fff;border:1px solid #e7eaf0;border-radius:12px;margin:0;padding:18px}}