@media (width>=768px){body:has(.site-main .b-home){--page-w:1220px}}.b-home{flex-direction:column;gap:clamp(14px,2.2cqi,28px);display:flex;container:b-home/inline-size}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.b-intro__card{--pad:var(--intro-pad,40px);padding:var(--pad);background:linear-gradient(135deg,#efe9ff 0%,#f7f4ff 60%,#fff 100%);border:1.5px solid #fff;border-radius:clamp(24px,3cqi,40px);grid-template-columns:minmax(0,1fr) minmax(0,.4fr);align-items:center;gap:clamp(6px,2cqi,24px);display:grid;box-shadow:0 18px 40px #3c288c14}.b-intro__text{flex-direction:column;gap:clamp(8px,1.5cqi,18px);min-width:0;display:flex}.site-main .b-intro h1{color:#262437;font:900 clamp(32px, 7cqi, 88px) / .98 var(--font-ui);letter-spacing:.01em;text-transform:uppercase;margin:0}.site-main .b-intro p{color:#3a3850;font:600 clamp(12px, 3.6cqi, 26px) / 1.35 var(--font-ui);margin:0;overflow:hidden}.b-intro__art{--anchor-layer:n;aspect-ratio:var(--art-ratio,1.4);margin-bottom:calc(-1 * var(--pad));clip-path:inset(-100% -100% 0);align-self:end;position:relative}.b-intro__char{aspect-ratio:1;--x:var(--n-ax,50);--y:var(--n-ay,50);--s:var(--n-as,105);--r:var(--n-ar,0);filter:drop-shadow(0 10px 20px #281e5a2e)}.b-intro__char .site-clip{width:100%;height:100%}.b-search input{box-sizing:border-box;color:#262437;width:100%;min-height:clamp(48px,5cqi,64px);font:500 max(16px, 1.3cqi) / 1 var(--font-ui);background:#fff;border:1.5px solid #fff;border-radius:999px;padding:0 clamp(18px,2.4cqi,28px);box-shadow:0 12px 30px #3c288c14}.b-search input:focus{border-color:#5a3cc8;outline:none}.b-cats{scrollbar-width:none;gap:10px;margin:-12px -16px -16px;padding:12px 16px 22px;display:flex;overflow-x:auto}.b-cats::-webkit-scrollbar{display:none}.b-cat{color:#262437;min-height:42px;font:700 15px / 1 var(--font-ui);cursor:pointer;background:#ffffffd9;border:1.5px solid #fff;border-radius:999px;flex:none;padding:0 20px;box-shadow:0 8px 20px #3c288c14}.b-cat[aria-pressed=true]{color:#fff;background:linear-gradient(#7253dc 0%,#5a3cc8 100%)}.b-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(14px,2cqi,24px);margin:0;padding:0;list-style:none;display:grid}.b-card-wrap{min-width:0;display:flex}.b-card{color:#262437;background:#fff;border:1.5px solid #fff;border-radius:28px;flex-direction:column;flex:1;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 18px 40px #3c288c14;container-type:inline-size}.b-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #3c288c24}.b-card__body{flex-direction:column;flex:1;gap:clamp(6px,2cqi,10px);padding:clamp(14px,5cqi,22px);display:flex}.b-card .b-cover{aspect-ratio:var(--cover-ratio,2.5)}.b-card .b-cover:has(.b-cover__img){aspect-ratio:16/9}.b-card__title{font:900 clamp(18px, 6.2cqi, 24px) / 1.2 var(--font-ui)}.b-card__text{color:#4a4860;font:500 clamp(14px, 4.4cqi, 16px) / 1.45 var(--font-ui)}.b-chips{flex-wrap:wrap;gap:6px;display:flex}.b-chip{color:#5a3cc8;font:700 13px / 1 var(--font-ui);background:#efeaff;border-radius:999px;padding:6px 12px}.b-chip--level{color:#262437;background:#e2ec6f}.b-chip--draft{color:#8a4b12;background:#ffe9d6}.b-cover{aspect-ratio:16/10;background:linear-gradient(135deg,#e9e3fb 0%,#f6f2ff 70%);position:relative;overflow:hidden;container-type:size}.b-cover__img{object-fit:cover;width:100%;height:100%;display:block}.b-cover__text{z-index:1;color:#262437;width:58%;font:900 min(24cqh, 9cqw) / .98 var(--font-ui);letter-spacing:-.02em;position:absolute;top:50%;left:6%;translate:0 -50%}.b-cover__char{width:auto;height:118cqh;position:absolute;bottom:-12%;right:5%}.b-course{background:linear-gradient(135deg,#efe9ff 0%,#fff 100%);border:1.5px solid #fff;border-radius:clamp(24px,3cqi,36px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:clamp(20px,3cqi,40px);display:flex;box-shadow:0 18px 40px #3c288c14}.site-main .b-course h2{font:900 clamp(22px, 3.2cqi, 40px) / 1.1 var(--font-ui);margin:0}.site-main .b-course p{color:#4a4860;font:500 clamp(14px, 1.6cqi, 18px) / 1.45 var(--font-ui);margin:6px 0 0}.b-course .b-course__btn{background:linear-gradient(#7253dc 0%,#5a3cc8 100%);justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:16px;text-decoration:none;display:inline-flex}.site-main .b-empty{color:#4a4860;font:600 16px / 1.4 var(--font-ui);margin:0}@container b-home (width>=760px){.b-intro__card{grid-template-columns:minmax(0,1fr) minmax(0,.42fr)}.site-main .b-intro p{font-size:clamp(16px,2.2cqi,28px)}.b-intro__art{--anchor-layer:w}.b-intro__char{--x:var(--w-ax,50);--y:var(--w-ay,50);--s:var(--w-as,105);--r:var(--w-ar,0)}}@media (prefers-reduced-motion:reduce){.b-card{transition:none}}