body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#e2f2f6;color:#070707;max-height:100%;max-width:100%}.header{background:linear-gradient(90deg,#232323e6 0,#171717 20%,#171717 80%,#232323e6);border-bottom:5px solid #f4f0a6;font-family:Open Sans,sans-serif;justify-content:space-between;padding:15px 40px}.header,.header-title{align-items:center;display:flex}.header-title{color:#fff;font-size:24px;font-weight:600;gap:15px;transition:color .3s ease}.header-title:hover{color:#f4f0a6}.header-nav ul{display:flex;gap:15px;list-style:none;margin:0;padding:0}.header-nav-li{position:relative}.header-nav a{border-radius:4px;color:#b0b0b0;display:inline-block;font-size:16px;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .3s ease}.header-nav a:hover{background:#f4f0a61a;color:#f4f0a6;transform:translateY(-1px)}.header-nav a.active{background:#f4f0a626;color:#f4f0a6;font-weight:600;position:relative}.header-nav a.active:after{background:#f4f0a6;border-radius:2px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.logo{align-items:center;background:radial-gradient(circle at center,#f4f0a61a 0,#171717cc 70%);border:2px solid #f4f0a6;border-radius:50%;box-shadow:0 0 15px #f4f0a666,inset 0 0 10px #f4f0a633;cursor:pointer;display:flex;height:100px;justify-content:center;object-fit:contain;overflow:hidden;padding:5px;position:relative;transition:all .5s cubic-bezier(.25,.8,.25,1);width:100px}.logo:before{background:linear-gradient(to bottom right,#f4f0a600 45%,#f4f0a61a 50%,#f4f0a600 55%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);transition:all .7s ease;width:200%}.logo:hover{box-shadow:0 0 25px #f4f0a6b3,inset 0 0 15px #f4f0a666;transform:scale(1.05) rotate(5deg)}.logo:hover:before{left:50%;top:50%}.logo:active{box-shadow:0 0 10px #f4f0a699,inset 0 0 8px #f4f0a64d;transform:scale(.98)}@keyframes logo-pulse{0%{box-shadow:0 0 15px #f4f0a666}50%{box-shadow:0 0 25px #f4f0a6cc}to{box-shadow:0 0 15px #f4f0a666}}.logo.active{animation:logo-pulse 2s infinite}.header-title-content{align-items:center;display:flex;gap:15px}@media (max-width:768px){.header{flex-direction:column;gap:10px;padding:10px 20px}.header-title{font-size:20px}.header-nav ul{flex-wrap:wrap;gap:10px;justify-content:center}.header-nav a{font-size:14px;padding:6px 12px}.logo{height:50px;width:50px}}.footer{background:#f5f5f5;min-height:120px}.home-page{align-items:stretch;background-image:url(/static/media/imageedit_2_7996644003.a09adea962e4fca3a125.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;font-family:Nunito,sans-serif;justify-content:center;margin:0 auto;min-height:60vh;min-width:100%;padding:0}.info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex:1 1;margin:2%;padding:2%;transition:all .3s ease}.info:hover{background-color:#ffffffe6;box-shadow:0 6px 16px #00000026}.auth{margin-top:4%;padding-left:50px}.info h3{color:#333;font-size:1.7rem;font-weight:700;line-height:1.3;margin-bottom:1.4rem;padding-bottom:.8rem;position:relative}.info h3:after{background:linear-gradient(90deg,gold,#ffc000);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.info h4{color:#000;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:1.1rem;padding-left:1.8rem;position:relative}.info h4:before{background:gold;border-radius:50%;content:"";height:10px;left:0;position:absolute;top:.6em;transform:translateY(-50%);width:10px}.info h4:nth-child(2):before{background:#ffc000}.info h4:nth-child(3):before{background:gold}.info h4:nth-child(4):before{background:#333}.info h4:nth-child(5):before{background:linear-gradient(135deg,gold,orange)}.info h4:hover{color:#222;transform:translateX(3px);transition:all .2s ease}@media (max-width:768px){.home-page{flex-direction:column;min-height:auto;padding:20px 10px}.info{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin:10px auto;padding:1.2rem;width:90%}.auth{margin-top:2%;padding-left:20px}.info h3{font-size:1.4rem;margin-bottom:1rem}.info h4{font-size:1rem;margin-bottom:.8rem;padding-left:1.2rem}.info h4:before{height:7px;top:.5em;width:7px}}@media (max-width:480px){.home-page{padding:15px 5px}.info{border-radius:12px;padding:1rem;width:95%}.info h3{font-size:1.3rem}.info h4{font-size:.9rem;padding-left:1rem}.auth{padding-left:10px}.info h3:after{height:2px;width:40px}}.registration-form{margin:0 auto;padding:20px;width:400px}.form-group{align-items:center;display:flex;margin-bottom:15px}.form-label{font-weight:700;margin-right:10px;text-align:right;width:120px}.form-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:250px}.form-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:130px;padding:10px 20px}.form-button:hover{background-color:#f4f0a6;color:#070707}.student-room-container{background:#f9f9f9;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.student-room-title{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;text-align:center}.student-room-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.student-room-link{background:#f8d56b;border:1px solid #e6c860;border-radius:6px;color:#2c3e50;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.student-room-link:hover{background:#f5cc50;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.student-room-link:active{background:#e6c860;transform:translateY(0)}.teacher-room-container{background:#f9f9f9;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.teacher-room-title{color:#2c3e50;font-size:2rem;margin-bottom:1.5rem;text-align:center}.calendar-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.teacher-room-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.teacher-room-link{background:#f8d56b;border:1px solid #e6c860;border-radius:6px;color:#2c3e50;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.teacher-room-link:hover{background:#f5cc50;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.teacher-room-link:active{background:#e6c860;transform:translateY(0)}#jitsiConferenceFrame0,#jitsiMeeting-0,#video{min-height:800px!important}.lessonsPlan{left:1000px;position:relative}.lessons-container{align-items:center;background-image:url(/static/media/imageedit_2_7996644003.a09adea962e4fca3a125.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:Nunito,sans-serif;min-height:100vh;padding:1.5rem;width:60%}.lesson-content,.lessons-list{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:0;max-width:1200px;padding:0 2.5rem 2.5rem;transition:all .3s ease;width:90%}.lesson-content:hover,.lessons-list:hover{background-color:#ffffff26;box-shadow:0 6px 24px #00000026}.main-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.main-title:after{background:linear-gradient(90deg,gold,#ffc000);border-radius:3px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.lesson-title{border-left:4px solid gold;color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-left:1rem}.section-title{border-bottom:1px solid #ffd7004d;color:#333;font-size:1.4rem;font-weight:500;margin:0 0 1.2rem;padding-bottom:.5rem}.page-content{background-color:#ffffffb3;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.page-content:hover{background-color:#ffffffe6;transform:translateY(-2px)}.pagination-button{background-color:#ffd700cc;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;font-weight:500;padding:.8rem 1.8rem;transition:all .3s ease}.pagination-button:hover:not(.disabled){background-color:gold;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.pagination-button.disabled{background-color:#ffffff80;color:#666}.page-indicator{background-color:#ffffffb3;border:1px solid #ffd7004d;border-radius:8px;color:#333;padding:.6rem 1rem;transition:all .3s ease}.page-indicator.active{background-color:#ffd700cc;color:#333;font-weight:500}.examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.example-group{background-color:#ffffffb3;border:1px solid #ffd70033;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .3s ease}.example-group:hover{background-color:#ffffffe6;box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}@media (max-width:768px){.lesson-content,.lessons-container,.lessons-list{padding:1.5rem}.main-title{font-size:1.7rem}.examples-grid{grid-template-columns:1fr}}.lesson-header{align-items:flex-start;display:flex;gap:2rem;margin-bottom:1.5rem}.lesson-header-inner{flex:1 1}.lesson-header img{border:2px solid #ffd70080;border-radius:12px;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:220px;object-fit:contain;transition:all .3s ease;width:220px}@media (max-width:768px){.lesson-header{flex-direction:column;gap:1rem}.lesson-header img{height:auto;margin:0 auto;max-height:200px;width:100%}}
/*# sourceMappingURL=main.44d95748.css.map*/