.main-header{background:linear-gradient(90deg,#4a148c,#880e4f);box-shadow:0 4px 6px #0000001a;color:#fff;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{margin:0 auto;max-width:1200px;position:relative}.header-logo .logo-text{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.desktop-nav{display:flex;flex-grow:1;justify-content:center}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 1.5rem}.nav-links a{border-radius:8px;font-size:1rem;padding:.5rem 1rem;transition:color .3s ease}.nav-links a:hover{background-color:#ffffff1a;color:#fc0}.desktop-actions{display:flex;gap:1rem}.btn{border:none;border-radius:9999px;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.login-btn{background-color:initial;border:2px solid #fff;color:#fff}.login-btn:hover{background-color:#fff3;transform:scale(1.05)}.register-btn{background-color:#e91e63;box-shadow:0 4px 15px #e91e6366;color:#fff}.register-btn:hover{background-color:#d81b60;transform:scale(1.05)}.menu-toggle{border-radius:8px;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:background-color .2s}.menu-toggle:hover{background-color:#ffffff1a}.mobile-nav{display:none}@media (max-width:768px){.header-content{flex-wrap:nowrap}.desktop-actions,.desktop-nav{display:none}.menu-toggle{align-items:center;display:flex;height:40px;justify-content:center;margin-left:auto;width:40px}.mobile-nav{animation:slideDown .3s ease-out;background:#4a148c;box-shadow:0 10px 25px #0003;display:none;flex-direction:column;left:0;padding:1rem 0;position:absolute;text-align:center;top:100%;width:100%;z-index:100}.mobile-nav.open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav .nav-links{flex-direction:column;gap:.5rem;margin-bottom:1rem}.mobile-nav .nav-links li{margin:0}.mobile-nav .nav-links a{border-radius:0;display:block;margin:0;padding:1rem}.mobile-nav .nav-links a:hover{background-color:#ffffff1a}.mobile-actions{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.mobile-actions .btn{font-size:1rem;padding:1rem;width:100%}}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:80px 20px;position:relative}.hero .container{margin:0 auto;max-width:1200px;position:relative;z-index:2}.hero-content{align-items:center;display:flex;justify-content:center;min-height:600px}.hero-image{animation:fadeInUp 1s ease-out;border-radius:16px;box-shadow:0 15px 50px #0000004d;height:auto;max-height:600px;max-width:120%;object-fit:cover;width:120%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero{padding:60px 15px}.hero-content{min-height:400px}.hero-image{max-height:400px}}@media (max-width:480px){.hero{padding:40px 10px}.hero-content{min-height:300px}.hero-image{max-height:300px}}.section-subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.subjects-grid{grid-gap:30px;gap:30px;margin-top:40px}.subject-card-link{color:inherit;display:block;text-decoration:none;transition:transform .3s ease}.subject-card-link:hover{transform:translateY(-10px)}.subject-card{border-radius:16px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.subject-card:hover{box-shadow:0 15px 35px #00000026}.subject-icon{font-size:3.5rem;height:140px;transition:transform .3s ease}.subject-card:hover .subject-icon{transform:scale(1.1)}.subject-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:25px}.subject-content h3{font-size:1.3rem;margin-bottom:15px;transition:color .3s ease}.subject-card-link:hover .subject-content h3{color:var(--primary)}.subject-content p{font-size:.95rem;line-height:1.6;margin-bottom:0}.flashcard-container{cursor:pointer;margin:20px auto;max-width:400px;perspective:1000px}.flashcard{border-radius:16px;box-shadow:0 8px 25px #00000026;height:300px;position:relative;transform-style:preserve-3d;transition:transform .6s ease-in-out;width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;padding:25px;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff}.flashcard-back{background:linear-gradient(135deg,#06d6a0,#118ab2);color:#fff;transform:rotateY(180deg)}.flashcard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-number{background:#fff3;border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px}.learned-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:5px;transition:transform .2s ease}.learned-btn:hover{background:#ffffff1a;transform:scale(1.1)}.learned-btn.learned{animation:bounce .3s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.flashcard-content{align-items:center;display:flex;flex:1 1;justify-content:center;text-align:center}.flashcard-content p{word-wrap:break-word;font-size:1.2rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;padding:0 10px}.answer-content p{font-size:1.1rem}.flashcard-footer{font-size:.85rem;margin-top:15px;opacity:.9;text-align:center}@media (max-width:480px){.flashcard-container{margin:15px auto;max-width:350px}.flashcard{height:250px}.flashcard-back,.flashcard-front{padding:20px}.flashcard-content p{font-size:1rem}.answer-content p{font-size:.95rem}.card-number{font-size:.8rem;padding:4px 10px}.learned-btn{font-size:1.3rem}}@media (max-width:320px){.flashcard-container{max-width:300px}.flashcard{height:220px}.flashcard-content p{font-size:.9rem}.answer-content p{font-size:.85rem}}.home-cta{background:linear-gradient(135deg,#f0f4ff,#e6eaff);padding:80px 0;text-align:center}.home-cta h2{color:#3a0ca3;font-size:2.5rem;font-weight:700;margin-bottom:15px}.home-cta p{color:#6c757d;font-size:1.2rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .btn{border-radius:12px;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 35px;text-decoration:none;transition:all .3s ease}.cta-buttons .btn-primary{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 8px 25px #4361ee4d;color:#fff}.cta-buttons .btn-primary:hover{box-shadow:0 12px 30px #4361ee66;transform:translateY(-5px)}.cta-buttons .btn-secondary{background:#fff;border:2px solid #3a0ca3;color:#3a0ca3}.cta-buttons .btn-secondary:hover{background:#f8f9ff;transform:translateY(-5px)}:root{--primary:#4361ee;--secondary:#3a0ca3;--accent:#f72585;--light:#f8f9fa;--dark:#212529;--success:#4cc9f0;--warning:#ffd166;--ai-color:#7209b7}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7ff;color:#212529;color:var(--dark);line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}header{background:linear-gradient(120deg,#4361ee,#3a0ca3);background:linear-gradient(120deg,var(--primary),var(--secondary));box-shadow:0 2px 10px #0000001a;color:#fff;padding:15px 0}.header-content{justify-content:space-between}.header-content,.logo a{align-items:center;display:flex}.logo a{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}.logo a span{color:#fff;margin-left:10px}.nav-links a{color:#fff;font-weight:500;margin-left:25px;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.hero{background:#fff;padding:80px 0;text-align:center}.hero-content h1{color:#4361ee;color:var(--primary);font-size:3em;margin-bottom:20px}.hero-content p{color:#666;font-size:1.2em;margin-bottom:30px}.search-box{display:flex;justify-content:center;margin-top:30px}.search-box input{border:2px solid #4361ee;border:2px solid var(--primary);border-radius:50px 0 0 50px;border-right:none;font-size:1em;max-width:80%;outline:none;padding:12px 20px;width:500px}.search-box button{background-color:#4361ee;background-color:var(--primary);border:2px solid #4361ee;border:2px solid var(--primary);border-left:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;padding:12px 20px}.section-title{border-bottom:3px solid #4361ee;border-bottom:3px solid var(--primary);color:var(--secondary);display:inline-block;margin-bottom:50px;padding-bottom:10px}.ai-tools-teaser,.features,.subjects,.testimonials{background-color:#f8f9fa;background-color:var(--light);padding:60px 0}.subjects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.subject-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s}.subject-card:hover{transform:translateY(-10px)}.subject-icon{align-items:center;color:#fff;display:flex;font-size:3rem;height:120px;justify-content:center}.maths{background:linear-gradient(45deg,#4361ee,#3a0ca3)}.science{background:linear-gradient(45deg,#f72585,#b5179e)}.language{background:linear-gradient(45deg,#4cc9f0,#4895ef)}.social{background:linear-gradient(45deg,#560bad,#7209b7)}.english{background:linear-gradient(45deg,#ff9e00,#ffd166)}.tech{background:linear-gradient(45deg,#06d6a0,#0db39e)}.subject-content{padding:20px}.subject-content h3{color:#212529;color:var(--dark);margin-bottom:10px}.subject-content p{color:#6c757d;margin-bottom:15px}.subject-details{padding:80px 0}.content-section{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:30px}.content-section h3{color:#4361ee;color:var(--primary);font-size:1.5rem;margin-bottom:20px}.content-section ul{list-style-type:none}.content-section li{background-color:#f8f9fa;background-color:var(--light);border-left:5px solid #4361ee;border-left:5px solid var(--primary);border-radius:8px;margin-bottom:10px;padding:15px 20px;transition:transform .2s}.content-section li:hover{transform:translateX(5px)}.content-section a{color:#212529;color:var(--dark);display:block;font-weight:500;text-decoration:none}.content-section .no-content-message{background-color:#f8f9fa;background-color:var(--light);border-radius:8px;color:#6c757d;font-style:italic;padding:20px;text-align:center}.ai-tools{background-color:#f5f7ff;padding:80px 0}.ai-tools .subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:50px;text-align:center}.tool-selection{gap:20px}.tool-card{background-color:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 4px 12px #0000000d;width:300px}.tool-card.active,.tool-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.tool-card.active{border-color:#4361ee;border-color:var(--primary)}.tool-card h3{color:var(--dark);margin-bottom:10px}.tool-card h3 i{color:var(--primary);margin-right:10px}.tool-interface{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d}.tool-textarea{border:2px solid #ced4da;border-radius:10px;padding:15px}.tool-textarea:focus{border-color:var(--primary)}.generate-btn{background-color:#4361ee;background-color:var(--primary);border-radius:10px;margin-top:20px;padding:15px;transition:background-color .3s}.generate-btn:hover{background-color:#3a0ca3;background-color:var(--secondary)}.generate-btn:disabled{background-color:#ced4da}.loading-container{color:#6c757d;margin-top:30px;text-align:center}.spinner{border:4px solid #0000001a;border-left:4px solid var(--primary);height:36px;margin:0 auto 10px;width:36px}.result-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:inset 0 2px 5px #0000000d;margin-top:30px;padding:25px;white-space:pre-wrap}.result-container h3{color:var(--dark);font-size:1.3rem;margin-bottom:15px}.quiz-question ul{list-style-type:none;padding-left:0}.quiz-question li{border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:5px;padding:8px;transition:background-color .3s ease}.quiz-question li:hover{background-color:#f0f0f0}.quiz-question li.correct-answer{background-color:#d4edda;border-color:#c3e6cb;font-weight:700}.btn-secondary{margin-top:20px}.ai-tools-teaser{background-color:#fff;text-align:center}.ai-tools-teaser h2,.ai-tools-teaser p{margin-bottom:20px}.ai-tools-teaser .btn-primary{background-color:#7209b7;background-color:var(--ai-color);border-radius:50px;color:#fff;font-weight:700;padding:15px 30px;text-decoration:none;transition:background-color .3s}.ai-tools-teaser .btn-primary:hover{background-color:#6107a6}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.testimonial{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:30px}.testimonial-text{color:#555;font-style:italic;line-height:1.6;margin-bottom:20px}.testimonial-author{align-items:center;display:flex;gap:15px}.author-avatar{align-items:center;background:#4361ee;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.testimonial-author h4{color:#212529;color:var(--dark);margin:0}.testimonial-author p{color:#6c757d;font-size:.9rem;margin:5px 0 0}.footer{background-color:#212529;background-color:var(--dark);color:#fff;padding:50px 0 20px}.footer .container{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center}.footer-column{flex:1 1;margin:20px 10px;min-width:200px}.footer-column h3{border-bottom:2px solid #4361ee;border-bottom:2px solid var(--primary);margin-bottom:20px;padding-bottom:10px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:#fff;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#4361ee;color:var(--primary)}.copyright{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center}.premium-gate{background:linear-gradient(135deg,#7209b7,#3a0ca3);border-radius:12px;color:#fff;margin:1rem 0;padding:2rem;text-align:center}.premium-gate h4{font-size:1.2rem;margin-bottom:.5rem}.premium-gate p{margin-bottom:1.5rem;opacity:.9}.premium-gate .btn{background-color:#ffd166;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:transform .2s}.premium-gate .btn:hover{transform:scale(1.05)}.modal-overlay{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-button{height:40px;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:10}.close-button:hover{background-color:#0000000d;color:#333}.btn-primary{font-weight:500;transition:all .2s ease}.btn-primary:hover{background-color:#3e4cbb;transform:translateY(-2px)}.btn-secondary{transition:all .2s ease}.plans-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:2rem 0}.plan-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;flex:1 1;min-width:200px;padding:1.5rem;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#4855d2;box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.plan-card.popular{background:linear-gradient(135deg,#f0f4ff,#e6eaff);border-color:#4855d2;transform:scale(1.05)}.plan-card.popular:hover{transform:scale(1.05) translateY(-5px)}.badge{background:#fc0;border-radius:20px;box-shadow:0 4px 8px #0000001a;font-size:.75rem;padding:.25rem .75rem;position:absolute;right:-12px;top:-12px}.badge,.price{color:#333;font-weight:700}.price{font-size:1.5rem;margin:.5rem 0}.saving{font-size:.85rem;font-weight:500;margin-bottom:1rem}.small-text{font-size:.85rem;margin-top:1.5rem}.pdf-button{background-color:#3a0ca3;background-color:var(--secondary);border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff!important;cursor:pointer;display:inline-block;font-weight:600;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.pdf-button:hover{background-color:#4361ee;background-color:var(--primary);transform:translateY(-2px)}.exam-button{background-color:#3a0ca3;background-color:var(--secondary);border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff!important;cursor:pointer;display:inline-block;font-weight:600;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.exam-button:hover{background-color:#4361ee;background-color:var(--primary);transform:translateY(-2px)}.video-container{margin-bottom:30px}.video-container iframe{border-radius:12px}.content-grid,.exams-grid,.videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:25px}.content-card,.exam-card,.video-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:transform .3s ease}.content-card:hover,.exam-card:hover,.video-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.content-card h4,.exam-card h4,.video-card h4{color:#4361ee;color:var(--primary);font-size:1.2rem;margin-bottom:10px}.content-card p,.exam-card p,.video-card p{color:#6c757d;line-height:1.5;margin-bottom:20px}.video-container{background:#000;border-radius:12px;margin-top:20px;overflow:hidden}.video-container iframe{border:none;height:315px;width:100%}.btn-secondary{display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.mask{background-color:#00000080}.tour,.tour .reactour__popover{border-radius:8px;box-shadow:0 4px 20px #0003}.tour .reactour__popover{background:#fff;color:#333;font-size:1rem;padding:1rem}.tour .reactour__button{background:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:.5rem;padding:.5rem 1rem}.tour .reactour__button:hover{background:#3a0ca3}.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:1000}.modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:550px;padding:2.5rem;position:relative;text-align:center;width:90%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background-color .2s ease;width:30px}.close-button:hover{background-color:#0000001a}.btn-primary{background-color:#4855d2;margin-top:1rem;padding:.75rem 1.5rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;color:#fff;cursor:pointer}.btn-secondary{background-color:#6c757d;margin-top:.5rem;padding:.5rem 1rem}.plans-container{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1rem}.plan-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin:1rem 0;padding:1rem}.badge{background-color:#4361ee;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;padding:.25rem .5rem}.badge,.saving{margin-bottom:.5rem}.saving{color:#28a745;font-size:.9rem}.small-text{color:#6c757d;font-size:.9rem;margin-top:1rem}.ai-tools{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:60px 0}.section-title{margin-bottom:15px}.subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:40px;text-align:center}.tool-selection{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:40px}.tool-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;border-radius:16px;box-shadow:0 4px 15px #00000014;color:#0d47a1;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease;width:280px}.tool-card.active,.tool-card:hover{box-shadow:0 12px 25px #00000026;transform:translateY(-8px)}.tool-card.active{border-color:#1976d2}.tool-card h3{align-items:center;color:#212529;display:flex;font-size:1.2rem;gap:10px;justify-content:center;margin-bottom:12px}.tool-card h3 i{color:#4361ee}.tool-card p{color:#6c757d;font-size:.95rem;line-height:1.5}.tool-interface{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;margin-top:20px;padding:30px}.file-label{background:#4361ee;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;margin-bottom:20px;padding:12px 24px;transition:all .2s}.file-label:hover{background:#3a0ca3}.hidden-input{display:none}.or-text{color:#6c757d;font-weight:500;margin:20px 0;text-align:center}.tool-textarea{border:2px solid #e9ecef;border-radius:12px;font-size:1rem;line-height:1.6;min-height:150px;outline:none;padding:16px;resize:vertical;transition:border-color .3s;width:100%}.tool-textarea:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee33}.generate-btn{background:linear-gradient(135deg,#4361ee,#3a0ca3);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-top:25px;padding:16px;transition:all .3s;width:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 20px #4361ee66;transform:translateY(-2px)}.generate-btn:disabled{background:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed;transform:none}.loading-text{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.generating-message{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;margin:40px 0;padding:30px;text-align:center}.spinner-large{animation:spin 1s linear infinite;border:4px solid #4361ee4d;border-radius:50%;border-top-color:#4361ee;height:40px;margin:0 auto 20px;width:40px}.tip{color:#6c757d;font-size:.95rem;font-style:italic;margin-top:15px}.result-container{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;margin-top:40px;padding:30px}.result-container h3{align-items:center;color:#212529;display:flex;font-size:1.5rem;gap:10px;margin-bottom:20px}.result-text{color:#495057;font-size:1.05rem;line-height:1.8}.quiz-result h3{color:#3a0ca3}.quiz-question{background:#f8f9fa;border-left:4px solid #4361ee;border-radius:12px;margin-bottom:25px;padding:25px}.quiz-question h4{color:#212529;font-size:1.1rem;line-height:1.4;margin-bottom:15px}.options-list{list-style:none;padding:0}.option-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:8px 0;padding:12px 20px;transition:all .2s}.option-item:hover{background:#e3f2fd}.option-letter{color:#4361ee;font-weight:700;min-width:25px;text-align:center}.option-item.correct{background:#d4edda;border-color:#c3e6cb;color:#155724;font-weight:600}.toggle-answers{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:12px 24px;transition:all .2s}.toggle-answers:hover{background:#5a6268;transform:translateY(-2px)}@keyframes spin{to{transform:rotate(1turn)}}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.result-header h3{align-items:center;margin:0}.result-actions,.result-header h3{display:flex;gap:10px}.file-preview{margin-bottom:20px;text-align:center}.file-info{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#495057;display:inline-flex;font-size:.95rem;gap:10px;padding:12px 20px}.file-info i{color:#dc3545}.remove-file{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1rem;margin-left:10px;padding:2px 6px}.remove-file:hover{background:#e9ecef;color:#dc3545}.auth-form-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.auth-form-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:100%}.auth-form-card h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem;text-align:left}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#4855d2;outline:none}.auth-form-card .btn-primary{background-color:#4855d2;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease;width:100%}.auth-form-card .btn-primary:hover{background-color:#3e4cbb}.auth-footer{color:#777;font-size:.9rem;margin-top:1.5rem}.auth-footer a{color:#4855d2;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{color:#e53935}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem}.success-message{color:#43a047}.file-hint{color:#6c757d;font-size:.85rem;margin-top:5px}.form-group label[for=content-type]{color:#555;display:block;font-weight:500;margin-bottom:.5rem}#content-type{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.tour-overlay{background-color:#0009;height:100%;left:0;top:0;width:100%}.tour-overlay,.tour-spotlight{position:fixed;transition:all .3s ease;z-index:10000}.tour-spotlight{background:#0000;border:2px solid #4361ee;border-radius:8px;box-shadow:0 0 0 9999px #0009;pointer-events:none}.tour-tooltip{animation:tourFadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:90vh;max-width:90vw;overflow:hidden;width:320px}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tour-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:15px 20px 10px}.tour-header h3{color:#2d3748;font-size:18px;font-weight:600;margin:0}.tour-arrow{border-bottom:12px solid #4361ee;border-left:8px solid #0000;border-right:8px solid #0000;height:0;width:0;z-index:1}.tour-arrow:after{border-bottom:10px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;left:-7px;position:absolute;top:1px;width:0}.tour-close{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.tour-close:hover{color:#718096}.tour-content{flex:1 1;min-height:0;padding:15px 20px}.tour-content p{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.tour-footer{border-top:1px solid #e9ecef;flex-shrink:0;padding:15px 20px}.tour-progress{margin-bottom:15px}.tour-progress span{color:#718096;display:block;font-size:12px;margin-bottom:8px}.tour-progress-bar{background-color:#e9ecef;border-radius:2px;height:4px;overflow:hidden;width:100%}.tour-progress-fill{background:linear-gradient(90deg,#4361ee,#7c3aed);border-radius:2px;height:100%;transition:width .3s ease}.tour-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-end}.tour-skip{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;font-size:12px;margin-right:auto;padding:8px 12px;transition:all .2s}.tour-skip:hover{background-color:#f7fafc;color:#4a5568}.tour-next,.tour-prev{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tour-prev{background-color:#f7fafc;color:#4a5568}.tour-prev:hover{background-color:#edf2f7;color:#2d3748}.tour-next{background:linear-gradient(90deg,#4361ee,#7c3aed);color:#fff}.tour-next:hover{box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}@media (max-width:480px){.tour-tooltip{margin:10px;width:280px}.tour-content,.tour-footer,.tour-header{padding:15px}.tour-buttons{flex-direction:column-reverse;gap:8px}.tour-skip{align-self:stretch;margin-right:0;text-align:center}}.ai-history{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:60px 0}.section-title{color:#3a0ca3;font-size:2.2rem;margin-bottom:30px;text-align:center}.no-history{color:#6c757d;font-size:1.1rem;margin:40px 0;text-align:center}.history-list{display:flex;flex-direction:column;gap:25px}.history-item{background:#fff;border-left:4px solid #4361ee;border-radius:16px;box-shadow:0 8px 30px #0000001a;padding:25px}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.history-header h3{color:#212529;font-size:1.3rem;margin:0}.history-date{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:.9rem;padding:5px 10px}.history-content{margin-bottom:20px}.history-prompt{background:#f8f9fa;border-radius:12px;color:#495057;font-size:.95rem;margin-bottom:15px;padding:15px}.history-response{background:#f1f3f5;border-radius:12px;color:#495057;font-size:1rem;line-height:1.6;padding:20px}.response-text p{margin:5px 0}.bullet-point{padding-left:1.5em;text-indent:-1.5em}.history-actions{display:flex;gap:10px;justify-content:flex-end}.btn-outline{align-items:center;background:none;border:2px solid #4361ee;border-radius:8px;color:#4361ee;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s}.btn-outline:hover{background:#4361ee;color:#fff;transform:translateY(-2px)}.copy-btn i,.download-btn i{font-size:1rem}.error-message{color:#dc3545;font-size:1.1rem;margin:20px 0;text-align:center}.history-controls{align-items:center;background:#f8f9fa;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.search-box{flex-grow:1;max-width:600px;position:relative}.search-input{border:2px solid #e9ecef;border-radius:12px;font-size:1rem;outline:none;padding:12px 20px 12px 45px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee33}.search-icon{color:#6c757d;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;font-size:1rem;min-width:150px;outline:none;padding:12px 20px;transition:border-color .3s;width:180px}.filter-select:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee33}@media (max-width:768px){.history-controls{align-items:stretch;flex-direction:column}.search-box{flex-grow:1;max-width:600px}}
/*# sourceMappingURL=main.2a6cc7ef.css.map*/