:root{--primary-purple:#7c3aed;--primary-purple-light:#8b5cf6;--primary-purple-dark:#6d28d9;--secondary-purple:#a78bfa;--accent-purple:#c4b5fd;--text-primary:#1f2937;--text-secondary:#4b5563;--text-light:#9ca3af;--bg-white:#fff;--bg-light:#f9fafb;--bg-purple-light:#f5f3ff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #7c3aed40;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--gradient-purple:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #8b5cf6 50%, #a78bfa 100%);--glass-bg:#fffc;--glass-border:#ffffff4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-light);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}.landing-page{background:linear-gradient(135deg,#f5f3ff 0%,#fff 100%);min-height:100vh;overflow-x:hidden}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container{max-width:90rem;padding:0 1.5rem}}@media (min-width:1024px){.container{max-width:80rem;padding:0 2rem}}@media (min-width:1440px){.container{max-width:90rem}}.qb-hero{background:var(--gradient-hero);color:#fff;padding:5rem 0;position:relative;overflow:hidden}.qb-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.hero-left{z-index:1;position:relative}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{opacity:.95;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.btn-primary{color:var(--primary-purple);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg);background:#fff;border:none;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-lg);cursor:pointer;background:#fff3;border:1px solid #ffffff4d;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.hero-stats{flex-wrap:wrap;gap:1rem;display:flex}.stat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffff26;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.hero-right{z-index:1;position:relative}.hero-illustration{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:1.5rem;height:400px;display:grid;position:relative}.illustration-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#fff;border:1px solid #ffffff4d;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex}.illustration-card:hover{background:#fff3;transform:translateY(-4px)}.illustration-icon{color:var(--primary-purple);width:48px;height:48px}.illustration-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.floating-question{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;animation:3s ease-in-out infinite float;display:flex;position:absolute}.floating-question.q-1{animation-delay:0s;top:10%;left:10%}.floating-question.q-2{animation-delay:.5s;top:20%;right:15%}.floating-question.q-3{animation-delay:1s;bottom:30%;left:20%}.floating-question.q-4{animation-delay:1.5s;bottom:15%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.search-filter-section{background:var(--bg-white);border-bottom:1px solid var(--border-color);padding:3rem 0}.search-bar{background:var(--bg-light);border-radius:var(--radius-xl);border:1px solid var(--border-color);gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.search-icon{color:var(--text-light);align-self:center;margin-left:1rem}.search-input{background:0 0;border:none;outline:none;flex:1;padding:1rem;font-size:1rem}.search-btn{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;padding:1rem 2rem;font-weight:600;transition:all .2s}.search-btn:hover{opacity:.9;transform:translateY(-1px)}.filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-group{background:var(--bg-purple-light);border-radius:var(--radius-lg);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.filter-icon{color:var(--primary-purple)}.filter-label{color:var(--primary-purple);font-weight:600}.filter-options{flex-wrap:wrap;flex:1;gap:.5rem;display:flex}.filter-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.filter-select:hover{border-color:var(--primary-purple)}.filter-select:focus{border-color:var(--primary-purple);outline:none;box-shadow:0 0 0 3px #7c3aed1a}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);font-size:1.125rem}.category-section{background:var(--bg-white);padding:4rem 0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.category-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.category-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.category-icon{background:var(--bg-purple-light);width:60px;height:60px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.category-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.category-count{color:var(--primary-purple);margin-bottom:.25rem;font-weight:700}.category-subjects,.category-attempts{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.category-progress{margin:1rem 0}.progress-bar{background:var(--bg-light);border-radius:9999px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:var(--gradient-purple);border-radius:9999px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary);font-size:.75rem}.btn-practice{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-practice:hover{opacity:.9;transform:translateY(-1px)}.subject-section{background:var(--bg-light);padding:4rem 0}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.subject-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.subject-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.subject-icon{background:var(--bg-purple-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.5rem;display:flex}.subject-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.subject-count{color:var(--primary-purple);margin-bottom:.25rem;font-weight:700}.subject-difficulty{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.subject-topics{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.topics-label{color:var(--text-light);font-size:.75rem;font-weight:600}.topics-list{color:var(--text-secondary);font-size:.75rem}.btn-practice-subject{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-practice-subject:hover{opacity:.9;transform:translateY(-1px)}.featured-section{background:var(--bg-white);padding:4rem 0}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.featured-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s;position:relative;overflow:hidden}.featured-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-purple-light);transform:translateY(-4px)}.most-practiced-badge,.exam-booster-badge,.new-badge,.recommended-badge,.free-badge,.premium-badge{z-index:10;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem}.most-practiced-badge{color:#fff;background:#10b981}.exam-booster-badge{color:#fff;background:#f59e0b;top:1rem;left:auto;right:1rem}.new-badge{color:#fff;background:#3b82f6;top:2.5rem;left:1rem}.recommended-badge{color:#fff;background:#ec4899;top:2.5rem;left:auto;right:1rem}.free-badge{color:#fff;background:#10b981}.premium-badge{background:var(--primary-purple);color:#fff;top:1rem;left:auto;right:1rem}.featured-cover{background:var(--gradient-purple);justify-content:center;align-items:center;height:120px;display:flex}.featured-icon{color:#fff;width:48px;height:48px}.featured-content{padding:1.5rem}.featured-category{color:var(--primary-purple);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.featured-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600;line-height:1.4}.featured-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.featured-stats{background:var(--bg-light);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-label{color:var(--text-light);font-size:.75rem}.stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.featured-rating{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.star-rating{gap:.125rem;display:flex}.rating-value{color:var(--text-primary);font-weight:600}.rating-count{color:var(--text-light);font-size:.875rem}.featured-actions{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.btn-practice-questions,.btn-view-details,.btn-start-test,.btn-start-practice{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-practice-questions{background:var(--gradient-purple);color:#fff}.btn-practice-questions:hover{opacity:.9}.btn-view-details{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-view-details:hover{background:var(--bg-purple-light);color:var(--primary-purple)}.btn-start-test{color:#fff;background:#10b981}.btn-start-test:hover{opacity:.9}.btn-start-practice{background:var(--gradient-purple);color:#fff}.btn-start-practice:hover{opacity:.9}.trending-section{background:var(--bg-light);padding:4rem 0}.trending-scroll{scrollbar-width:thin;scrollbar-color:var(--primary-purple) var(--bg-light);gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.trending-scroll::-webkit-scrollbar{height:8px}.trending-scroll::-webkit-scrollbar-track{background:var(--bg-light);border-radius:9999px}.trending-scroll::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:9999px}.trending-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:280px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}.trending-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.trending-cover{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);justify-content:center;align-items:center;height:100px;display:flex}.trending-icon{color:#fff;width:40px;height:40px}.trending-content{padding:1.25rem}.trending-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.trending-subject{color:var(--text-secondary);margin-bottom:.75rem;font-size:.875rem}.trending-rating{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.trending-attempts{color:var(--text-light);margin-bottom:1rem;font-size:.875rem}.attempts-count{color:var(--text-secondary);font-weight:600}.btn-practice-trending{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-practice-trending:hover{opacity:.9;transform:translateY(-1px)}.topic-section{background:var(--bg-white);padding:4rem 0}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.topic-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .3s}.topic-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.topic-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.topic-count{color:var(--primary-purple);margin-bottom:.25rem;font-size:.875rem;font-weight:700}.topic-difficulty{color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem}.topic-progress{margin-bottom:1rem}.btn-practice-topic{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-practice-topic:hover{opacity:.9;transform:translateY(-1px)}.previous-year-section{background:var(--bg-light);padding:4rem 0}.previous-year-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.previous-year-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.previous-year-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.py-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.py-icon{color:var(--primary-purple);width:40px;height:40px}.py-exam{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.py-year{color:var(--text-secondary);font-size:.875rem}.py-stats{gap:1rem;margin-bottom:1rem;display:flex}.py-stat{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.py-actions{margin-top:.75rem}.btn-start-quiz{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important}.btn-start-quiz:hover{opacity:.9}.daily-practice-section{background:var(--bg-white);padding:4rem 0}.daily-practice-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.daily-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.daily-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.daily-icon{background:var(--bg-purple-light);width:60px;height:60px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.daily-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.daily-meta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.daily-meta-item{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.btn-attempt-now{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-weight:600;transition:all .2s;display:flex;color:#fff!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;border:none!important}.btn-attempt-now:hover{opacity:.9;transform:translateY(-1px)}.dashboard-section{background:var(--bg-light);padding:4rem 0}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.dashboard-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.dashboard-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dashboard-icon{background:var(--bg-purple-light);width:50px;height:50px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.dashboard-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.dashboard-value{color:var(--primary-purple);font-size:1.5rem;font-weight:700}.dashboard-graph{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:2rem;padding:2rem;display:flex}.graph-placeholder{color:var(--text-light);background:var(--bg-light);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:200px;display:flex}.btn-view-report{background:var(--gradient-purple);color:#fff;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-report:hover{opacity:.9;transform:translateY(-1px)}.why-practice-section{background:var(--bg-white);padding:4rem 0}.why-practice-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.why-practice-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.why-practice-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.why-practice-icon{background:var(--bg-purple-light);width:50px;height:50px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.why-practice-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.why-practice-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.practice-interface-section{background:var(--bg-light);padding:4rem 0}.practice-interface-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.interface-left{background:var(--bg-purple-light);padding:2rem}.question-mockup{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.5rem}.mockup-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.question-number{color:var(--text-secondary);font-size:.875rem;font-weight:600}.timer-display{color:var(--primary-purple);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.mockup-question h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.mockup-options{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.option{border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:.875rem 1rem;font-size:.875rem;transition:all .2s}.option:hover{border-color:var(--primary-purple-light);background:var(--bg-purple-light)}.option.correct{color:#065f46;background:#d1fae5;border-color:#10b981}.mockup-nav{gap:.75rem;display:flex}.nav-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;flex:1;padding:.75rem;font-weight:600;transition:all .2s}.nav-btn:hover{background:var(--bg-light)}.nav-btn.primary{background:var(--gradient-purple);color:#fff;border-color:var(--primary-purple)}.nav-btn.primary:hover{opacity:.9}.interface-right{padding:2rem}.interface-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.interface-features{flex-direction:column;gap:1rem;display:flex}.interface-feature{background:var(--bg-light);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.interface-feature:hover{background:var(--bg-purple-light)}.feature-icon{color:var(--primary-purple);width:24px;height:24px}.ai-section{background:var(--bg-white);padding:4rem 0}.ai-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.ai-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.ai-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-purple-light);transform:translateY(-4px)}.ai-icon{background:var(--bg-purple-light);width:60px;height:60px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.ai-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.ai-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.why-choose-section{background:var(--bg-light);padding:4rem 0}.why-choose-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.why-choose-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:1.5rem;transition:all .3s}.why-choose-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.why-choose-icon{background:var(--bg-purple-light);width:50px;height:50px;color:var(--primary-purple);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.why-choose-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.why-choose-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.reviews-section{background:var(--bg-white);padding:4rem 0}.reviews-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.review-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.review-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.review-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.review-avatar{background:var(--bg-purple-light);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.review-info{flex:1}.review-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.review-exam,.review-questions{color:var(--text-secondary);font-size:.875rem}.review-text{color:var(--text-secondary);font-size:.875rem;font-style:italic;line-height:1.6}.faq-section{background:var(--bg-light);padding:4rem 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden}.faq-question{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.faq-question:hover{background:var(--bg-purple-light)}.faq-question.active{background:var(--bg-purple-light);color:var(--primary-purple)}.faq-chevron{transition:transform .3s}.faq-chevron.rotate{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--border-color);padding:0 1.25rem 1.25rem}.faq-answer p{color:var(--text-secondary);padding-top:1rem;font-size:.875rem;line-height:1.6}.cta-section{background:var(--bg-white);padding:4rem 0}.cta-banner{background:var(--gradient-hero);border-radius:var(--radius-2xl);text-align:center;color:#fff;box-shadow:var(--shadow-2xl);padding:4rem}.cta-content{max-width:700px;margin:0 auto}.cta-title{margin-bottom:1rem;font-size:2rem;font-weight:700}.cta-subtitle{opacity:.95;margin-bottom:2rem;font-size:1.125rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-buttons .btn-primary{color:var(--primary-purple);background:#fff}.cta-buttons .btn-secondary{color:#fff;background:#fff3;border:1px solid #ffffff4d}@media (max-width:1440px){.container{max-width:1200px}}@media (max-width:1366px){.container{max-width:1100px}}@media (max-width:1280px){.container{max-width:1100px}}@media (max-width:1024px){.container{max-width:100%;padding:0 1.5rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-buttons,.hero-stats{justify-content:center}.hero-right{display:none}.practice-interface-card{grid-template-columns:1fr}.category-grid,.subject-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.featured-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.qb-hero{padding:3rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem}.search-bar{flex-direction:column;padding:1rem}.search-btn{width:100%}.filters-bar{flex-direction:column;align-items:stretch}.filter-options{flex-direction:column}.filter-select{width:100%}.trending-scroll{flex-wrap:wrap;overflow-x:hidden}.reviews-grid,.category-grid,.subject-grid,.featured-grid,.topic-grid,.previous-year-grid,.daily-practice-grid,.why-practice-grid,.dashboard-grid,.featured-actions,.py-actions{grid-template-columns:1fr}.dashboard-graph{flex-direction:column}.interface-left,.interface-right{padding:1.5rem}}@media (max-width:640px){.container{padding:0 1rem}.qb-hero{padding:2rem 0}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.875rem}.hero-buttons{gap:.75rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:.875rem}.section-header{margin-bottom:2rem}.section-title{font-size:1.25rem}.search-filter-section{padding:2rem 0}.trending-scroll{flex-wrap:wrap;overflow-x:hidden}.reviews-grid{grid-template-columns:1fr}.review-card{padding:1rem}.review-header{gap:.75rem}.review-avatar{width:40px;height:40px;font-size:1.25rem}.review-name{font-size:.875rem}.review-exam,.review-questions{font-size:.75rem}.review-text{font-size:.8125rem}.category-section,.subject-section,.featured-section,.topic-section,.previous-year-section,.daily-practice-section,.dashboard-section,.why-practice-section,.practice-interface-section{padding:2.5rem 0}.category-card,.subject-card,.featured-card,.topic-card,.previous-year-card,.daily-card,.why-practice-card,.dashboard-card{padding:1.25rem}.btn-practice,.btn-practice-subject,.btn-practice-topic,.btn-attempt-now,.btn-view-report{padding:.625rem 1rem;font-size:.875rem}.featured-actions{grid-template-columns:1fr;gap:.5rem}.trending-card{width:100%;min-width:auto}}@media (max-width:480px){.hero-title{font-size:1.5rem}.hero-stats{flex-direction:column;align-items:center}.category-icon,.daily-icon,.why-practice-icon,.dashboard-icon{width:48px;height:48px}.featured-cover{height:100px}.trending-cover{height:80px}.trending-card{width:100%;min-width:auto}}