:root{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--secondary:#c026d3;--bg-purple:#f6f3fd;--bg-purple-light:#efe9fb;--text-dark:#1a1425;--text-mid:#5c5468;--text-light:#8a8296;--white:#fff;--border:#eae6f5;--success:#16a34a;--warning:#f59e0b;--shadow-sm:0 2px 8px #8b3bf014;--shadow-md:0 8px 24px #8b3bf01f;--shadow-lg:0 16px 40px #8b3bf029;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.landing-page{background:var(--white);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page button{cursor:pointer;font-family:inherit}.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}}.testseries-hero{background:radial-gradient(circle at 85% 10%,#e9defc 0%,#0000 45%),linear-gradient(#f5f0fd 0%,#ede4fb 100%);padding:80px 0 60px}.hero-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media (min-width:1024px){.hero-grid{gap:48px}}.hero-left{flex-direction:column;gap:24px;display:flex}.hero-badge{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);border-radius:24px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex}.hero-title{letter-spacing:-1px;color:var(--text-dark);font-size:52px;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#8b3bf0,#c026d3);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-mid);max-width:520px;font-size:16px;line-height:1.7}.hero-buttons{gap:12px;display:flex}.btn-primary{color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#8b3bf0,#c026d3);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--text-dark);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-purple);border-color:var(--primary)}.hero-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-badge{background:var(--white);border-radius:var(--radius-sm);color:var(--text-mid);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.hero-right{justify-content:center;align-items:center;display:flex}.hero-illustration{aspect-ratio:1;width:100%;max-width:400px;height:auto;position:relative}.floating-card{background:var(--white);border-radius:var(--radius-md);width:80px;height:100px;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;font-size:40px;animation:6s ease-in-out infinite float;display:flex;position:absolute}.card-1{animation-delay:0s;top:20%;left:10%}.card-2{animation-delay:1s;top:10%;right:15%}.card-3{animation-delay:2s;bottom:20%;left:20%}.card-4{animation-delay:3s;bottom:10%;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-header{text-align:center;margin-bottom:48px}.section-title{letter-spacing:-.5px;color:var(--text-dark);margin-bottom:12px;font-size:36px;font-weight:800}.section-subtitle{color:var(--text-mid);font-size:16px}.search-filter-section{background:var(--bg-purple);padding:40px 0}.search-bar{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:24px;padding:4px;display:flex}.search-icon{color:var(--text-light);margin-left:12px}.search-input{color:var(--text-dark);border:none;outline:none;flex:1;padding:12px 8px;font-size:15px}.search-input::placeholder{color:var(--text-light)}.search-btn{color:var(--white);border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b3bf0,#c026d3);padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.search-btn:hover{opacity:.9}.filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-icon{color:var(--primary)}.filter-label{color:var(--text-dark);font-size:14px;font-weight:700}.filter-options{flex-wrap:wrap;gap:12px;display:flex}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dark);background:var(--white);cursor:pointer;padding:10px 16px;font-size:14px;transition:all .2s}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.category-section{padding:80px 0}.category-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:480px){.category-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media (min-width:768px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.category-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}}.category-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:24px;transition:all .3s}.category-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.category-icon{background:var(--bg-purple);width:48px;height:48px;color:var(--primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.category-name{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700}.category-count{color:var(--text-light);font-size:12px}.testseries-section{background:var(--bg-purple);padding:80px 0}.testseries-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:480px){.testseries-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.testseries-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.testseries-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s;position:relative;overflow:hidden}.testseries-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.popular-badge{color:var(--white);letter-spacing:.5px;z-index:10;background:linear-gradient(135deg,#8b3bf0,#c026d3);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.testseries-thumbnail{background:linear-gradient(135deg,#8b3bf0,#c026d3);justify-content:center;align-items:center;height:140px;display:flex;position:relative}.testseries-emoji{font-size:70px}.type-badge{border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;bottom:12px;left:12px}.type-badge.premium{color:var(--white);background:#8b5cf6e6}.type-badge.free{color:var(--white);background:#16a34ae6}.testseries-content{flex-direction:column;gap:12px;padding:20px;display:flex}.testseries-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.testseries-name{color:var(--text-dark);font-size:15px;font-weight:700;line-height:1.4}.testseries-meta{gap:16px;display:flex}.meta-item{color:var(--text-mid);align-items:center;gap:4px;font-size:12px;display:flex}.meta-item svg{color:var(--primary)}.testseries-details{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:480px){.testseries-details{grid-template-columns:repeat(2,1fr)}}.detail-item{justify-content:space-between;font-size:12px;display:flex}.detail-label{color:var(--text-light)}.detail-value{color:var(--text-dark);font-weight:600}.testseries-rating{align-items:center;gap:8px;display:flex}.rating-value{color:var(--text-dark);font-size:14px;font-weight:700}.rating-count{color:var(--text-light);font-size:12px}.star-rating{align-items:center;gap:2px;display:flex}.testseries-price{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:12px;display:flex}.price-current{background:linear-gradient(135deg,#8b3bf0,#c026d3);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.price-original{color:var(--text-light);font-size:13px;text-decoration:line-through}.price-discount{color:var(--success);background:#16a34a1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.testseries-actions{border-radius:var(--radius-sm);gap:8px;padding:12px;display:flex}.btn-view{border-radius:var(--radius-sm);color:var(--white);background:#1e40af;border:none;flex:1;padding:10px;font-size:13px;font-weight:600}.btn-start{border-radius:var(--radius-sm);flex:1;padding:10px;font-size:13px;font-weight:700;color:var(--white)!important;background:#0f172a!important}.free-tests-section{padding:80px 0}.free-tests-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.free-test-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .3s}.free-test-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.free-test-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.free-badge{color:var(--success);background:#16a34a1a;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.attempts-count{color:var(--text-light);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.free-test-title{color:var(--text-dark);margin-bottom:16px;font-size:15px;font-weight:700}.free-test-meta{gap:16px;margin-bottom:16px;display:flex}.btn-start-free{width:100%;color:var(--white);border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b3bf0,#c026d3);justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-start-free:hover{opacity:.9}.pyp-section{background:var(--bg-purple);padding:80px 0}.pyp-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pyp-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:24px;transition:all .3s}.pyp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.pyp-icon{margin-bottom:16px;font-size:50px}.pyp-exam{color:var(--text-dark);margin-bottom:8px;font-size:16px;font-weight:700}.pyp-year{color:var(--text-mid);margin-bottom:16px;font-size:14px}.pyp-meta{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.pyp-actions{gap:8px;display:flex}.btn-download{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-download:hover{background:var(--bg-purple);border-color:var(--primary);color:var(--primary)}.btn-attempt{border-radius:var(--radius-sm);color:var(--white);background:linear-gradient(135deg,#8b3bf0,#c026d3);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-attempt:hover{opacity:.9}.analytics-section{padding:80px 0}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.analytics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.analytics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.analytics-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:24px;transition:all .3s}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.analytics-icon{background:var(--bg-purple);width:56px;height:56px;color:var(--primary);border-radius:var(--radius-md);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.analytics-title{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700}.analytics-value{background:linear-gradient(135deg,#8b3bf0,#c026d3);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.analytics-desc{color:var(--text-light);font-size:12px}.features-section{background:var(--bg-purple);padding:80px 0}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:24px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{background:var(--bg-purple);width:48px;height:48px;color:var(--primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.feature-title{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:700}.feature-desc{color:var(--text-mid);font-size:12px;line-height:1.4}.success-section{padding:80px 0}.success-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.success-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.success-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.success-avatar{background:var(--bg-purple);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.success-info{flex:1}.success-name{color:var(--text-dark);margin-bottom:4px;font-size:15px;font-weight:700}.success-exam{color:var(--text-mid);font-size:12px}.success-review{color:var(--text-mid);font-size:14px;font-style:italic;line-height:1.6}.faq-section{background:var(--bg-purple);padding:80px 0}.faq-list{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq-question{background:var(--white);width:100%;color:var(--text-dark);text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:20px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.faq-question:hover{background:var(--bg-purple)}.faq-question.active{background:var(--bg-purple-light)}.faq-chevron{color:var(--text-light);flex-shrink:0;transition:transform .3s}.faq-chevron.rotate{transform:rotate(180deg)}.faq-answer{border-top:1px solid var(--border);padding:0 20px 20px}.faq-answer p{color:var(--text-mid);padding-top:16px;font-size:14px;line-height:1.6}.cta-section{padding:80px 0}.cta-banner{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#8b3bf0 0%,#c026d3 100%);padding:64px}.cta-title{color:var(--white);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.cta-subtitle{color:#ffffffe6;margin-bottom:32px;font-size:18px;line-height:1.6}.cta-buttons{justify-content:center;gap:16px;display:flex}.cta-buttons .btn-primary{background:var(--white);color:var(--primary)}.cta-buttons .btn-secondary{color:var(--white);background:0 0;border-color:#ffffff80}.cta-buttons .btn-secondary:hover{border-color:var(--white);background:#ffffff1a}@media (max-width:1440px){.container{max-width:1200px}.hero-title{font-size:48px}.category-grid{grid-template-columns:repeat(5,1fr)}.testseries-grid,.free-tests-grid,.pyp-grid{gap:20px}}@media (max-width:1366px){.container{max-width:1100px}.category-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.container{max-width:960px;padding:0 24px}.hero-title{font-size:44px}.category-grid{grid-template-columns:repeat(3,1fr)}.testseries-grid,.free-tests-grid,.pyp-grid{grid-template-columns:repeat(2,1fr);gap:18px}.analytics-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-right{display:none}.filters-bar{flex-direction:column;align-items:flex-start}.filter-options{width:100%}.filter-select{flex:1}}@media (max-width:768px){.container{max-width:100%;padding:0 20px}.testseries-hero{padding:60px 0 40px}.hero-title{font-size:36px}.hero-subtitle{font-size:14px}.hero-buttons{flex-direction:column}.search-bar{flex-direction:column;padding:12px}.search-btn{width:100%}.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}.testseries-grid,.free-tests-grid,.pyp-grid,.success-grid{grid-template-columns:1fr;gap:16px}.analytics-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.section-header{margin-bottom:32px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.cta-banner{padding:48px 24px}.cta-title{font-size:32px}.cta-buttons{flex-direction:column}}@media (max-width:640px){.container{padding:0 16px}.testseries-hero{padding:48px 0 32px}.hero-title{font-size:28px}.hero-subtitle{font-size:13px}.hero-buttons{flex-direction:column}.category-grid{grid-template-columns:repeat(2,1fr)}.testseries-card{border-radius:var(--radius-md)}.testseries-content{padding:16px}.testseries-name{font-size:14px}.testseries-actions{flex-direction:column}.btn-view,.btn-start{width:100%}.analytics-grid,.features-grid{grid-template-columns:1fr}.cta-title{font-size:24px}.cta-subtitle{font-size:16px}}@media (max-width:480px){.hero-title{font-size:24px}.hero-subtitle{font-size:12px}.hero-badge{padding:6px 14px;font-size:11px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:16px}.category-icon{width:40px;height:40px}.category-name{font-size:13px}.testseries-thumbnail{height:120px}.testseries-emoji{font-size:60px}.testseries-content{padding:14px}.testseries-name{font-size:13px}.testseries-details{grid-template-columns:1fr;gap:6px}.testseries-rating{flex-direction:column;align-items:flex-start;gap:4px}.free-test-card{padding:20px}.free-test-title{font-size:14px}.pyp-card{padding:20px}.pyp-icon{font-size:40px}.pyp-exam{font-size:14px}.pyp-actions{flex-direction:column}.analytics-card{padding:20px}.analytics-icon{width:48px;height:48px}.analytics-value{font-size:24px}.feature-card{padding:20px}.feature-icon{width:40px;height:40px}.success-card{padding:20px}.success-avatar{width:40px;height:40px}.faq-question{padding:16px;font-size:14px}.faq-answer p{font-size:13px}.cta-banner{padding:32px 20px}.cta-title{font-size:20px}.cta-subtitle{font-size:14px}}
