body{font-family:"Baloo 2",Poppins,sans-serif;background:#f8fafc;color:#1e293b;margin:0;padding:0}.nav{padding:14px 0!important;min-height:64px;background:#bfdbfe}.nav-flex{align-items:center!important}.nav-flex{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-direction:row!important;width:100%}.logo-block{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap}.menu{display:flex!important;flex-direction:row!important;align-items:center!important;gap:24px!important;margin:0!important;padding:0!important}.nav .container{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%}.menu a{font-size:20px;font-weight:700;text-decoration:none;color:#1e3a8a;padding:8px 14px;border-radius:6px}.menu a:hover{color:#2563eb!important;background:#eff6ff;border-radius:6px}.logo-title{font-size:30px!important;font-weight:800!important;color:#1e3a8a!important;text-decoration:none!important;letter-spacing:.5px;font-family:Poppins,sans-serif!important}.logo-subtitle{font-size:15px!important;font-weight:700!important;color:#1e3a8a!important;letter-spacing:.6px;font-family:Poppins,sans-serif!important;display:block;text-align:center;margin-top:4px;margin-left:auto;margin-right:auto;text-shadow:0px 1px 3px rgba(30,58,138,.25)}.logo-img{height:90px!important;padding:4px 8px!important;border-radius:8px;box-shadow:none!important;background:transparent!important}.hero{background:#eaf4ff;padding:70px 20px 90px;border-bottom-left-radius:45px;border-bottom-right-radius:45px}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1100px;margin:auto}.hero-text{flex:1;font-family:Poppins,sans-serif}.hero-title{font-size:36px;font-weight:800;color:#1e3a8a;margin-bottom:22px;line-height:1.3}.hero-bullets{padding:0;margin:0 0 30px;list-style:none}.hero-bullets li{font-size:18px;margin:10px 0;color:#1e293b;display:flex;gap:10px}.hero-cta{background:#2563eb;color:#fff;padding:16px 34px;border-radius:35px;font-size:20px;font-weight:600;text-decoration:none;transition:.2s ease-in-out;display:inline-block}.hero-cta:hover{background:#1d4ed8}.hero-image-wrapper{flex:1;text-align:center}.hero-image{width:80%;max-width:420px;display:block;margin:auto}@media (max-width: 900px){.hero-content{flex-direction:column;text-align:center}}.card{background:#fff;border:1px solid #E2E8F0;box-shadow:0 4px 12px #0000000d;color:#1e293b}.features .card,.pricing .card{border:1px solid #E2E8F0;box-shadow:0 6px 14px #0000000d}.footer{background:#fff;color:#475569;padding:20px 0;border-top:1px solid #E2E8F0;border-top-left-radius:35px;border-top-right-radius:35px;text-align:center}.form-title{color:#2563eb}.lp-form input,.lp-form select,.input-box{background:#f1f5f9;border:1px solid #CBD5E1;color:#1e293b}.lp-form input:focus,.lp-form select:focus,.input-box:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.generate-btn,.lesson-form .cta,.secondary-btn{background:#3b82f6;color:#fff}.generate-btn:hover,.lesson-form .cta:hover,.secondary-btn:hover{background:#2563eb}.result-box{background:#fff;border:1px solid #E2E8F0;box-shadow:0 8px 20px #0000000d}.output-block{background:#f1f5f9;border-left:4px solid #3B82F6}.container,.hero-content,.features .grid,.pricing .grid,.lesson-container,.nav-flex,.nav .container{padding-left:24px!important;padding-right:24px!important;max-width:1200px;margin:auto}.features{padding:70px 20px;background:#f0f7ff;border-radius:40px;margin-top:60px}.section-title{font-size:32px;text-align:center;font-weight:800;color:#1e3a8a;margin-bottom:10px;font-family:Poppins,sans-serif}.section-subtitle{text-align:center;font-size:18px;color:#475569;margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;max-width:1100px;margin:auto}.feature-card{background:#fff;padding:22px 20px;border-radius:22px;border:2px solid #DBEAFE;box-shadow:0 6px 14px #0000000f;font-size:18px;color:#1e3a8a;font-weight:600;line-height:1.4;font-family:Poppins,sans-serif;display:flex;align-items:flex-start;gap:10px;transition:.2s ease-in-out}.feature-card:hover{transform:translateY(-6px);border-color:#60a5fa;box-shadow:0 12px 24px #60a5fa40}.feature-card:before{content:"✨";font-size:18px;flex-shrink:0}.pricing{padding:70px 20px;text-align:center}.section-title{font-size:32px;font-weight:800;color:#1e3a8a;margin-bottom:30px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;max-width:900px;margin:auto}.pricing-card{background:#fff;border:2px solid #dbeafe;border-radius:24px;padding:30px 25px;box-shadow:0 6px 16px #0000000d;transition:.2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#93c5fd}.plan-title{font-size:22px;font-weight:700;color:#1e40af;margin-bottom:12px}.plan-price{font-size:26px;font-weight:800;color:#3b82f6;margin-bottom:20px}.plan-price span{font-size:14px;color:#475569}.plan-features{list-style:none;padding:0;margin-top:15px;color:#334155;font-size:16px;line-height:1.6}.plan-features li{margin:8px 0}.footer{background:#1e3a8a;padding:30px 0;margin-top:60px;text-align:center;color:#e0e7ff;font-family:Poppins,sans-serif;border-top:4px solid #60A5FA;box-shadow:0 -4px 12px #0000000d}.footer-container{max-width:1200px;margin:auto;padding:0 20px}.footer-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.footer-subtitle{font-size:15px;color:#bfdbfe;margin-bottom:20px}.footer-links{margin:16px 0;display:flex;justify-content:center;gap:28px}.footer-links a{color:#e0e7ff;font-size:16px;font-weight:500;text-decoration:none;transition:.2s}.footer-links a:hover{color:#93c5fd}.footer-copy{margin-top:20px;font-size:14px;color:#dce7ff}.lesson-form{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%;max-width:820px;margin:0 auto;padding:32px!important;box-sizing:border-box}.input-label{font-size:15px!important;font-weight:700!important;color:#1e3a8a!important;margin-bottom:6px!important}.input-box,.lp-form input,.lp-form select{width:100%!important;display:block!important;padding:12px 14px!important;font-size:16px!important;border-radius:12px!important;border:1px solid #BFDBFE!important;background:#fff!important;color:#0f172a!important;box-shadow:none!important}.input-box:disabled,.lp-form select:disabled{background:#f1f9ff!important;opacity:.95}.form-title{font-size:28px!important;font-weight:800!important;color:#1e40af!important;text-align:center;margin-bottom:12px!important}.generate-btn{background:#3b82f6!important;color:#fff!important;font-size:18px!important;padding:14px 20px!important;border-radius:12px!important;border:none!important;cursor:pointer!important;width:100%!important}.secondary-save-btn{background:#60a5fa!important;color:#fff!important;padding:12px 18px!important;border-radius:10px!important;border:none!important;cursor:pointer!important;font-weight:700!important}button[disabled]{opacity:.65!important;cursor:not-allowed!important}.result-box{background:#fff!important;border:1px solid #E6EEF9!important;box-shadow:0 8px 20px #0f172a0a!important;padding:28px!important;border-radius:16px!important}.result-title{color:#1e3a8a!important;font-size:24px!important;font-weight:800!important;margin-bottom:16px!important}.output-block{background:#f8fbff!important;border-left:4px solid #3B82F6!important;padding:12px 14px!important;border-radius:8px!important;font-family:Poppins,sans-serif!important}@media (min-width: 1000px){.lesson-form.grid-2{display:grid!important;grid-template-columns:1fr 1fr;gap:18px}.lesson-form.grid-2 .input-box{width:100%}}.loading-spinner{width:22px;height:22px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{max-width:1200px;margin:40px auto;padding:0 24px;font-family:Poppins,sans-serif;color:#1e293b}.dashboard-wrapper{display:flex;min-height:100vh;background:#f8fafc}.dashboard-sidebar{width:250px;background:#1e3a8a;padding:24px;display:flex;flex-direction:column;gap:20px;color:#fff}.sidebar-logo{font-size:22px;font-weight:700;margin-bottom:20px}.sidebar-link{color:#cbd5e1;text-decoration:none;font-size:16px;padding:10px 14px;border-radius:6px;transition:.2s}.sidebar-link:hover{background:#ffffff26;color:#fff}.sidebar-link.active{background:#fff;color:#1e3a8a;font-weight:600}.dashboard-topbar{width:100%;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.topbar-title{font-size:20px;font-weight:600}.topbar-user{font-size:16px;color:#475569}.dashboard-content{flex-grow:1;padding:24px}.dashboard-heading{font-size:26px;font-weight:600;margin-bottom:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.dashboard-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:transform .15s ease}.dashboard-card:hover{transform:translateY(-4px)}.card-title{font-size:16px;font-weight:500;color:#475569}.card-value{font-size:32px;font-weight:700;color:#1e293b;margin-top:10px}.table-wrapper{margin-top:40px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px}th{background:#f1f5f9;font-weight:600}tr:nth-child(2n){background:#f8fafc}tr:hover{background:#e2e8f0}.btn-primary{background:#1e3a8a;color:#fff;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:.2s}.btn-primary:hover{background:#163981}.btn-outline{border:2px solid #1e3a8a;color:#1e3a8a;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;background:#fff}.btn-outline:hover{background:#1e3a8a;color:#fff}@media (max-width: 768px){.dashboard-wrapper{flex-direction:column}.dashboard-sidebar{flex-direction:row;width:100%;overflow-x:auto}}.auth-wrapper{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:40px 20px}.auth-card{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:16px;box-shadow:0 6px 20px #0000001a;box-sizing:border-box}.auth-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;color:#1e293b}.auth-subtitle{text-align:center;margin-bottom:30px;color:#64748b;font-size:15px}.auth-input{width:100%;padding:14px 18px;margin:14px 0;border-radius:10px;border:1.5px solid #d3dce6;background:#f8fafc;font-size:16px;color:#1e293b;box-sizing:border-box;transition:.25s ease}.auth-input:focus{border-color:#1e3a8a;box-shadow:0 0 0 2px #1e3a8a33}.auth-btn{width:100%;padding:12px;background:#1e3a8a;color:#fff;border:none;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:.2s}.auth-btn:hover{background:#163981}.auth-extra{text-align:center;margin-top:20px;color:#475569}.auth-extra a{color:#1e3a8a;text-decoration:none;font-weight:600}.about-wrapper{padding:40px 20px;max-width:1000px;margin:0 auto;font-family:Poppins,sans-serif}.about-hero{text-align:center;margin-bottom:50px}.about-title{font-size:36px;font-weight:700;color:#1e293b}.about-subtitle{font-size:18px;color:#475569;margin-top:10px}.about-card,.feature-box,.cta-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 18px #0000000f;margin:20px 0}.section-heading{font-size:26px;font-weight:600;margin-bottom:12px;color:#1e293b}.section-text{font-size:16px;color:#475569}.about-features{margin-top:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-box h3{font-size:18px;font-weight:600;margin-bottom:6px}.about-cta{margin-top:50px;text-align:center}.cta-btn{display:inline-block;margin-top:16px;background:#1e3a8a;color:#fff;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:.2s}.cta-btn:hover{background:#163981}.support-wrapper{padding:40px 20px;max-width:1000px;margin:auto;font-family:Poppins,sans-serif}.support-hero{text-align:center;margin-bottom:50px}.support-title{font-size:36px;font-weight:700;color:#1e293b}.support-subtitle{font-size:18px;color:#475569;margin-top:8px}.support-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:50px}.support-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 18px #0000000f;text-align:center}.support-link{display:inline-block;margin-top:10px;color:#1e3a8a;font-weight:600;text-decoration:none}.faq-section{margin-top:40px}.faq-list{margin-top:20px}.faq-item{margin-bottom:12px;border:1px solid #e2e8f0;border-radius:10px;padding:14px 18px;background:#fff;cursor:pointer}.faq-question{font-size:17px;font-weight:600;display:flex;justify-content:space-between;color:#1e293b}.faq-answer{margin-top:10px;font-size:15px;color:#475569}.support-form-section{margin-top:60px}.support-form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 18px #0000000f;display:flex;flex-direction:column;gap:16px}.support-input,.support-textarea{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;font-size:16px;color:#1e293b;box-sizing:border-box}.support-textarea{min-height:120px}.support-input:focus,.support-textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a26;outline:none}.support-btn{padding:14px 0;background:#1e3a8a;color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer}.support-btn:hover{background:#163981}