@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{font-family:Open Sans,Helvetica,system-ui,Avenir,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul,ol{list-style:none;padding:0}p,span{margin:0}a{text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.home{background:#fff;color:#000;font-family:Roboto,sans-serif}.home .hero{background:#000;color:#fff;padding:100px 20px;text-align:center}.home .hero .hero-content{max-width:800px;margin:0 auto}.home .hero .hero-title{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:1px}.home .hero .hero-subtitle{font-size:20px;font-weight:300;margin-bottom:30px;color:#ccc}.home .hero .hero-button{display:inline-block;padding:12px 24px;font-size:16px;background-color:#fff;color:#000;border:2px solid #fff;text-decoration:none;transition:all .3s ease}.home .hero .hero-button:hover{background-color:#000;color:#fff;border-color:#fff}.home .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:60px 40px;background-color:#f8f8f8}.home .features .feature-card{background-color:#fff;border:1px solid #e0e0e0;padding:30px;text-align:center;transition:box-shadow .3s ease}.home .features .feature-card h2{font-size:22px;margin-bottom:15px;color:#000}.home .features .feature-card p{font-size:16px;color:#333}.home .features .feature-card:hover{box-shadow:0 4px 20px #00000014}.button{color:#fff;font-weight:500;cursor:pointer;background-color:#292929;border-radius:.5625rem;padding:.6rem 1.4rem;transition:transform .3s cubic-bezier(.455,.03,.515,.955),background-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 2px 3px #ffffff1a,inset 0 -4px 1px #00000029}.button:hover{background-color:#353535;transform:translateY(-2px);box-shadow:0 7px 4px #00000021,inset 0 0 0 1px #ffffff1f,inset 0 2px 5px #fff3,inset 0 -4px 1px #0003}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal__overlay{position:absolute;width:100%;height:100%;background-color:#0006}.modal__content{position:relative;background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:inset 0 0 0 .4px #0000004d}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.modal__title{font-size:1.5rem;margin:0}.modal__close-button{font-size:1.5rem;padding:0 .5rem;background:none;border:none;box-shadow:none;color:#666}.modal__close-button:hover{color:#333;background:none;border:none;box-shadow:none}.modal__body{padding:1.5rem}.profile__wrapper{max-width:640px;margin:0 auto;padding:2rem}.profile__title{font-size:2rem;margin-bottom:2rem;color:#1d1d1d}.profile__loading,.profile__error{font-size:1.2rem;padding:1rem;text-align:center}.profile__error{color:#dc3545;background-color:#f8d7da;border-radius:4px}.profile__image-container{text-align:center;margin-bottom:1.3rem}.profile__image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0}.profile__info{background:#f0f0f0;padding:1.2rem;border-radius:16px;box-shadow:inset 0 0 0 .4px #0000004d}.profile__field{display:flex;margin-bottom:1rem;padding:.5rem}.profile__label{flex:0 0 120px;font-weight:700;color:#000}.profile__value{flex:1;color:#3a3c3e}.profile__edit-button{margin-top:1.5rem;width:100%}.profile__edit-form{background:#fff;padding:.4rem;border-radius:8px}.profile__form-group{margin-bottom:1rem}.profile__form-label{display:block;margin-bottom:.5rem;font-weight:500}.profile__form-input{box-sizing:border-box;width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.profile__form-file{margin-top:.5rem}.profile__form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.profile__form-file{position:relative;width:100%;min-height:80px;padding:.5rem;border:2px dashed #1d1d1d;border-radius:8px;background-color:#1d1d1d1a;transition:all .3s ease}.profile__form-file:before{content:"Выберите файл";position:absolute;top:50%;left:50%;transform:translate(-50%,-20%);font-size:.9rem;color:#fff;font-weight:500;cursor:pointer;background-color:#292929;border-radius:.5625rem;padding:.6rem 1.4rem;transition:transform .3s cubic-bezier(.455,.03,.515,.955),background-color .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 2px 3px #ffffff1a,inset 0 -4px 1px #00000029}.profile__form-file::-webkit-file-upload-button{visibility:hidden}.profile__form-file:hover{border-color:#1d1d1d;background-color:#1d1d1d26}.profile__form-file:focus{outline:none;box-shadow:0 0 0 2px #1d1d1d4d}.profile__avatar-preview{margin-top:1rem;width:100%;max-width:200px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 .4px #0000004d}.profile__avatar-preview img{width:100%;height:auto;display:block}.auth{height:100%;display:flex;justify-content:center;align-items:center;color:#1d1d1d}.auth__wrapper{background-color:#f0f0f0;padding:2rem;border-radius:16px;box-shadow:inset 0 0 0 .4px #0000004d;width:100%;margin:0 auto;max-width:480px}.auth__title{font-weight:600;color:#1d1d1d;margin:0 0 1.5rem}.auth .error{color:#e74c3c;text-align:center;margin-bottom:1rem}.auth .success{color:green;text-align:center;margin-bottom:1rem}.auth__form{display:flex;flex-direction:column;align-items:end;width:100%}.auth__form .form-group{width:100%;display:flex;flex-direction:column;margin-bottom:1rem}.auth__form .form-group label{margin-bottom:.5rem;font-weight:600;font-size:.9rem}.auth__form .form-group select{box-sizing:border-box;border:1px solid #ccc;padding:.6rem 1rem;font-size:1rem;box-shadow:inset 0 0 0 .4px #0000004d;border-radius:8px;transition:border-color .3s ease;border:1px solid transparent}.auth__form .form-group select:focus{outline:none;border-color:#2c6ee7}.toggle{text-align:center;margin-top:1rem}.toggle button{background:none;border:none;outline:none;color:#00f;cursor:pointer;font-size:1rem;text-decoration:underline;padding:0}.input{width:100%;padding:.75rem 1rem;font-size:1rem;box-shadow:inset 0 0 0 .4px #0000004d;border-radius:8px;transition:border-color .3s ease;border:1px solid transparent}.input:focus{outline:none;border-color:#2c6ee7}.courses__wrapper{max-width:1000px;margin:0 auto;padding:0 40px}.courses__header{display:flex;justify-content:space-between;align-items:center}.courses__title{margin:20px 0 40px}.courses__list{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.courses__item{position:relative}.courses__item:hover .courses__delete{display:flex}.courses__delete{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:#ffffffe6;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;z-index:4;color:#e53935}.courses__delete:hover{background-color:#fff;color:#c62828}.course-card{position:relative;height:360px;width:100%;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.course-card__image{position:absolute;height:100%;width:100%;object-fit:cover;z-index:-1}.course-card__info{margin:20px;padding:20px;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;gap:6px;color:#1d1d1d}.course-card__title{font-size:1.5rem;font-weight:600;line-height:1.2}.course-card__desc{font-size:.9rem}.course-card__tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.course-card__tag{font-size:.8rem;border-radius:40px;padding:4px 8px;box-shadow:inset 0 0 0 .4px #0000004d;background-color:#a7eafb}.course__wrapper{max-width:1000px;margin:0 auto;padding:0 40px}.course__header{display:flex;gap:16px}.course__list{display:flex;flex-direction:column;gap:8px}.course__item{text-decoration:none}.course__cover{max-height:240px;border-radius:16px}.post-card{display:flex;padding:20px;background-color:#f0f0f0;color:#1d1d1d;text-decoration:none;border-radius:8px;box-shadow:inset 0 0 0 .4px #0000004d;gap:16px;justify-content:space-between}.post-card__content{gap:16px;display:flex;align-items:center}.post-card__title{font-size:1rem;text-decoration:none}.post-card__desc{font-size:.8rem}.post-card__image{background-color:#e0e0e0;border-radius:6px;max-width:42px;aspect-ratio:1/1}.post-card__image--default{padding:4px;display:flex;align-items:center;justify-content:center;max-height:42px}.post-card__tags{display:flex;align-items:center;max-width:50%;flex-wrap:wrap}.post-card__tag{font-size:.8rem;border-radius:40px;padding:4px 8px;box-shadow:inset 0 0 0 .4px #0000004d;background-color:#a7eafb}.post__wrapper{max-width:1000px;margin:0 auto;padding:0 40px}.post__back{background:none;border:none;cursor:pointer;font-weight:500;border-radius:8px;opacity:.6;outline:none!important}.post__back:focus{opacity:1}.groups__wrapper{max-width:1000px;margin:0 auto;padding:0 40px}.groups__list{display:flex;gap:.5rem;padding:.5rem 0;flex-wrap:wrap}.search{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.search__button{padding:.75rem 1.25rem;background-color:#2c6ee7;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.search__button:hover{background-color:#2c6ee7}.group-card{padding:1rem;border-radius:1rem;background:#fff;box-shadow:inset 0 0 0 .4px #0000004d;min-width:8rem;overflow:hidden}.group-card__name{margin:0;font-size:1.2em;color:#1d1d1d;font-weight:600}.group-card__members{position:relative;height:2.5em}.group-card__member-avatar{position:absolute;display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:transform,z-index .2s ease;top:0}.group-card__member-avatar:hover{transform:translateY(-1px);z-index:10!important}.group-card__member-avatar--extra{background-color:#718096!important;color:#fff}.group-card__avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.group-card__avatar-fallback{font-size:1em;font-weight:500;color:#0009;text-transform:uppercase}.group-card__self{font-size:.8rem}.video-card{position:relative;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:inset 0 0 0 .4px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.video-card:hover .video-card__delete{opacity:1}.video-card:hover .video-card__image{transform:scale(1.05)}.video-card__link{display:block;text-decoration:none;color:inherit}.video-card__thumbnail{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.video-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card__duration{position:absolute;bottom:8px;right:8px;background-color:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:500}.video-card__info{padding:1rem}.video-card__title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#333;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-card__desc{margin:0 0 .75rem;font-size:.9rem;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.video-card__meta{display:flex;justify-content:space-between;font-size:.85rem;color:#777}.video-card__author{font-weight:500}.video-card__date{color:#999}.video-card__delete{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:2;color:#e53935}.video-card__delete:hover{background-color:#fff;color:#c62828}.video-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.video-list__title{font-size:2rem;font-weight:600;color:#1d1d1d;margin:0}.video-list__actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.video-list__search{position:relative;width:300px}@media (max-width: 768px){.video-list__search{width:100%}}.video-list__search-input{width:100%;padding:.75rem 1rem;border-radius:2rem;border:1px solid #1d1d1d;background-color:#f0f0f0;font-size:1rem;transition:all .3s ease}.video-list__search-input:focus{outline:none;border-color:#1d1d1d;box-shadow:0 0 0 2px #1d1d1d33}.video-list__upload-btn{display:flex;align-items:center;background-color:#1d1d1d;color:#fff;border:none;border-radius:2rem;padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.video-list__upload-btn:hover{background-color:#1d1d1d}.video-list__upload-btn:before{content:"+";margin-right:.5rem;font-size:1.2rem;font-weight:700}.video-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.video-list__loading,.video-list__error,.video-list__empty{padding:2rem;text-align:center;background-color:#f8f8f8;border-radius:8px;margin-bottom:2rem}.video-list__loading{color:#1d1d1d;font-size:1.2rem}.video-list__error{color:#dc3545;background-color:#f8d7da}.video-list__empty{color:#6c757d;font-style:italic}.video-list__pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.video-list__page-btn{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:1px solid #1d1d1d;color:#333;font-weight:500;cursor:pointer;transition:all .2s ease}.video-list__page-btn:hover{background-color:#f0f0f0}.video-list__page-btn--active{background-color:#1d1d1d;color:#fff;border-color:#1d1d1d}.video-list__page-btn--active:hover{background-color:#1d1d1d}.video-page{max-width:1200px;margin:0 auto;padding:1.5rem}.video-page__back{margin-bottom:1.5rem}.video-page__back-link{color:#1d1d1d;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s ease;background:none;border:none;cursor:pointer;font-weight:500}.video-page__back-link:hover{color:#1d1d1d}.video-page__player-container{width:100%;background-color:#000;margin-bottom:1.5rem;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 .4px #0000004d}.video-page__player-wrapper{width:100%;position:relative;padding-top:56.25%}.video-page__player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.video-page__content{background-color:#fff;padding:2rem;border-radius:16px;box-shadow:inset 0 0 0 .4px #0000004d}.video-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.video-page__title{font-size:1.8rem;margin:0;flex:1;color:#333}.video-page__actions{display:flex;gap:1rem}.video-page__edit-btn,.video-page__delete-btn{padding:.5rem 1rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem}.video-page__edit-btn{background-color:transparent;border:1px solid #1d1d1d;color:#333}.video-page__edit-btn:hover{background-color:#f0f0f0}.video-page__delete-btn{background-color:#f44336;border:none;color:#fff}.video-page__delete-btn:hover{background-color:#b01d13}.video-page__meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #eee;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.video-page__author{font-size:1.1rem;font-weight:500;color:#333}.video-page__info{display:flex;align-items:center;gap:1rem;color:#666;font-size:.9rem}.video-page__duration:before{content:"⏱️";margin-right:.3rem}.video-page__date:before{content:"📅";margin-right:.3rem}.video-page__description{margin-bottom:2rem}.video-page__section-title{font-size:1.2rem;margin:0 0 1rem;color:#333}.video-page__desc-text{white-space:pre-line;line-height:1.6;color:#444;margin:0}.video-page__tags{margin-top:1.5rem}.video-page__tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.video-page__tag{display:inline-block;padding:.4rem .8rem;background-color:#f0f0f0;border-radius:2rem;font-size:.9rem;color:#333;transition:background-color .2s ease}.video-page__tag:hover{background-color:#e0e0e0}.video-page__loading,.video-page__error,.video-page__not-found{padding:3rem;text-align:center;background-color:#fff;border-radius:16px;margin:2rem 0;box-shadow:inset 0 0 0 .4px #0000004d}.video-page__loading{color:#1d1d1d;font-size:1.2rem}.video-page__error{color:#dc3545;background-color:#f8d7da}.video-page__not-found{color:#666;font-size:1.2rem}main{box-sizing:border-box;padding:1.25rem 3.125rem 1.25rem 1.25rem;display:flex;width:100vw}.content{margin-left:2.5rem;width:100%}.navbar{z-index:3;background-color:#f0f0f0;color:#1d1d1d;border-radius:.8em;flex-direction:column;justify-content:flex-start;align-items:stretch;width:22rem;height:100%;min-height:95vh;max-height:95vh;padding-top:0;padding-bottom:.2rem;display:flex;font-weight:500;position:sticky;top:20px;box-shadow:inset 0 0 0 .4px #0000004d;transition:width .3s ease-in-out}.navbar--closed{width:3.8rem}.navbar--closed .navbar__header{justify-content:center}.navbar--closed .navbar__link{justify-content:center;padding-left:0;padding-right:0;gap:0}.navbar--closed .navbar__title,.navbar--closed .navbar__link-title{opacity:0;max-width:0}.navbar__header{box-sizing:border-box;display:flex;cursor:pointer;justify-content:space-between;align-items:center;width:100%;max-height:3rem;padding:.8rem 1rem;border-bottom:.2px dashed rgba(0,0,0,.3019607843)}.navbar__title{font-size:1.1rem;white-space:nowrap;transition:all .3s ease-in-out;transition:opacity .3s ease-in-out,max-width .3s ease-in-out;overflow:hidden;max-width:100%;opacity:1}.navbar__button{cursor:pointer;padding:0;border:none;background:none;color:#1d1d1d;height:24px}.navbar__button:focus{outline:none}.navbar__list{margin:0;padding:.5rem .5rem 3.5em}.navbar__link{display:flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none;border-radius:.5em;justify-content:flex-start;margin-bottom:.2em;padding-top:.5rem;padding-bottom:.5rem;padding-left:.5rem;font-weight:500;transition:color .2s,box-shadow .1s,background-color .2s,padding .3s ease-in-out;position:relative;opacity:.85}.navbar__link:hover{opacity:1;color:#000000f2;background-color:#0000000a;box-shadow:inset 0 0 0 .7px #0000001a}.navbar__link:hover svg{background-color:#fff4}.navbar__link svg{background-color:#00000010;padding:.1rem;border-radius:.4rem;border:.1px solid rgba(0,0,0,.0941176471);transition:color .2s,box-shadow .1s,background-color .2s}.navbar__link-title{opacity:1;max-width:200px;white-space:nowrap;overflow:hidden;transition:opacity .3s ease-in-out,max-width 0s ease-in-out}