:root{--bg:#f8f7fb;--ink:#1a1531;--muted:#6d687e;--line:#eae5f1;--brand:#8a3ff6;--navy:#110b25;--pink:#e321ab}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fcfbff 0%,#f8f6fc 100%);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button{font:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #a16cff;outline-offset:3px}
.shell{width:min(1200px,calc(100% - 44px));margin:auto}.site-head{position:relative;z-index:2;background:linear-gradient(105deg,#140b2a,#221139 65%,#391449);border-bottom:1px solid #ffffff16;box-shadow:0 6px 24px #10082213}.head-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:16px}.logo{width:clamp(195px,28vw,268px);height:auto}.head-caption{color:#ead6ff;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.head-caption span{color:#f6a9e8}
main{padding:31px 0 68px}.market-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.market-title h1{font-size:clamp(26px,2.9vw,38px);line-height:1.12;letter-spacing:-.05em;margin:0;font-weight:850}.count{color:#6e4db1;background:#f0e9ff;border:1px solid #e3d7fb;padding:9px 15px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.course{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #eee9f1;border-radius:20px;box-shadow:0 9px 25px #3420490d,0 2px 6px #2a163e07;transition:transform .2s,box-shadow .2s}.course:hover{transform:translateY(-5px);box-shadow:0 24px 56px #31174926}
.cover{position:relative;overflow:hidden;background:#160f31;aspect-ratio:2.45/1}.cover img{width:100%;height:100%;object-fit:fill}.course-info{padding:23px 22px 22px;display:flex;flex:1;flex-direction:column}.category{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#7b51ce;margin:0 0 10px}.course h2{font-size:20px;line-height:1.28;letter-spacing:-.034em;margin:0 0 13px;font-weight:830;min-height:51px}.desc{color:#696576;font-size:13px;line-height:1.75;margin:0 0 23px;min-height:94px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee9f1;padding:17px 0 16px;margin-top:auto}.amount{color:#4f218f;font-size:27px;font-weight:850;letter-spacing:-.05em;white-space:nowrap}.currency{font-size:11px;font-weight:850;color:#80788e;letter-spacing:.07em}.course-tag{display:flex;gap:5px;align-items:center;font-size:11px;font-weight:700;color:#756d82}.course-tag svg{height:16px;width:16px;color:#8255e0}.buy{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;border:0;border-radius:12px;background:linear-gradient(110deg,#7931cf,#b323ae 70%,#d626ad);color:#fff;min-height:46px;cursor:pointer;font-weight:850;font-size:13px;box-shadow:0 9px 22px #7e2aa528;transition:filter .16s,transform .16s}.buy:hover{filter:brightness(1.12);transform:translateY(-1px)}.buy svg{width:16px;height:16px}
.site-foot{border-top:1px solid #ebe7f0;padding:18px;text-align:center;color:#7b7785;font-size:11px;background:#fff}.dialog-backdrop{position:fixed;z-index:40;inset:0;background:#100b239a;display:flex;align-items:center;justify-content:center;padding:20px}.dialog-backdrop[hidden]{display:none}.dialog{background:#fff;border-radius:19px;padding:30px;max-width:440px;width:100%;box-shadow:0 35px 85px #0004;position:relative}.dialog h2{font-size:23px;letter-spacing:-.04em;margin:0 0 10px}.dialog p{line-height:1.7;color:#6b6675;font-size:14px;margin:0 0 18px}.close{position:absolute;right:17px;top:15px;border:0;border-radius:50%;background:#f1edf7;color:#4a3c67;height:32px;width:32px;cursor:pointer}.dialog-price{font-weight:850;color:#7130c0;font-size:21px;padding-bottom:12px}.dialog .buy{max-width:100%}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course h2{min-height:0}.desc{min-height:0}}
@media(max-width:640px){.shell{width:calc(100% - 30px)}.head-inner{min-height:70px}.logo{width:min(215px,58vw)}.head-caption{font-size:9px;letter-spacing:.075em}main{padding:25px 0 48px}.market-title{margin-bottom:19px}.count{font-size:10px;padding:7px 10px}.grid{grid-template-columns:1fr;gap:18px}.course-info{padding:19px}.course h2{font-size:20px}.cover{aspect-ratio:2.4/1}.desc{font-size:13px;margin-bottom:16px}.price-row{margin-top:0}.amount{font-size:27px}}
@media(min-width:641px) and (max-width:780px){.head-caption{font-size:10px}.course-info{padding:18px}.course h2{font-size:18px}.amount{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course,.buy{transition:none}}