.nav__courselist{align-items:center;display:inline-flex;position:relative}.nav__inner .nav__links .nav__courselist>a{color:inherit;font-weight:400}.nav__inner .nav__links .nav__courselist>a.is-active{color:#1a1a1a;font-weight:500}.cl-menu{z-index:200;background:#fff;border:1px solid #e2e2e2;border-radius:10px;flex-direction:column;gap:6px;width:216px;padding:10px 15px 20px;display:none;position:absolute;top:calc(100% + 14px);left:0;box-shadow:2px 4px 2px #66666659}.cl-menu.is-open{display:flex}.nav__links .cl-menu__item{text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;transition:background .14s,color .14s;display:flex}.cl-menu__item:hover,.cl-menu__item.is-active{background:#f0ebff}.cl-menu__title{color:#1a1a1a;margin:0;font-size:14px;font-weight:400;line-height:20px}.cl-menu__sub{color:#666;margin:0;font-size:12px;font-weight:400;line-height:20px}.cl-menu__item.is-active .cl-menu__title,.cl-menu__item.is-active .cl-menu__sub{color:#5350ec}header.nav{z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid #efeff2;align-items:center;height:86px;display:flex;position:static}.nav__inner{align-items:center;gap:40px;width:100%;display:flex;position:relative}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand__logo{color:#333;width:36px;height:28px}.brand__name{color:#1a1a1a;font-size:24px;font-weight:500}.brand__tag{letter-spacing:.06em;text-transform:uppercase;color:#7c5cff;font-size:14px;font-weight:500}.nav__links{color:#333;align-items:center;gap:36px;margin:0 auto;font-size:16px;display:flex}.nav__links a{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.nav__links a.is-active{color:#1a1a1a;font-weight:500}.nav__links svg{width:18px;height:18px}.nav__auth{color:#333;align-items:center;gap:20px;font-size:16px;font-weight:500;display:flex}.nav__auth-icon{color:#4b4bd6;width:22px;height:22px}.nav__auth a:hover{color:#4b4bd6}.nav__user{position:relative}.user-btn{color:#1a1a1a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:16px;display:flex}.user-btn__avatar{color:#fff;background:#1c1c1c;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:600;line-height:1;display:grid}.user-btn svg{width:14px;height:14px}.user-menu{z-index:200;background:#fff;border:1px solid #e6e6ea;border-radius:12px;width:190px;padding:8px;display:none;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 8px 24px #0000001a}.user-menu.is-open{display:block}.user-menu a,.user-menu button{color:#1a1a1a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;display:flex}.user-menu a:hover,.user-menu button:hover{background:#f4f3fb}.user-menu svg{color:#666;width:16px;height:16px}.nav__toggle{color:#1a1a1a;cursor:pointer;background:#f5f5f5;border:1px solid #e2e2e2;border-radius:10px;justify-content:center;align-items:center;width:44px;height:40px;margin-left:auto;display:none}.nav__toggle:hover{background:#ededed}.nav__toggle svg{width:22px;height:22px}.nav__mobile{z-index:60;background:#fff;border:1px solid #e2e2e2;border-radius:12px;flex-direction:column;gap:2px;min-width:224px;padding:10px;display:none;position:absolute;top:calc(100% + 22px);right:0;box-shadow:2px 8px 18px #66666647}.nav .nav__mobile a,.nav .nav__mobile button{text-align:left;color:#1a1a1a;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;display:block}.nav .nav__mobile a:hover,.nav .nav__mobile button:hover{background:#f0f0f0}.nav__mobile hr{border:0;border-top:1px solid #ededed;width:100%;margin:6px 0}@media (max-width:900px){header.nav .nav__links,header.nav .nav__user{display:none}.nav__toggle,.nav__mobile.is-open{display:flex}}@media (max-width:480px){.brand__tag{display:none}}
.srm-backdrop{z-index:1000;background:#14102873;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.srm-backdrop.is-open{display:flex}.srm-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.srm-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.srm-title{color:#1a1a1a;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.srm-title__icon{color:#5350ec;background:#f0ebff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.srm-title__icon svg{width:18px;height:18px}.srm-close{color:#666;cursor:pointer;background:#f3f3f6;border:0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.srm-close svg{width:16px;height:16px}.srm-body{padding:20px 22px;overflow-y:auto}.srm-body>p{color:#666;margin:0 0 16px;font-size:14px;line-height:1.6}.srm-error{color:#c0392b;margin:0 0 12px;font-size:14px}.srm-loading{color:#666;margin:0 0 12px;font-size:14px}.srm-list{flex-direction:column;gap:14px;display:flex}.srm-pick{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e3e8;border-radius:12px;align-items:stretch;width:100%;min-height:124px;padding:0;transition:box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.srm-pick:hover{box-shadow:0 8px 22px #00000014}.srm-pick.is-active{border-color:#1a1a1a}.srm-pick__img{color:#ffffffeb;flex:none;place-items:center;width:150px;display:grid;position:relative;overflow:hidden}.srm-pick__img img{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.srm-pick.navi .srm-pick__img{background:#8fd19e}.srm-pick.aegis .srm-pick__img{background:#b3a3e8}.srm-pick.master .srm-pick__img{background:#8fb8e8}.srm-pick.master .srm-pick__img img{object-position:center top}.srm-pick.none .srm-pick__img{background:#bdbdbd}.srm-pick__img svg{width:46px;height:46px}.srm-pick__body{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:16px 48px 16px 18px;display:flex}.srm-pick__name{color:#1a1a1a;margin-bottom:3px;font-size:18px;font-weight:500}.srm-pick__track{color:#666;font-size:14px}.srm-pick__meta{color:#666;margin-top:4px;font-size:14px}.srm-pick__check{color:#fff;background:#fff;border:1.5px solid #e3e3e8;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:14px;right:14px}.srm-pick.is-active .srm-pick__check{background:#1a1a1a;border-color:#1a1a1a}.srm-pick__check svg{opacity:0;width:15px;height:15px;transition:opacity .15s}.srm-pick.is-active .srm-pick__check svg{opacity:1}.srm-divider{color:#666;justify-content:center;align-items:center;font-size:15px;display:flex}.srm-footer{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:12px;padding:16px 22px 20px;display:flex}.srm-btn{height:52px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:18px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.srm-btn--ghost{color:#1a1a1a;background:#fff;border:1px solid #d4d4d4;font-weight:400}.srm-btn--ghost:hover{background:#fafafa;border-color:#666}.srm-btn--primary{color:#fff;background:#1a1a1a;border:1px solid #1a1a1a}.srm-btn--primary:hover:not(:disabled){background:#000}.srm-btn--primary:disabled{color:#fff;cursor:not-allowed;background:#d4d4d4;border-color:#d4d4d4}