.SystemDesign_page__tydTw{width:min(100% - 2rem,76rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 0 4rem;color:#2c2634}.SystemDesign_hero__kbL3o{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid #e9e3ef;border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgba(224,165,20,.14),transparent 35%),linear-gradient(135deg,#faf8fc,#f2eef7 60%,#fbfafc)}.SystemDesign_eyebrow__EYtoU{color:#785595;font-size:.74rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.SystemDesign_heroText__LCKGQ h1{margin:.6rem 0 0;color:#292333;font-size:clamp(1.9rem,4.2vw,2.9rem);font-weight:770;letter-spacing:-.05em;line-height:1.08}.SystemDesign_heroText__LCKGQ>p{max-width:34rem;margin:.9rem 0 0;color:#6f6977;font-size:1rem;line-height:1.65}.SystemDesign_heroText__LCKGQ .SystemDesign_solved__CJebe{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:#fff;color:#6a4a86;font-size:.86rem;font-weight:700}.SystemDesign_steps__lRu_k{display:grid;grid-gap:.75rem;gap:.75rem;margin:0;padding:0;list-style:none}.SystemDesign_steps__lRu_k li{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem 1rem;border:1px solid #ebe4f1;border-radius:.9rem;background:rgba(255,255,255,.85)}.SystemDesign_stepIcon__K4uFK{display:grid;width:2.4rem;height:2.4rem;flex:0 0 auto;place-items:center;border-radius:.7rem;background:#f1ebf6;color:#73508f;font-size:1.2rem}.SystemDesign_steps__lRu_k strong{display:flex;align-items:center;gap:.4rem;color:#2c2634;font-size:.92rem}.SystemDesign_stepNo__x_iBd{display:grid;width:1.15rem;height:1.15rem;place-items:center;border-radius:50%;background:#73508f;color:#fff;font-size:.66rem}.SystemDesign_steps__lRu_k p{margin:.2rem 0 0;color:#77717e;font-size:.82rem;line-height:1.5}.SystemDesign_catalog__ymk5K{margin-top:2.5rem}.SystemDesign_toolbar__OH9r8{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.SystemDesign_toolbar__OH9r8 h2{margin:0;color:#211d25;font-size:1.5rem;font-weight:760;letter-spacing:-.03em}.SystemDesign_filters__TvVlC{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.SystemDesign_segmented__HhmOn{display:inline-flex;padding:.2rem;border:1px solid #e6e1ea;border-radius:.7rem;background:#fff}.SystemDesign_segmented__HhmOn button{min-width:3.2rem;min-height:2.2rem;padding:.3rem .75rem;border:0;border-radius:.5rem;background:transparent;color:#5e5866;font:inherit;font-size:.84rem;font-weight:650;cursor:pointer}.SystemDesign_segmented__HhmOn .SystemDesign_segmentActive__DW2MJ{background:#73508f;color:#fff}.SystemDesign_search__byshK,.SystemDesign_select__TPB94 select{min-height:2.6rem;border:1px solid #e6e1ea;border-radius:.7rem;background:#fff;color:#3c3642;font:inherit;font-size:.86rem}.SystemDesign_select__TPB94 select{padding:.4rem .7rem}.SystemDesign_search__byshK{display:flex;align-items:center;gap:.45rem;padding:0 .75rem;color:#8a8490}.SystemDesign_search__byshK input{width:13rem;min-width:0;border:0;outline:0;background:transparent;color:#302a37;font:inherit}.SystemDesign_search__byshK:focus-within,.SystemDesign_select__TPB94 select:focus{border-color:#8c6aa7;outline:0;box-shadow:0 0 0 .2rem rgba(128,96,164,.12)}.SystemDesign_grid__ROFMH{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.SystemDesign_card__HEEgN{display:flex;min-width:0;flex-direction:column;padding:1.25rem;border:1px solid #ebe7ee;border-radius:1rem;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.SystemDesign_card__HEEgN:hover{transform:translateY(-3px);border-color:#ddd2e8;box-shadow:0 1rem 2rem rgba(41,31,53,.09);color:inherit}.SystemDesign_card__HEEgN:focus-visible{outline:3px solid #8c6aa7;outline-offset:2px}.SystemDesign_cardTop__XADFG{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.SystemDesign_typeTag__UpqIo{padding:.18rem .55rem;border-radius:.4rem;background:#2c2634;color:#fff;font-size:.68rem;font-weight:760;letter-spacing:.05em}.SystemDesign_difficulty__IEWGo{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:700}.SystemDesign_difficulty__IEWGo:before{width:.45rem;height:.45rem;border-radius:50%;background:currentColor;content:""}.SystemDesign_difficulty_EASY__RstYt{color:#2f8a57}.SystemDesign_difficulty_MEDIUM__yybKS{color:#b07c0c}.SystemDesign_difficulty_HARD__2OMoh{color:#b23d43}.SystemDesign_progress__Q4fHE{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;padding:.15rem .55rem;border-radius:999px;background:#f3f0f7;color:#5d5466;font-size:.72rem;font-weight:700}.SystemDesign_progressPassed__yq2Xa{background:#eaf7ef;color:#23683d}.SystemDesign_card__HEEgN h3{margin:.9rem 0 0;color:#211d25;font-size:1.12rem;font-weight:730;letter-spacing:-.015em;line-height:1.35}.SystemDesign_card__HEEgN p{display:-webkit-box;overflow:hidden;margin:.45rem 0 0;color:#6a6570;font-size:.88rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.SystemDesign_cta__wVuDv{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:1.1rem;color:#73508f;font-size:.86rem;font-weight:720}.SystemDesign_cta__wVuDv i{font-size:1.1rem;transition:transform .16s ease}.SystemDesign_card__HEEgN:hover .SystemDesign_cta__wVuDv i{transform:translateX(3px)}.SystemDesign_skeleton__Dt2To{height:12rem;border-radius:1rem;background:linear-gradient(90deg,#f3f0f6 25%,#faf8fc 50%,#f3f0f6 75%);background-size:200% 100%;animation:SystemDesign_shimmer__Rvqi_ 1.4s ease infinite}.SystemDesign_message__iNaAx{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1rem;border:1px dashed #e0d8e8;border-radius:1rem;color:#6f6977;font-size:.92rem}.SystemDesign_srOnly__jCwu9{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes SystemDesign_shimmer__Rvqi_{to{background-position:-200% 0}}@media (max-width:900px){.SystemDesign_hero__kbL3o{grid-template-columns:minmax(0,1fr)}.SystemDesign_grid__ROFMH{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.SystemDesign_grid__ROFMH{grid-template-columns:minmax(0,1fr)}.SystemDesign_filters__TvVlC,.SystemDesign_search__byshK,.SystemDesign_search__byshK input{width:100%}}@media (prefers-reduced-motion:reduce){.SystemDesign_card__HEEgN,.SystemDesign_cta__wVuDv i,.SystemDesign_skeleton__Dt2To{transition:none;animation:none}}