@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.book-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@media (max-width:768px){.book-modal{align-items:flex-start;padding:20px 8px 8px}}.book-modal__overlay{animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#292929cc;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.book-modal__content{animation:modalSlideIn .25s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:none;max-width:960px;overflow:visible;position:relative;width:100%;z-index:1}@media (max-width:768px){.book-modal__content{border-radius:16px 16px 0 0;box-shadow:0 -10px 25px #00000026;margin-top:auto;max-height:95vh;max-width:100%;overflow-y:auto}}@media (max-width:480px){.book-modal__content{border-radius:12px 12px 0 0;max-height:90vh}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.book-modal__close{align-items:center;background:#0000000d;border:none;border-radius:10px;color:#666;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:2}@media (max-width:768px){.book-modal__close{background:#0000001a;color:#333;font-size:24px;height:40px;right:12px;top:12px;width:40px}}.book-modal__close:hover{background:#0000001a;color:#333;transform:scale(1.1)}.book-modal__header{align-items:center;display:flex;gap:20px;padding:20px 32px 16px}@media (max-width:768px){.book-modal__header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px 16px 16px}.book-modal__content-text{text-align:center}}@media (max-width:480px){.book-modal__header{gap:10px;padding:16px 12px 12px}}.book-modal__logo{flex-shrink:0;margin-bottom:0}.book-modal__logo img{height:50px;width:auto}.book-modal__content-text{flex:1 1;text-align:left}@media (max-width:768px){.book-modal__logo{margin-bottom:16px}.book-modal__logo img{height:50px}}@media (max-width:480px){.book-modal__logo{margin-bottom:12px}.book-modal__logo img{height:45px}}.book-modal__title{color:#036;font-family:Bowlby One SC,cursive;font-size:24px;letter-spacing:.5px;line-height:1.25;margin-bottom:8px;text-transform:uppercase}.book-modal__subtitle{color:#6b7280;font-size:13px;line-height:1.4;margin:0}@media (max-width:768px){.book-modal__title{font-size:20px;line-height:1.3;margin-bottom:10px}.book-modal__subtitle{font-size:15px;line-height:1.5}}@media (max-width:480px){.book-modal__title{font-size:18px;margin-bottom:8px}.book-modal__subtitle{font-size:14px}}.book-form{background:linear-gradient(180deg,#fff,#fafbfc);border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:0 32px 20px}@media (max-width:768px){.book-form{padding:0 16px 20px}}@media (max-width:480px){.book-form{padding:0 12px 16px}}.book-form__row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}@media (max-width:768px){.book-form__row{gap:0;grid-template-columns:1fr;margin-bottom:0}}.book-form__group{margin-bottom:12px}@media (max-width:768px){.book-form__group{margin-bottom:16px}}@media (max-width:480px){.book-form__group{margin-bottom:14px}}.book-form__label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px;text-align:left}.book-form__label .required{color:#ef4444;margin-left:2px}.book-form__input,.book-form__select,.book-form__textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-shadow:inset 0 1px 2px #0000000a;box-sizing:border-box;color:#111827;font-size:14px;padding:12px 14px;transition:all .15s ease;width:100%}.book-form__select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:36px}@media (max-width:768px){.book-form__input,.book-form__select,.book-form__textarea{border-radius:8px;font-size:16px;padding:14px 16px}.book-form__select{padding-right:40px}}@media (max-width:480px){.book-form__input,.book-form__select,.book-form__textarea{font-size:16px;padding:12px 14px}.book-form__select{padding-right:36px}}.book-form__input:focus,.book-form__select:focus,.book-form__textarea:focus{background:#fff;border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b351a,inset 0 1px 2px #0000000d;outline:none;transform:translateY(-1px)}.book-form__input::placeholder,.book-form__textarea::placeholder{color:#9ca3af}.book-form__textarea{font-family:inherit;line-height:1.4;min-height:72px;resize:vertical}.book-form__submit{align-items:center;background:linear-gradient(135deg,#ff6b00,#e55100);border:none;border-radius:8px;box-shadow:0 3px 12px #ff6b3540;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:14px 28px;position:relative;transition:all .2s ease;width:100%}.book-form__submit-icon{align-items:center;display:inline-flex;font-size:18px}.book-form__submit-arrow{align-items:center;display:inline-flex;font-size:24px;font-weight:700;line-height:1;transition:transform .2s ease}.book-form__submit:hover .book-form__submit-arrow{transform:translateX(5px)}@media (max-width:768px){.book-form__submit{border-radius:10px;box-shadow:0 6px 20px #ff6b3566;font-size:17px;font-weight:700;margin-top:12px;padding:18px 24px}}@media (max-width:480px){.book-form__submit{border-radius:10px;font-size:16px;margin-top:10px;padding:16px 20px}}.book-form__submit:hover{background:linear-gradient(135deg,#e55100,#d84315);box-shadow:0 8px 25px #ff6b3566;transform:translateY(-2px)}.book-form__submit:focus{box-shadow:0 0 0 3px #ff6b354d;outline:none}.book-form__submit:active{background:linear-gradient(135deg,#d84315,#bf360c);transform:translateY(0)}.book-form__submit:disabled{cursor:not-allowed}.book-form__submit:disabled,.book-form__submit:disabled:hover{background:#9ca3af;box-shadow:none;transform:none}.book-form__benefits{grid-gap:12px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-radius:8px;box-shadow:0 1px 2px #0000000a;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:12px 0;padding:12px}@media (max-width:768px){.book-form__benefits{border-radius:10px;gap:16px;grid-template-columns:1fr;margin:16px 0;padding:14px}}@media (max-width:480px){.book-form__benefits{gap:14px;margin:12px 0;padding:12px}}.book-form__benefit{align-items:center;color:#374151;display:flex;flex-direction:column;font-size:12px;gap:8px;margin-bottom:0;text-align:center}@media (max-width:768px){.book-form__benefit{flex-direction:row;font-size:14px;gap:10px;margin-bottom:0;text-align:left}}@media (max-width:480px){.book-form__benefit{font-size:13px;gap:8px}}.book-form__benefit:last-child{margin-bottom:0}.book-form__benefit-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 4px #10b9814d;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:24px;width:24px}.book-form__benefit-icon,.book-form__privacy{align-items:center;display:flex;justify-content:center}.book-form__privacy{color:#6b7280;font-size:11px;gap:4px;line-height:1.3;margin-top:12px;text-align:center}.book-form__privacy-icon{align-items:center;display:inline-flex;font-size:10px;opacity:.7}@media (max-width:768px){.book-form__privacy{font-size:13px;line-height:1.5;margin-top:18px;padding:0 8px}}@media (max-width:480px){.book-form__privacy{font-size:12px;margin-top:16px;padding:0 4px}}.book-success{padding:60px 40px;text-align:center}@media (max-width:768px){.book-success{padding:40px 20px}}@media (max-width:480px){.book-success{padding:30px 16px}}.book-success__icon{align-items:center;animation:successPulse .6s ease;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:700;height:80px;justify-content:center;margin:0 auto 30px;width:80px}@keyframes successPulse{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.book-success__title{color:#036;font-family:Bowlby One SC,cursive;font-size:24px;margin-bottom:16px}.book-success__message{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.book-success__button{background:#036;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.book-success__button:hover{background:#004080;transform:translateY(-1px)}@media (max-width:768px){.book-success__icon{font-size:32px;height:70px;width:70px}.book-success__title{font-size:20px;margin-bottom:12px}.book-success__message{font-size:15px;margin-bottom:24px}.book-success__button{border-radius:10px;font-size:16px;padding:16px 32px}}@media (max-width:480px){.book-success__icon{font-size:28px;height:60px;width:60px}.book-success__title{font-size:18px;margin-bottom:10px}.book-success__message{font-size:14px;margin-bottom:20px}.book-success__button{font-size:15px;padding:14px 28px}}*{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif!important}body,html{overscroll-behavior:none}.Home{background-color:#fff;min-height:100vh}.Header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e5e5e7;left:0;padding:0;position:fixed;right:0;top:0;z-index:1100}.Header__toolbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.Header__actions{align-items:center;display:flex;gap:16px}.Header__logo{height:40px;width:auto}.Header__language-button{border:1px solid #e5e5e7!important;border-radius:20px!important;color:#1d1d1f!important;font-size:.9rem!important;font-weight:500!important;min-width:80px!important;padding:8px 16px!important;text-transform:none!important}.Header__language-button:hover{background-color:#f8f9fa!important;border-color:#1d1d1f!important}.Header__cta-button{background-color:#ff6b00!important;border-radius:20px!important;box-shadow:none!important;color:#fff!important;font-weight:400!important;text-transform:none!important}.Header__cta-button:hover{background-color:#e55100!important;box-shadow:none!important}.Hero{background-color:#fff;padding-bottom:80px;padding-top:120px}.Hero__content{align-items:center;display:flex;gap:60px;min-height:500px}@media (max-width:1024px){.Hero__content{flex-direction:column;gap:48px;text-align:center}}.Hero__text{flex:1 1;text-align:left}@media (max-width:1024px){.Hero__text{order:2;text-align:center}}.Hero__image-container{align-items:center;display:flex;flex:1 1;justify-content:center}@media (max-width:1024px){.Hero__image-container{order:1}}.Hero__image{border-radius:20px;height:auto;max-width:100%;width:100%}@media (min-width:1025px){.Hero__image{max-width:600px}}@media (max-width:1024px){.Hero__image{max-width:400px}}.Hero__title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#000,#1d1d1f 40%,#2d3748)!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:2rem!important;font-weight:800!important;letter-spacing:-.01em!important;line-height:1.1!important;margin-bottom:20px!important}@media (min-width:1025px){.Hero__title{font-size:3.2rem!important;max-width:500px}}@media (max-width:1024px){.Hero__title{font-size:2.5rem!important}}.Hero__subtitle{color:#86868b!important;font-size:1.1rem!important;font-weight:400!important;line-height:1.5!important;margin-bottom:32px!important}@media (min-width:1025px){.Hero__subtitle{font-size:1.3rem!important;max-width:500px}}@media (max-width:1024px){.Hero__subtitle{margin-left:auto;margin-right:auto;max-width:600px}}.Hero__cta-button{background-color:#ff6b00!important;border-radius:25px!important;box-shadow:none!important;color:#fff!important;font-size:1.1rem!important;font-weight:400!important;padding:12px 32px!important;text-transform:none!important}.Hero__cta-button:hover{background-color:#e55100!important;box-shadow:none!important}.Features{background:linear-gradient(180deg,#fff,#f8f9fa);overflow:hidden;padding:100px 0;position:relative}.Features:before{background:linear-gradient(90deg,#0000,#d1d1d6 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.Features__title{color:#1d1d1f!important;display:block!important;font-size:2.25rem!important;font-weight:700!important;letter-spacing:-.003em!important;line-height:1.08!important;margin:0 auto 80px!important;max-width:800px;text-align:center!important;width:100%!important}@media (min-width:768px){.Features__title{font-size:3rem!important;margin:0 auto 100px!important}}.Features .MuiGrid-container{margin:0 auto!important;max-width:1200px!important}.Features__card{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffc!important;border:1px solid #ffffff2e!important;border-radius:24px!important;box-shadow:0 8px 32px #0000000f!important;display:flex!important;flex-direction:column!important;height:100%;justify-content:flex-start!important;padding:40px 32px!important;position:relative;text-align:center;transition:all .3s ease!important}.Features__card:hover{box-shadow:0 12px 40px #00000014!important;transform:translateY(-4px)}.Features__card__icon{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8f00);border-radius:20px;box-shadow:0 8px 24px #ff6b0033;display:flex;flex-shrink:0;height:72px;justify-content:center;margin-bottom:24px;position:relative;width:72px}.Features__card__icon__svg{color:#fff!important;font-size:32px!important}.Features__card__title{color:#1d1d1f!important;font-size:1.4rem!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.3!important;margin-bottom:12px!important;text-align:center!important}.Features__card__description{color:#6e6e73!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;margin:0!important;max-width:280px;text-align:center!important}.Pricing{background-color:#fff;padding:80px 0}.Pricing__title{color:#1d1d1f!important;font-size:2rem!important;font-weight:600!important;margin-bottom:64px!important;text-align:center}@media (min-width:768px){.Pricing__title{font-size:2.5rem!important}}.Pricing__card{border:1px solid #e5e5e7!important;border-radius:20px!important;box-shadow:0 2px 8px #0000000a!important;display:flex!important;flex-direction:column!important;height:100%;padding:32px 28px!important;position:relative;text-align:left;transition:all .3s ease!important}.Pricing__card:hover{box-shadow:0 8px 25px #0000001f!important;transform:translateY(-4px)!important}.Pricing__card--popular{background:linear-gradient(135deg,#fff,#fef8f5)!important;border:2px solid #ff6b00!important;overflow:visible!important;transform:scale(1.05)!important}.Pricing__card--popular:hover{transform:scale(1.05) translateY(-4px)!important}.Pricing__card__badge-container{left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:auto;z-index:10}.Pricing__card__badge{background:linear-gradient(135deg,#ff6b00,#e55100)!important;border-radius:20px!important;box-shadow:0 4px 12px #ff6b004d!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important;padding:6px 16px!important;position:relative!important;white-space:nowrap!important}.Pricing__card__header{margin-bottom:24px}.Pricing__card__title{color:#1d1d1f!important;font-size:1.4rem!important;font-weight:700!important;line-height:1.2!important;margin-bottom:6px!important}.Pricing__card__subtitle{color:#86868b!important;font-size:.9rem!important;font-weight:400!important}.Pricing__card__price-section{align-items:baseline;display:flex;gap:8px;margin-bottom:12px}.Pricing__card__price{color:#1d1d1f!important;font-size:2rem!important;font-weight:700!important;line-height:1!important}.Pricing__card__period{color:#86868b!important;font-size:.85rem!important;font-weight:400!important}.Pricing__card__value{background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:8px;margin-bottom:24px;padding:8px 12px}.Pricing__card__value--highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b3);border:1px solid #ffcc80}.Pricing__card__save{color:#0369a1!important;font-size:.8rem!important;font-weight:600!important;text-align:center!important}.Pricing__card__value--highlight .Pricing__card__save{color:#e55100!important}.Pricing__card__features{flex-grow:1;margin-bottom:24px}.Pricing__card__feature{align-items:flex-start!important;color:#4a5568!important;display:flex!important;font-size:.9rem!important;line-height:1.6!important;margin-bottom:10px!important}.Pricing__card__levels{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.Pricing__card__level{background-color:#f1f5f9!important;color:#475569!important;font-size:.75rem!important;font-weight:500!important}.Pricing__card__button{border:2px solid #e5e5e7!important;border-radius:12px!important;box-shadow:none!important;color:#1d1d1f!important;font-size:.95rem!important;font-weight:600!important;margin-top:auto!important;padding:12px 24px!important;text-transform:none!important;width:100%!important}.Pricing__card__button:hover{background-color:#f8f9fa!important;border-color:#1d1d1f!important;box-shadow:none!important}.Pricing__card__button--primary{background:linear-gradient(135deg,#ff6b00,#e55100)!important;border:none!important;box-shadow:0 4px 12px #ff6b004d!important;color:#fff!important}.Pricing__card__button--primary:hover{background:linear-gradient(135deg,#e55100,#d84315)!important;box-shadow:0 6px 16px #ff6b0066!important;transform:translateY(-1px)!important}.Pioupiou__image{display:block;margin:0 auto;max-width:200px;width:100%}.FAQ{background-color:#fff;padding:80px 0}.FAQ__title{color:#1d1d1f!important;font-size:2rem!important;font-weight:600!important;margin-bottom:64px!important;text-align:center}@media (min-width:768px){.FAQ__title{font-size:2.5rem!important}}.FAQ__card{background-color:#fff!important;border:1px solid #e5e5e7!important;border-radius:16px!important;box-shadow:0 4px 8px #0000000a!important;padding:24px!important}.FAQ__card__header{align-items:center;display:flex;margin-bottom:8px}.FAQ__card__icon{color:#1d1d1f!important;margin-right:8px!important}.FAQ__card__question{color:#1d1d1f!important;font-weight:600!important;line-height:1.21!important}.FAQ__card__answer{color:#86868b!important;font-size:17px!important;line-height:1.47!important}.CTA{background-color:#1d1d1f;padding:80px 0}.CTA__content{text-align:center}.CTA__title{color:#fff!important;font-size:2rem!important;font-weight:600!important;margin-bottom:16px!important}@media (min-width:768px){.CTA__title{font-size:2.5rem!important}}.CTA__subtitle{color:#fffc!important;font-size:1.2rem!important;margin-bottom:32px!important}.CTA__button{background-color:#ff6b00!important;border-radius:25px!important;box-shadow:none!important;color:#fff!important;font-size:1.1rem!important;font-weight:500!important;padding:12px 32px!important;text-transform:none!important}.CTA__button:hover{background-color:#e55100!important;box-shadow:none!important}.Footer{background-color:#1d1d1f;padding:60px 0 30px}.Footer,.Footer__content{color:#fff}.Footer__main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:40px}@media (max-width:768px){.Footer__main{gap:30px;grid-template-columns:1fr;text-align:center}}.Footer__brand{align-items:flex-start;display:flex;flex-direction:column}@media (max-width:768px){.Footer__brand{align-items:center}}.Footer__logo{height:60px;margin-bottom:16px;width:auto}.Footer__description{color:#ffffffb3!important;font-size:.9rem!important;line-height:1.4!important}.Footer__contact{align-items:flex-start;display:flex;flex-direction:column}@media (max-width:768px){.Footer__contact{align-items:center}}.Footer__contact-title{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:20px!important}.Footer__contact-item{display:flex;flex-direction:column;margin-bottom:12px}.Footer__contact-label{color:#fff9!important;font-size:.8rem!important;font-weight:500!important;letter-spacing:.5px;margin-bottom:4px!important;text-transform:uppercase}.Footer__contact-value{color:#ffffffe6!important;font-size:.9rem!important;line-height:1.4!important}.Footer__legal{align-items:flex-start;display:flex;flex-direction:column}@media (max-width:768px){.Footer__legal{align-items:center}}.Footer__legal-title{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:20px!important}.Footer__legal-link{color:#fffc!important;cursor:pointer;font-size:.9rem!important;font-weight:400!important;margin-bottom:12px!important;transition:color .2s ease}.Footer__legal-link:hover{color:#ff6b00!important}.Footer__info{align-items:flex-start;display:flex;flex-direction:column}@media (max-width:768px){.Footer__info{align-items:center}}.Footer__info-title{color:#fff!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:12px!important}.Footer__info-value{color:#fff!important;font-size:1rem!important;font-weight:500!important;margin-bottom:8px!important}.Footer__info-subtitle{color:#ffffffb3!important;font-size:.85rem!important;line-height:1.3!important;margin-bottom:4px!important}.Footer__bottom{border-top:1px solid #ffffff1a;padding-top:30px;text-align:center}.Footer__links{display:flex;gap:32px;justify-content:center;margin-bottom:20px}@media (max-width:768px){.Footer__links{align-items:center;flex-direction:column;gap:16px}}.Footer__link{color:#fffc!important;cursor:pointer;font-size:.9rem!important;font-weight:500!important;transition:color .2s ease}.Footer__link:hover{color:#ff6b00!important}.Footer__payments{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.Footer__secure{align-items:center;display:flex;gap:8px}.Footer__secure-icon{color:#4ade80!important;font-size:18px!important}.Footer__secure-text{color:#fffc!important;font-size:.9rem!important;font-weight:500!important}.Footer__payment-logo{filter:brightness(0) invert(1);height:24px;width:auto}.Footer__copyright{color:#fff9!important;font-size:.85rem!important}.MuiButton-root:focus-visible{outline:2px solid #ff6b00!important;outline-offset:2px!important}@media (max-width:768px){.Header__toolbar{flex-direction:column;gap:15px;padding:20px}.Hero{padding-bottom:60px;padding-top:140px}.CTA,.FAQ,.Features,.Pricing{padding:60px 0}}.sidebar-student{background-color:#fff;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;width:280px}.sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px}.sidebar-logo{color:#2c3e50;font-size:18px;font-weight:600;margin:0;text-align:center}.sidebar-logo img{height:auto;max-width:100px}.sidebar-class-info{background-color:#e8f4fd;border-radius:6px;margin-top:15px;padding:8px;text-align:center}.sidebar-class-name{color:#495057;font-size:13px;font-weight:500}.sidebar-user-info{background-color:#e8f4fd;border-radius:6px;margin-top:10px;padding:8px;text-align:center}.user-role{color:#495057;font-size:14px;font-weight:500}.user-name{color:#6c757d;font-size:12px;margin-top:2px}.sidebar-nav{padding:20px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:12px}.nav-item:last-child{margin-bottom:0}.nav-button{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:flex-start;padding:16px;text-align:left;width:100%}.nav-button-icon{font-size:16px;margin-right:10px}.nav-button.feed-active{background-color:#007bff;border:1px solid #007bff;color:#fff}.nav-button.feed-inactive{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057}.nav-button.feed-inactive:hover{background-color:#e9ecef}.nav-button.upload-active{background-color:#28a745;border:1px solid #28a745;color:#fff}.nav-button.upload-inactive{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057}.nav-button.upload-inactive:hover{background-color:#e9ecef}.nav-button.exams-active{background-color:#dc3545;border:1px solid #dc3545;color:#fff}.nav-button.exams-inactive{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057}.nav-button.exams-inactive:hover{background-color:#e9ecef}.sidebar-profile{background-color:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:auto;padding:20px;position:relative}.profile-button{background:none;border:none;border-radius:8px;transition:background-color .2s ease}.profile-button:hover{background-color:#e9ecef}.profile-photo{border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-photo-placeholder{align-items:center;background-color:#6c757d;border-radius:50%;color:#fff;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.profile-name{color:#333;font-weight:500}.profile-role{color:#666}.profile-class-code{color:#999;font-size:11px;margin:2px 0 0}.logout-widget{background:#fff;border:1px solid #e0e0e0;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:20px;margin-bottom:8px;padding:8px;position:absolute;right:20px}.logout-button{padding:12px 16px;text-align:left}.feed-student-container{background-color:#f0f2f5;min-height:100vh;padding:20px 0;width:100%}.feed-title{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.feed-class-info{align-items:center;display:flex;gap:15px;margin-bottom:10px}.current-class{color:#666;font-size:16px;margin:0}.class-name{color:#333;font-weight:600}.class-code{color:#999;font-size:14px;margin:0}.feed-no-class{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.feed-no-class,.feed-no-posts{margin:0 auto;max-width:680px}.feed-no-posts-icon{font-size:48px;margin-bottom:20px}.feed-no-posts-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.attachments-title{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.post-actions{border-top:1px solid #e4e6ea;display:flex;justify-content:space-around;padding:8px 0}.post-action-button{align-items:center;background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px;transition:background-color .2s ease}.post-action-button:hover{background-color:#f0f2f5}.post-action-button.active{color:#1877f2}.comments-section{border-top:1px solid #e4e6ea;padding-top:12px}.comment-form{display:flex;gap:8px;margin-bottom:12px}.comment-input{background-color:#f0f2f5;border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.comment-input:focus{background-color:#fff;border-color:#1877f2}.comment-submit{background-color:#1877f2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.comment-submit:hover{background-color:#166fe5}.comment-submit:disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.comments-list{max-height:300px;overflow-y:auto}.comment-item{display:flex;gap:8px;margin-bottom:8px}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.comment-content{background-color:#f0f2f5;border-radius:16px;flex:1 1;min-width:0;padding:8px 12px}.comment-author{color:#333;font-size:13px;font-weight:600;margin:0}.comment-text{word-wrap:break-word;color:#050505;font-size:14px;margin:2px 0 0}.comment-time{color:#65676b;font-size:12px;margin-left:40px;margin-top:2px}.comments-count{color:#65676b;font-size:13px;margin-bottom:8px;padding-left:4px}@media (max-width:768px){.feed-student-container{max-width:100%;padding:0 10px}.post-card{margin-bottom:15px;padding:15px}.feed-title{font-size:20px}.comment-form{gap:6px}.comment-submit{font-size:13px;padding:8px 12px}}.exams-student-container{background-color:#f0f2f5;min-height:100vh;padding:20px 0;width:100%}.exams-wrapper{margin:0 auto;max-width:800px;padding:0 20px}.exam-taking-wrapper{margin:0 auto;max-width:900px;padding:0 20px}.exams-loading{color:#666;margin:0 auto;max-width:680px;padding:60px 20px;text-align:center}.exams-loading-spinner{font-size:24px;margin-bottom:15px}.exams-no-class{margin:0 auto;max-width:680px}.exams-no-class,.exams-no-tests{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.exams-no-tests-icon{font-size:48px;margin-bottom:20px}.exams-header{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.exams-header h2{color:#333;font-size:28px;margin:0}.exams-list{display:flex;flex-direction:column;gap:20px}.exam-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:25px;transition:all .2s ease}.exam-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.exam-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.exam-card-header h3{color:#333;flex:1 1;font-size:20px;margin:0 15px 0 0}.exam-status{flex-shrink:0}.exam-card-info{margin-bottom:20px}.exam-card-info p{color:#666;font-size:14px;margin:5px 0}.exam-date,.submission-date{color:#999!important;font-size:12px!important}.exam-card-actions{display:flex;justify-content:flex-end}.start-exam-button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background-color .2s ease}.start-exam-button:hover{background-color:#c82333}.exam-completed{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:not-allowed;font-size:16px;font-weight:600;padding:12px 24px}.exam-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.exam-info h2{color:#333;font-size:24px;margin:0 0 15px}.exam-progress{align-items:center;display:flex;gap:15px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:200px}.progress-fill{background-color:#dc3545;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:14px;font-weight:500}.exam-timer{align-items:center;background-color:#f8f9fa;border:2px solid #dc3545;border-radius:8px;display:flex;gap:8px;padding:10px 15px}.timer-icon,.timer-text{font-size:18px}.timer-text{color:#dc3545;font-weight:700;min-width:80px;text-align:center}.question-container{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:30px}.question-number{background-color:#dc3545;border-radius:20px;color:#fff;display:inline-block;font-size:14px;margin-bottom:20px;padding:8px 16px}.question-text{color:#333;font-size:18px;font-weight:500;line-height:1.6;margin-bottom:25px}.question-image-container{margin-bottom:25px;text-align:center}.question-image{box-shadow:0 4px 8px #0000001a;max-height:400px;max-width:100%}.question-audio-container{background-color:#f8f9fa;border-radius:8px;margin-bottom:25px;padding:20px;text-align:center}.question-audio{margin-bottom:15px;max-width:500px}.audio-instruction{color:#666;font-style:italic;margin:0}.answer-container{margin-top:25px}.answer-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:16px;min-height:120px;outline:none;padding:15px;resize:vertical;width:100%}.answer-textarea:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.checkbox-options,.multiple-choice-options{display:flex;flex-direction:column;gap:12px}.checkbox-option,.radio-option{align-items:center;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.checkbox-option:hover,.radio-option:hover{background-color:#e9ecef}.checkbox-option input[type=checkbox],.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.checkbox-text,.radio-text{color:#333;cursor:pointer;flex:1 1;font-size:16px}.exam-navigation{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.nav-buttons{align-items:center;display:flex;justify-content:space-between}.nav-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.nav-button.prev{background-color:#6c757d;color:#fff}.nav-button.prev:hover:not(:disabled){background-color:#545b62}.nav-button.next{background-color:#007bff;color:#fff}.nav-button.next:hover{background-color:#0056b3}.nav-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.submit-exam-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 30px;transition:background-color .2s ease}.submit-exam-button:hover{background-color:#218838}@media (max-width:768px){.exams-student-container{padding:10px 0}.exam-taking-wrapper,.exams-wrapper{padding:0 10px}.exam-card{padding:20px}.exam-card-header{align-items:flex-start;flex-direction:column;gap:10px}.exam-header{flex-direction:column;text-align:center}.exam-progress{flex-direction:column;gap:10px}.progress-bar{width:100%}.question-container{padding:20px}.question-text{font-size:16px}.nav-buttons{flex-direction:column;gap:15px}.nav-button,.start-exam-button,.submit-exam-button{width:100%}}.sidebar{background:linear-gradient(180deg,#fff,#f8f9fa);border-right:1px solid #e9ecef;box-shadow:0 0 20px #0000000d;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:240px}.sidebar__header{border-bottom:1px solid #e9ecef;padding:16px;text-align:center}.sidebar__logo{height:auto;max-width:140px}.sidebar__nav{flex:1 1;padding:8px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;margin-bottom:4px;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f8f9fa;color:#495057;transform:translateX(2px)}.nav-item--active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.nav-item--active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateX(0)}.nav-item__icon{align-items:center;display:flex;font-size:18px;justify-content:center;margin-right:12px;width:20px}.nav-item__label{font-weight:500}.sidebar__profile{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px}.profile-container{position:relative}.profile-button{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.profile-button:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000001a}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar span,.profile-avatar-fallback{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;width:100%}.profile-info{flex:1 1;min-width:0}.profile-name{color:#212529;font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{color:#6c757d;font-size:12px;margin:2px 0 0}.logout-popup{background:#fff;border:1px solid #e9ecef;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0000001a;left:0;padding:4px;position:absolute;right:0;z-index:1000}.logout-button{align-items:center;background:none;border:none;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 12px;transition:background-color .2s ease;width:100%}.logout-button:hover{background-color:#f8f9fa}.logout-button__icon{font-size:16px}@media (max-width:768px){.sidebar{width:200px}.sidebar__logo{max-width:120px}.nav-item{padding:10px 12px}.nav-item__icon{font-size:16px;margin-right:10px}}.feed-teacher-container{background-color:#f0f2f5;min-height:100vh;padding:20px 0;width:100%}.feed-posts-wrapper{margin:0 auto;max-width:680px;padding:0 20px}.feed-loading{color:#666;margin:0 auto;max-width:680px;padding:60px 20px;text-align:center}.feed-loading-spinner{font-size:24px;margin-bottom:15px}.feed-no-classes{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;margin:0 auto;max-width:680px;padding:60px 20px;text-align:center}.feed-no-classes-icon{font-size:48px;margin-bottom:20px}.feed-no-classes-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.create-class-button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:background-color .2s ease}.create-class-button:hover{background-color:#218838}.post-creation-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.class-selection{margin-bottom:15px}.class-select{background-color:#f8f9fa;border-radius:8px;outline:none;padding:12px;width:100%}.post-input-section{display:flex;gap:12px;margin-bottom:15px}.teacher-photo{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.post-textarea{background-color:#f0f2f5;border:none;border-radius:20px;flex:1 1;font-size:16px;min-height:60px;outline:none;padding:12px;resize:none}.post-textarea:focus{background-color:#fff;box-shadow:0 0 0 1px #1877f2}.attached-files{background-color:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:10px}.attached-files-title{color:#65676b;font-size:14px;font-weight:700;margin-bottom:8px}.attached-file-item{align-items:center;background-color:#fff;border:1px solid #e4e6ea;border-radius:6px;display:flex;justify-content:space-between;margin:4px 0;padding:8px}.attached-file-name{font-size:14px}.remove-file-button{background:none;color:#65676b;font-size:18px;padding:0 5px}.remove-file-button:hover{color:#e41e3f}.post-action-bar{align-items:center;border-top:1px solid #e4e6ea;display:flex;justify-content:space-between;padding-top:10px}.post-actions-left{display:flex;gap:15px}.file-button{align-items:center;background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px;transition:background-color .2s ease}.file-button:hover{background-color:#f0f2f5}.publish-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px;transition:background-color .2s ease}.publish-button.enabled{background-color:#1877f2;color:#fff}.publish-button.disabled{background-color:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.post-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.post-header{align-items:center;display:flex;margin-bottom:15px}.post-teacher-photo{object-fit:cover}.post-teacher-photo,.post-teacher-photo-placeholder{border-radius:50%;height:40px;margin-right:12px;width:40px}.post-teacher-photo-placeholder{align-items:center;background-color:#e4e6ea;display:flex;font-size:18px;justify-content:center}.post-meta{flex:1 1}.post-teacher-name{color:#333;font-size:15px;font-weight:600;margin:0}.post-date{color:#65676b;font-size:13px;margin:2px 0 0}.post-content{color:#050505;font-size:16px;line-height:1.4;margin:0 0 15px;white-space:pre-wrap}.post-attachments{background-color:#f0f2f5;border-radius:8px;margin-bottom:15px;padding:12px}.image-container{display:inline-block;margin-bottom:12px;position:relative;width:100%}.image-preview{border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:block;height:auto;max-width:500px;transition:all .2s ease;width:100%}.image-preview:hover{box-shadow:0 4px 12px #0003}.image-download-overlay{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:36px}.image-container:hover .image-download-overlay{opacity:1}.image-download-overlay:hover{background:#000000e6;transform:scale(1.1)}.attachment-item{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.attachment-item:last-child{margin-bottom:0}.attachment-info{align-items:center;display:flex;flex:1 1;gap:12px}.attachment-icon{font-size:20px}.attachment-details{flex:1 1;min-width:0}.attachment-name{color:#333;font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:12px;margin:2px 0 0}.download-button{background-color:#1877f2;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.download-button:hover{background-color:#166fe5;color:#fff;text-decoration:none}.feed-no-posts{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.file-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.file-modal{background-color:#fff;border-radius:12px;max-height:80%;max-width:500px;overflow:auto;padding:30px;width:90%}.file-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.file-modal-title{font-size:18px;font-weight:600;margin:0}.file-modal-close{background:none;border:none;color:#65676b;cursor:pointer;font-size:24px}.file-drop-zone{border-radius:12px;cursor:pointer;margin-bottom:20px;padding:40px;text-align:center;transition:all .2s ease}.file-drop-zone.active{background-color:#f0f8ff;border:2px dashed #1877f2}.file-drop-zone.inactive{background-color:#f8f9fa;border:2px dashed #ddd}.file-drop-icon{font-size:48px;margin-bottom:16px}.file-drop-text{font-size:16px;margin-bottom:8px}.file-drop-or{color:#65676b;font-size:14px;margin-bottom:16px}.file-select-button{background-color:#1877f2;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:12px 24px;transition:background-color .2s ease}.file-select-button:hover{background-color:#166fe5}.selected-files-title{font-size:16px;font-weight:600;margin-bottom:12px}.selected-file-item{align-items:center;background-color:#f0f2f5;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.selected-file-name{font-size:14px}.remove-selected-file{background:none;border:none;color:#e41e3f;cursor:pointer;font-size:18px}.file-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.file-modal-done{background-color:#f0f2f5;border:none;border-radius:6px;color:#65676b;cursor:pointer;padding:10px 20px}.image-modal{align-items:center;background-color:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-modal img{border-radius:8px;max-height:90%;max-width:90%;object-fit:contain}.image-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;padding:10px;position:absolute;right:20px;top:20px;width:50px}@media (max-width:768px){.feed-teacher-container{padding:10px 0}.feed-posts-wrapper{padding:0 10px}.post-card,.post-creation-card{margin-bottom:15px;padding:15px}.post-input-section{gap:8px}.teacher-photo{height:32px;width:32px}.file-modal{margin:20px;padding:20px}}.popin-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popin{animation:slideIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:90vw;min-width:400px;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popin-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 20px 15px}.popin-title{color:#333;font-size:18px;font-weight:600;margin:0}.popin-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.popin-close:hover{background-color:#f8f9fa;color:#333}.popin-body{padding:20px;text-align:center}.popin-icon{font-size:48px;margin-bottom:15px}.popin-message{color:#555;font-size:16px;line-height:1.5;margin:0}.popin-actions{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:15px 20px 20px}.popin-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease}.popin-button-cancel{background-color:#6c757d;color:#fff}.popin-button-cancel:hover{background-color:#545b62}.popin-button-confirm{color:#fff}.popin-button-danger{background-color:#dc3545}.popin-button-danger:hover{background-color:#c82333}.popin-button-warning{background-color:#ffc107;color:#333}.popin-button-warning:hover{background-color:#e0a800}.popin-button-info{background-color:#17a2b8}.popin-button-info:hover{background-color:#138496}.popin-danger .popin-title{color:#dc3545}.popin-warning .popin-title{color:#856404}.popin-info .popin-title{color:#0c5460}@media (max-width:480px){.popin{margin:20px;min-width:300px}.popin-actions{flex-direction:column}.popin-button{width:100%}}.question-editor{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;box-shadow:0 2px 12px #0000000a;margin-bottom:16px;transition:all .3s ease}.question-editor:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.question-editor__header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.question-editor__number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:16px;font-weight:700}.question-editor__header-actions{align-items:center;display:flex;gap:12px}.question-editor__type-badge{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #e1bee7;border-radius:20px;color:#495057;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px}.question-editor__delete-button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s ease}.question-editor__delete-button:hover{box-shadow:0 4px 16px #ff6b6b66;transform:translateY(-2px)}.question-editor__label{color:#2c3e50;display:block;font-size:14px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.question-editor__textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;font-family:inherit;font-size:15px;min-height:80px;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.question-editor__textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.question-editor__options-section{margin-top:20px}.question-editor__option-card{background:#fff;border:2px solid #f1f3f4;border-radius:12px;margin-bottom:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-editor__option-card:before{background:#dee2e6;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.question-editor__option-card--correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 4px 20px #28a74526;transform:translateY(-2px)}.question-editor__option-card--correct:before{background:linear-gradient(180deg,#28a745,#20c997);width:6px}.question-editor__option-card:hover{border-color:#667eea;box-shadow:0 2px 12px #00000014;transform:translateY(-1px)}.question-editor__option-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.question-editor__option-indicator{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#495057;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.question-editor__option-card--correct .question-editor__option-indicator{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;transform:scale(1.1)}.question-editor__option-number{font-weight:700}.question-editor__correct-toggle{display:flex;flex:1 1;justify-content:flex-start;margin-left:12px}.question-editor__correct-btn{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:25px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:flex-start;min-width:200px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-editor__correct-btn:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.question-editor__correct-btn--active{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 2px 12px #28a7454d;color:#fff;transform:scale(1.05)}.question-editor__correct-btn--active:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 16px #28a74566;transform:scale(1.05) translateY(-1px)}.question-editor__correct-icon{align-items:center;display:flex;font-size:14px;font-weight:600;height:16px;justify-content:center;width:16px}.question-editor__correct-text{font-weight:600;letter-spacing:.3px}.question-editor__option-delete{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:8px;box-shadow:0 2px 8px #6c757d33;color:#fff;cursor:pointer;flex-shrink:0;padding:8px;transition:all .3s ease}.question-editor__option-delete:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.question-editor__delete-icon{display:block;font-size:12px}.question-editor__option-content{position:relative}.question-editor__option-input{background:#fff;border:2px solid #f1f3f4;border-radius:10px;color:#2c3e50;font-size:15px;font-weight:500;padding:12px 16px;transition:all .3s ease;width:100%}.question-editor__option-input:focus{background:#fefefe;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.question-editor__option-card--correct .question-editor__option-input{background:#ffffffe6;border-color:#28a745;font-weight:600}.question-editor__correct-badge{align-items:center;animation:slideInUp .3s ease;background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 2px 8px #28a74533;color:#fff;display:flex;font-size:11px;font-weight:600;gap:6px;margin-top:8px;padding:6px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.question-editor__badge-icon{font-size:12px}.question-editor__badge-text{letter-spacing:.3px}.question-editor__add-option{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;margin-top:16px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.question-editor__add-option:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.question-editor__add-icon{font-size:12px}.question-editor__add-text{font-weight:600}.question-editor__validation-info{align-items:center;background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:2px solid #b6e3ea;border-radius:10px;color:#0c5460;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:16px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media (max-width:768px){.question-editor{padding:16px}.question-editor__option-header{align-items:stretch;flex-direction:column;gap:8px}.question-editor__correct-toggle{justify-content:stretch}.question-editor__correct-btn{min-width:auto;width:100%}}.test-container{background-color:#f0f2f5;min-height:100vh;padding:20px 0;width:100%}.test-wrapper{margin:0 auto;max-width:1200px;padding:0 20px}.test-edit-wrapper{margin:0 auto;max-width:800px;padding:0 20px}.test-loading{color:#666;padding:60px 20px;text-align:center}.test-loading-spinner{font-size:24px;margin-bottom:15px}.test-no-classes{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;margin:0 auto;max-width:680px;padding:60px 20px;text-align:center}.test-no-classes-icon{font-size:48px;margin-bottom:20px}.test-header{border-radius:12px;justify-content:space-between;margin-bottom:30px;padding:20px}.class-selection,.test-header{align-items:center;display:flex}.class-selection{gap:10px}.class-selection label{color:#333;font-weight:600}.class-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px;pointer-events:auto;position:relative;z-index:10}.class-select:focus,.class-select:hover{border-color:#495057}.class-select:focus{box-shadow:0 0 0 2px #667eea33;outline:none}.create-test-button{background-color:#6f42c1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .2s ease}.create-test-button:hover{background-color:#5a2d91}.tests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-tests{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.no-tests-icon{font-size:48px;margin-bottom:20px}.test-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.test-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.test-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.test-card-header h3{color:#333;flex:1 1;font-size:18px;margin:0 10px 0 0}.test-card-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.test-card-status{flex-shrink:0}.delete-test-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;opacity:.7;padding:6px;transition:all .2s ease;width:32px}.delete-test-button:hover{background-color:#dc35451a;opacity:1;transform:scale(1.1)}.status-badge{border-radius:20px;display:inline-block;font-size:12px;padding:6px 12px}.status-badge.small{font-size:11px;padding:4px 8px}.test-card-info p{color:#666;font-size:14px;margin:5px 0}.test-date{color:#999!important;font-size:12px!important}.test-edit-header-wrapper{margin-bottom:24px;padding:0 20px;width:100%}.test-edit-header{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 32px;width:100%}.back-button,.test-edit-header{align-items:center;display:flex}.back-button{background:none;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;font-size:16px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#495057;color:#495057;transform:translateX(-2px)}.test-info{flex:1 1;text-align:left}.test-title-row{align-items:center;display:flex;gap:12px}.test-info h2{color:#2c3e50;font-size:28px;font-weight:700;letter-spacing:.3px;margin:0}.status-badge{align-items:center;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;letter-spacing:.3px;padding:4px 10px}.test-actions{gap:12px}.save-button,.test-actions{align-items:center;display:flex}.save-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 8px #28a74533;color:#fff;cursor:pointer;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.save-icon{font-size:18px!important}.send-button{align-items:center;background:linear-gradient(135deg,#495057,#343a40);border:none;border-radius:8px;box-shadow:0 2px 8px #49505733;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.3px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#343a40,#212529);box-shadow:0 4px 12px #4950574d;transform:translateY(-1px)}.send-button:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.send-icon{font-size:18px!important}.responses-button{background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background-color .2s ease}.responses-button:hover{background-color:#138496}.questions-container{display:flex;flex-direction:column;gap:20px}.question-editor{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.question-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.question-number{color:#6f42c1;font-size:16px;font-weight:600}.question-type-badge{background-color:#f8f9fa;border-radius:4px;color:#495057;font-size:12px;font-weight:500;padding:4px 8px}.delete-question-button{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.delete-question-button:hover{background-color:#f8f9fa}.question-content label{color:#333;display:block;font-weight:600;margin-bottom:8px}.question-input{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:15px;min-height:80px;outline:none;padding:12px;resize:vertical;width:100%}.question-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.file-upload-section{margin-bottom:15px}.file-upload{background-color:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center}.file-input{display:none}.file-upload-button{background-color:#6f42c1;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:10px 16px;transition:background-color .2s ease}.file-upload-button:hover{background-color:#5a2d91}.uploaded-image{text-align:center}.question-image{border-radius:8px;display:block;margin-bottom:10px;margin-left:auto;margin-right:auto;max-height:200px;max-width:300px}.uploaded-audio{text-align:center}.question-audio{margin-bottom:10px;max-width:400px;width:100%}.remove-file-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease}.remove-file-button:hover{background-color:#c82333}.options-section{margin-bottom:15px}.option-input-group{align-items:center;display:flex;gap:8px;margin-bottom:8px}.option-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:10px}.option-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.remove-option-button{background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:18px;height:30px;padding:5px;transition:background-color .2s ease;width:30px}.remove-option-button:hover{background-color:#f8f9fa}.add-option-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s ease}.add-option-button:hover{background-color:#218838}.add-question-section{background-color:#fff;border:2px dashed #6f42c1;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.add-question-section h3{color:#6f42c1;margin:0 0 20px}.question-type-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.question-type-button{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:15px;transition:all .2s ease}.question-type-button:hover{background-color:#6f42c1;border-color:#6f42c1;color:#fff}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modal{background-color:#fff;border-radius:12px;max-height:80%;max-width:500px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;height:30px;padding:0;width:30px}.modal-body{padding:20px}.modal-body label{color:#333;display:block;font-weight:600;margin-bottom:8px}.test-name-input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:12px;width:100%}.test-name-input:focus{border-color:#6f42c1;box-shadow:0 0 0 1px #6f42c1}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.cancel-button:hover{background-color:#545b62}.create-button{background-color:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.create-button:hover:not(:disabled){background-color:#5a2d91}.create-button:disabled{background-color:#6c757d;cursor:not-allowed}.add-question-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-top:32px;padding:24px}.add-question-title{color:#2c3e50;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0 0 20px;text-align:center}.question-types-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.question-type-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.question-type-card:before{background:linear-gradient(180deg,#495057,#343a40);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.question-type-card:hover{border-color:#495057;box-shadow:0 8px 24px #49505726;transform:translateY(-2px)}.question-type-card:hover:before{opacity:1}.question-type-card:hover .question-type-card__icon{color:#495057;transform:scale(1.1)}.question-type-card__icon{align-items:center;background:linear-gradient(135deg,#f1f3f4,#e8eaed);border-radius:12px;color:#6c757d;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.question-type-card__icon svg{font-size:24px}.question-type-card__content{display:flex;flex:1 1;flex-direction:column;gap:4px}.question-type-card__title{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.2}.question-type-card__description{color:#6c757d;font-size:13px;line-height:1.3}@media (max-width:768px){.test-container{padding:10px 0}.test-edit-wrapper,.test-wrapper{padding:0 10px}.question-types-grid{gap:12px;grid-template-columns:1fr}.question-type-card{gap:12px;padding:16px}.question-type-card__icon{height:40px;width:40px}.question-type-card__icon svg{font-size:20px}.test-header{gap:15px}.test-edit-header,.test-header{align-items:stretch;flex-direction:column}.test-edit-header{text-align:center}.test-actions{justify-content:center}.question-type-buttons,.tests-grid{grid-template-columns:1fr}.modal{margin:20px}}.submissions-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.submissions-info h2{color:#333;font-size:24px;margin:0 0 5px}.submissions-info p{color:#666;margin:0}.submissions-list{display:flex;flex-direction:column;gap:15px}.no-submissions{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;color:#666;padding:60px 20px;text-align:center}.no-submissions-icon{font-size:48px;margin-bottom:20px}.submission-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.submission-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.student-info{align-items:center;display:flex;gap:12px}.student-photo{border-radius:50%;height:40px;object-fit:cover;width:40px}.student-info h3{color:#333;font-size:16px;margin:0}.submission-date{color:#666;font-size:12px;margin:2px 0 0}.submission-status{text-align:right}.graded{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.grade{color:#28a745;font-size:18px;font-weight:700}.corrected-badge{background-color:#28a745;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.pending-badge{background-color:#ffc107;border-radius:12px;color:#333;font-size:12px;font-weight:600;padding:4px 12px}.submission-preview{color:#666;font-size:14px}.submission-preview p{margin:4px 0}.submission-review{display:flex;flex-direction:column;gap:20px}.submission-review-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.student-photo-large{border-radius:50%;height:50px;object-fit:cover;width:50px}.grading-section{align-items:center;display:flex;gap:15px}.grade-input-group{align-items:center;display:flex;gap:8px}.grade-input-group label{color:#333;font-weight:600}.grade-input{border:2px solid #ddd;border-radius:6px;font-size:16px;font-weight:700;outline:none;padding:6px 10px;text-align:center;width:60px}.grade-input:focus{border-color:#17a2b8}.save-grade-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.save-grade-button:hover{background-color:#218838}.questions-answers{display:flex;flex-direction:column;gap:20px}.question-answer-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.question-section{border-bottom:1px solid #e9ecef;margin-bottom:15px;padding-bottom:15px}.question-media{margin:15px 0;text-align:center}.question-image-small{border-radius:6px;max-height:150px;max-width:200px}.question-audio-small{max-width:300px;width:100%}.question-options{background-color:#f8f9fa;border-radius:6px;margin-top:10px;padding:10px}.question-options ul{margin:5px 0 0;padding-left:20px}.question-options li{color:#666;font-size:14px;margin:2px 0}.answer-section{margin-top:15px}.answer-header{color:#333;margin-bottom:10px}.student-answer{background-color:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;font-size:15px;line-height:1.5;min-height:50px;padding:15px}.feedback-section{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px}.feedback-section label{color:#333;display:block;font-weight:600;margin-bottom:10px}.feedback-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;min-height:100px;outline:none;padding:12px;resize:vertical;width:100%}.feedback-textarea:focus{border-color:#17a2b8}.save-feedback-button{background-color:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .2s ease}.save-feedback-button:hover{background-color:#138496}:root{--primary:#ff6b00;--dark:#2c2c2c;--light-grey:#f8f9ff;--text-grey:#666;--border-light:#e5e5e5;--shadow-light:0 4px 15px #0000001a;--shadow-medium:0 10px 30px #00000026;--border-radius:12px;--transition:all 0.3s ease}html{scroll-behavior:smooth}body{color:#2c2c2c;color:var(--dark);font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{background-color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;padding-top:80px}a:hover{text-decoration:none}.text-center{text-align:center}.text-primary{color:#ff6b00;color:var(--primary)}.text-grey{color:#666;color:var(--text-grey)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:768px){.container{padding:0 1rem}}:root{--color-primary:#1e3a8a;--color-primary-dark:#1e40af;--color-primary-light:#3b82f6;--color-orange:#ff6b00;--color-orange-dark:#e55100;--color-orange-light:#ff9800;--color-navy-primary:#0f2149;--color-navy-dark:#0a1a3a;--color-navy-light:#1e3a8a;--color-gold-primary:#d4af37;--color-gold-dark:#b8941f;--color-gold-light:#f4e4bc;--color-gray-900:#111827;--color-gray-800:#1f2937;--color-gray-700:#374151;--color-gray-600:#4b5563;--color-gray-500:#6b7280;--color-gray-400:#9ca3af;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-gray-50:#f9fafb;--color-success:#047857;--color-success-light:#d1fae5;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fee2e2;--font-serif:"Crimson Text",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-size-h1:3rem;--font-size-h2:2.25rem;--font-size-h3:1.875rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-h6:1.125rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-size-xs:0.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-full:87.5rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-behind:-1;--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-modal:1000;--z-popover:1010;--z-tooltip:1020;--z-overlay:1030;--z-max:2147483647}.font-serif{font-family:Crimson Text,Georgia,serif;font-family:var(--font-serif)}.font-sans{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans)}.text-h1{font-size:3rem;font-size:var(--font-size-h1);font-weight:700;font-weight:var(--font-weight-bold)}.text-h1,.text-h2{line-height:1.25;line-height:var(--line-height-tight)}.text-h2{font-size:2.25rem;font-size:var(--font-size-h2)}.text-h2,.text-h3{font-weight:600;font-weight:var(--font-weight-semibold)}.text-h3{font-size:1.875rem;font-size:var(--font-size-h3)}.text-h3,.text-h4{line-height:1.375;line-height:var(--line-height-snug)}.text-h4{font-size:1.5rem;font-size:var(--font-size-h4);font-weight:500;font-weight:var(--font-weight-medium)}.text-h5{font-size:1.25rem;font-size:var(--font-size-h5)}.text-h5,.text-h6{font-weight:500;font-weight:var(--font-weight-medium);line-height:1.5;line-height:var(--line-height-normal)}.text-h6{font-size:1.125rem;font-size:var(--font-size-h6)}.text-body{font-size:1rem;font-size:var(--font-size-body);line-height:1.625;line-height:var(--line-height-relaxed)}.text-small{font-size:.875rem;font-size:var(--font-size-small);line-height:1.5;line-height:var(--line-height-normal)}.text-primary{color:#1e3a8a;color:var(--color-primary)}.text-orange{color:#ff6b00;color:var(--color-orange)}.text-navy{color:#0f2149;color:var(--color-navy-primary)}.text-gold{color:#d4af37;color:var(--color-gold-primary)}.text-gray-900{color:#111827;color:var(--color-gray-900)}.text-gray-700{color:#374151;color:var(--color-gray-700)}.text-gray-600{color:#4b5563;color:var(--color-gray-600)}.bg-primary{background-color:#1e3a8a;background-color:var(--color-primary)}.bg-orange{background-color:#ff6b00;background-color:var(--color-orange)}.bg-navy{background-color:#0f2149;background-color:var(--color-navy-primary)}.bg-gold{background-color:#d4af37;background-color:var(--color-gold-primary)}.bg-gray-50{background-color:#f9fafb;background-color:var(--color-gray-50)}.bg-white{background-color:#fff}.container{margin-left:auto;margin-right:auto;max-width:87.5rem;max-width:var(--container-full);padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}.academic-section{padding-bottom:5rem;padding-bottom:var(--space-20);padding-top:5rem;padding-top:var(--space-20)}.academic-section-lg{padding-bottom:8rem;padding-bottom:var(--space-32);padding-top:8rem;padding-top:var(--space-32)}.btn-primary{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1e40af);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-body);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .25s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{align-items:center;background:#0000;border:2px solid #0f2149;border:2px solid var(--color-navy-primary);border-radius:.5rem;border-radius:var(--radius-lg);color:#0f2149;color:var(--color-navy-primary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-body);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);padding:1rem 2rem;padding:var(--space-4) var(--space-8);text-decoration:none;transition:all .25s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.btn-secondary:hover{background:#0f2149;background:var(--color-navy-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.academic-card{background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-base);padding:2rem;padding:var(--space-8);transition:all .25s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.academic-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}@media (max-width:768px){.container{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.academic-section{padding-bottom:4rem;padding-bottom:var(--space-16);padding-top:4rem;padding-top:var(--space-16)}.text-h1{font-size:2.25rem}.text-h2{font-size:1.875rem}.text-h3{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111827;color:var(--color-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--font-size-body);line-height:1.625;line-height:var(--line-height-relaxed)}img{height:auto;max-width:100%}button{font-family:inherit}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.be5e0916.css.map*/