:root{--primary:#3d9dd8;--sidebar:#212f34;--btn:var(--primary);--links:var(--primary);--toolbar:teal;--even:#f5f1e6}.sections>.container:nth-of-type(2n)>section,section:nth-of-type(2n){background:var(--even)}.wt{color:#000;background:#ffffffb3}.wic path{fill:#fff}.red{color:red}.pc{color:var(--primary)}.lc{color:var(--links)}.dblue{background:#0e1a20}.dblue-ic path{fill:teal}.tr-blue{background:#0e1a2066}.composer{border-radius:6px;max-width:550px;margin-bottom:1.8rem}.comm{background:var(--even);border-radius:5px;min-width:380px;max-width:100%;padding:12px}.avatar{background-image:url(/uploads/img/avatars/avatar.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;width:48px;height:48px}.flex>.avatar{flex:0 0 48px}.date{color:#888}.editor{border-radius:8px;width:100%;padding:10px}.abottom{margin-bottom:0;position:absolute;bottom:10px;right:10px}@media (max-width:800px){.comm{min-width:180px}}.avatar{flex-shrink:0;width:48px;height:48px;margin-top:5px}.reacts{position:relative}.more{display:none;position:absolute;top:100%;left:0}.reacts:hover .more{display:flex}.more button{padding:3px}.comm-menu{z-index:2;text-align:right;background:#fff;border-radius:4px;flex-direction:column;padding:.8rem;font-size:.9rem;display:flex;position:absolute;top:25px;right:0;box-shadow:2px 2px 6px #0003}.thread{width:100%}.children{margin-top:.25rem}.m{margin-bottom:1rem}.m2{margin-bottom:20px}.mt{margin-top:1rem}.mtx{margin-top:.5rem}.mz{margin-bottom:0}.b{font-weight:700}audio{margin-bottom:1rem}button{background:var(--btn);color:#fff;border:none;border-radius:5px;min-width:28px;margin-bottom:1rem;padding:4px 8px;box-shadow:1px 1px 2px #0000004d}button,button:focus{outline:none}.but-container{align-items:center;gap:10px;margin-bottom:14px;padding-left:20px;display:flex}.but-container button{background:var(--btn);color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:28px;margin-bottom:0;display:flex}.but-container input{margin-bottom:0}button.block{margin-top:1rem;display:block}.close{cursor:pointer;width:20px;height:20px;position:absolute;top:10px;right:10px}.lesson-input{border:1px dashed #999;flex:1;max-width:400px}input,textarea{border:1px solid #ddd;margin-bottom:.8rem;font-size:1rem;line-height:1rem}input[type=text]{padding:4px 6px}textarea{resize:vertical;width:100%;padding:8px;font-family:NotoSans,sans-serif;font-size:1rem}.toggle{cursor:pointer;align-items:center;gap:4px;font-weight:700;display:flex}.triangle{-webkit-user-select:none;user-select:none;width:24px;height:24px;transition:transform .2s;display:inline-flex}.toggle.open .triangle{transform:rotate(90deg)}.toggle ul{padding-left:40px}.toggle+ul{opacity:0;max-height:0;transition:max-height .25s,opacity .25s;overflow:hidden}.toggle.open+ul{opacity:1;max-height:400px}body{background:#333;margin:0}*{box-sizing:border-box}a{color:var(--links);text-decoration:none}.rel{position:relative}img{max-width:100%}:root{--pad:30px 40px}#app{width:100%;max-width:1440px;margin:0 auto;position:relative}#wrap{width:100%;display:flex}.course-banner{height:500px;position:relative;overflow:hidden}.course-banner img{object-fit:cover;width:100%;height:100%;transition:object-position .4s}.reposition-btn{color:#fff;cursor:pointer;background:#0008;border-radius:4px;padding:6px 10px;position:absolute;top:1rem;left:1rem}#content{z-index:3;color:#fff;background:var(--sidebar);border-right:1px solid #ffffff4d;width:290px;height:calc(100vh - 50px);padding:20px;position:sticky;top:50px;left:0;overflow-y:auto}main{box-sizing:border-box;background:#fff;flex:1;max-width:100%;min-height:100vh;position:relative}@media (max-width:800px){main{padding:0}:root{--pad:30px 20px}}.main{background:#fff;width:100%;padding:0}section{padding:var(--pad);position:relative}[contenteditable]:empty:before{content:"Scrie aici...";color:#888;opacity:.6;pointer-events:none}.vid{width:100%;height:0;margin-bottom:20px;padding-bottom:56.25%;position:relative}.vid video,.vid iframe{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.vid video{opacity:0;transition:opacity .2s}.vid video.visible{opacity:1}.create-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;margin:20px 0;padding:10px 16px;font-size:15px;display:block}.listitem{margin-bottom:1rem;padding-left:22px;line-height:1.4rem}.listitem.faded a{color:#999}.listitem:hover .del-button{opacity:1}.del-button{opacity:0;cursor:pointer;color:red;font-size:1.3rem;transition:opacity .2s ease-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.title:hover .del{opacity:1}.del{opacity:0;cursor:pointer;color:red;width:20px;transition:opacity .2s ease-out;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.splash{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity 1.1s linear;display:flex;position:fixed;inset:0}.splash.on{opacity:1;pointer-events:auto}.splash{display:none}#feather{opacity:.5;transition:opacity .9s,transform .9s;animation:2.8s ease-in-out infinite alternate feather-wind;transform:scale(.7)rotate(-20deg)}@keyframes feather-wind{0%{transform:scale(.7)rotate(-20deg)translate(-4px)}50%{transform:scale(.72)rotate(-18deg)translate(3px)}to{transform:scale(.7)rotate(-22deg)translate(-2px)}}.splash.on #feather{opacity:1;transform:scale(1)rotate(0)}.toolbar{background:var(--toolbar);color:#fff;z-index:3;border-radius:6px;align-items:center;height:40px;margin-bottom:6px;margin-left:40px;padding:0 6px;display:inline-flex;position:sticky;top:53px;box-shadow:0 2px 5px #00000026}.toolbar button{cursor:pointer;height:40px;box-shadow:none;vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;margin:0 3px;font-size:1rem;font-weight:700;line-height:1;display:flex}.toolbar button,.toolbar svg{color:#fff;transition:filter .2s ease-out}.toolbar button:hover{text-shadow:0 0 6px #fffc}.toolbar svg:hover{filter:drop-shadow(0 0 4px #fff9)}.toolbar .close{color:#c00;font-weight:400}input[type=color]{background:0 0;border:none;width:20px;height:20px;margin:0 4px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}@media (max-width:600px){.toolbar{display:none}}body{font-family:NotoSans,sans-serif;line-height:1.5}.teal{color:#fff;background:teal;border-radius:4px;margin:0 0 1rem;padding:5px 10px;display:inline-block}.purple{color:#fff;background:#67195e;border-radius:4px;margin:0 0 1rem;padding:5px 10px;display:inline-block}@font-face{font-family:NotoSans;src:url(/cursuri/fonts/NotoSans.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:NotoSans;src:url(/cursuri/fonts/NotoSans-i.ttf)format("truetype");font-style:italic;font-weight:400 700;font-display:swap}@font-face{font-family:Montserrat;src:url(/cursuri/fonts/Montserrat.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Montserrat;src:url(/cursuri/fonts/Montserrat-i.ttf)format("truetype");font-style:italic;font-weight:400 700;font-display:swap}@font-face{font-family:Raleway;src:url(/cursuri/fonts/Raleway-Bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Raleway;src:url(/cursuri/fonts/Raleway-Medium.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Raleway;src:url(/cursuri/fonts/Raleway-MediumItalic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/cursuri/fonts/Nunito.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Nunito;src:url(/cursuri/fonts/Nunito-i.ttf)format("truetype");font-style:italic;font-weight:400 700;font-display:swap}.titlediv{padding:var(--pad);padding-bottom:0}.titlediv h1,.titlediv h2{margin:0}h1,.h1title,h2,#content h2,#content h3,.course h2,.course h3{margin-top:0}#content ul,#content li{padding:0;list-style:none}#content li{padding:8px 0}.add input[type=text],.add textarea,.add button,.add .file-input{margin-bottom:1rem;display:block}.short-title{color:#999;margin-left:var(--pad)}section p{margin-top:0}#content button{display:block}.send{display:none}[contenteditable]:focus{outline:none}.image{margin-bottom:1rem;position:relative}.delete{z-index:8;color:red;cursor:pointer;opacity:.1;width:35px;height:35px;font-size:35px;transition:opacity .2s linear;position:absolute;top:5px;right:10px}.delete:hover{opacity:1}.emoji{vertical-align:middle;cursor:pointer;width:24px;margin-right:4px}.add .emoji{width:.8rem;height:.8rem}.reply{cursor:pointer}.eye.draft path,.eye.draft #eye path{fill:#666}.p{cursor:pointer}.r{border-radius:5px}.h{display:none}.b{cursor:pointer}.nr{width:3rem}.pad{padding:var(--pad)}.im{padding:300px var(--pad)var(--pad)var(--pad)}.w{background:#fff}.abr{position:absolute;top:70px;right:20px}.tr2{position:absolute;top:10px;right:10px}.colt{background:var(--primary);color:#fff;cursor:pointer;padding:12px 16px;position:absolute;top:20px;right:20px}.colt:hover{filter:brightness(120%)}.c{align-items:center}.flex{gap:20px;display:flex}.flexc,.flexb{align-items:center;gap:20px;display:flex}.flexj{justify-content:space-between;align-items:center;gap:20px;display:flex}.flexs{align-items:flex-start;gap:10px;display:flex}.flexs>button,.flexs a button,.flexs input,.flexb>button,.flexb a button,.flexb input{margin-bottom:0}.flexcol{flex-direction:column;gap:10px;display:flex}.flexcolr{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.flex-fullw{align-items:center;gap:20px;width:100%;max-width:800px;display:flex}.flex-fullw>:first-child{flex:1}.flexrow{align-items:center;gap:20px;width:100%;margin-bottom:1rem;display:flex}.flexrow button{margin-bottom:0}.gs{gap:5px}.ms{margin-top:5px}.top{padding:8px 12px;font-size:1.1rem}.resurse{background:linear-gradient(90deg,#06b6d4,#0ea5e9)}.view{padding:var(--pad);background:var(--even);min-height:100vh}.view .flex{flex-wrap:wrap}.view .flex>*{flex:0 0 300px}.wider .item{max-width:800px}.item-list,.item,.create{border-radius:5px;margin-bottom:1rem}.item{border:1px solid #0001;overflow:hidden}.item,.create{background:#fff;position:relative}.item-excerpt{margin-bottom:1rem}.item-thumb{object-fit:cover;width:100%;height:100%}.create{max-width:500px}.create>*{width:100%;margin-bottom:1rem;display:block}.create button{width:auto}.create input[type=text]{border:1px solid #ddd;border-radius:3px}.edit{background:#388aa3;margin-left:auto;display:block}.mkfree{margin-bottom:0;position:absolute;bottom:20px;right:20px}.n{background:#cacaca}.big{padding:8px 12px}.sect-buttons{justify-content:space-between;align-items:center;gap:8px;padding:20px 40px;display:flex}.add-section{color:#fff;justify-content:center;align-items:center;gap:6px;height:32px;padding:6px 12px;display:inline-flex}.sect-buttons button{margin-bottom:0}.sect-buttons svg{vertical-align:middle;flex-shrink:0;width:32px;height:32px;display:inline-block}.courses{max-width:700px}.course{background:#e8e3d8;border:1px solid #ddd;border-radius:6px;flex-direction:column;align-items:flex-start;margin-bottom:30px;display:flex;overflow:hidden}#course-image{width:100%;display:inline-block;position:relative}#course-image img{width:100%;height:auto;display:block}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#222;opacity:0;z-index:2;cursor:pointer;background:#ffffff80;border-radius:3px;justify-content:center;align-items:center;padding:10px;font-weight:500;transition:opacity .3s,background-color .3s;display:flex;position:absolute;top:30px;left:30px}.fimg:hover .overlay{opacity:1}.overlay:hover{background:#1ca8a8b3}.overlay input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.featured-img{object-fit:cover;flex-shrink:0;width:100%;height:auto;margin-bottom:1rem;transition:filter .4s ease-out}.overlay:hover~.featured-img{filter:blur(4px)brightness(80%)}.course h3,.course p{color:inherit}.course a:link,.course a:visited{color:inherit;display:block}.course .text{padding:10px}.course-actions{gap:8px;margin-top:8px;padding:10px;display:flex}.arrow{color:#fff;cursor:pointer;justify-content:center;align-items:center;width:20px;height:100%;margin-right:6px;display:flex;position:absolute;top:0;right:0}.bold{font-weight:700}#content h3{color:#fff;margin-bottom:0;padding:0;font-size:1.2rem}#content p{margin-top:0}#content li a{color:#fff}.adm{background:teal}@media (max-width:800px){.send{display:flex}#content{display:none;position:absolute}#content.visible{display:block}}li.faded{color:#999}.user-panel{color:#fff;z-index:9;opacity:1;background:#212f34;width:100%;min-height:100%;padding:30px;transition:opacity .5s;position:absolute;top:0;left:0}.visible{opacity:1}.access,.cohort{color:#fff;background:teal;border-radius:4px;margin:0 1rem 1rem 0;padding:5px 10px;display:inline-block}.cohort{background:purple}.cohorts-list{padding-left:30px}.active{color:#fff;background:#008080b3}.gift{border-radius:4px;justify-content:center;width:38px;height:38px}.gift.free{background:#7bb78e}.published{color:#14273b;background:#ceddea;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;min-width:140px;padding:4px 10px;display:flex}.lcontainer:hover>.del-button{opacity:1}#status{text-align:left;flex:1}.attention{color:#ff7b00;transform-origin:bottom;font-size:1.2rem;font-weight:700;animation:.3s ease-out popIn;display:inline-block}@keyframes popIn{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.at{color:orange;font-weight:700}.table th{background:#fff3;font-weight:400}.table td{width:33%;min-width:80px;max-width:300px}.table,.table td,.table th{border:1px solid #666}.accessg h1,.accessg h2{margin-bottom:1rem}.accessg section{padding:0 0 14px}.cohort-select{margin-left:.5rem;padding:.3rem .5rem}.alert{background:#fff6cf;border:1px solid #f0d98a;border-radius:.4rem;padding:.3rem .5rem}.groups-line{flex-wrap:wrap;gap:.4rem;width:100%;padding-left:.2rem;display:flex}.badge{background:#f2f2f2;border-radius:1rem;padding:.2rem .5rem}.badge-suffix{opacity:.7}.group-card{border:1px solid #e6e6e6;border-radius:.8rem;margin:.5rem 0;padding:.8rem}.gc-title{font-weight:700}.gc-desc{color:#666;margin:.2rem 0 .4rem}.gc-meta{flex-wrap:wrap;gap:.3rem;display:flex}.chip{background:#fafafa;border:1px solid #ddd;border-radius:1rem;padding:.2rem .5rem}
