@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--color-primary:#4ade80;--color-primary-light:#86efac;--color-primary-dark:#22c55e;--color-primary-pale:#dcfce7;--color-secondary:#f0f9ff;--color-accent:#06b6d4;--color-accent-light:#67e8f9;--color-background-white:#fff;--color-background-light:#f8fafc;--color-background-lighter:#f1f5f9;--color-background-gray:#f8fafc;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#06b6d4;--color-dark-slate:#1e293b;--color-dark-slate-light:#334155;--color-dark-slate-lighter:#475569;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-5xl:128px;--spacing-6xl:160px;--spacing-7xl:192px;--spacing-8xl:224px;--spacing-9xl:256px;--spacing-10xl:288px;--spacing-11xl:320px;--spacing-12xl:352px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-subtle:0 2px 8px #1f7a6326;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--container-max-width:1200px}body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--color-dark-slate);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold)}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.btn{border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:500;gap:8px;line-height:1;padding:16px 24px;transition:all .2s ease}.btn:focus{outline:2px solid #4ade80}.btn-primary{background-color:#4ade80;color:#fff}.btn-primary:hover{background-color:#22c55e;background-color:var(--color-primary-dark);box-shadow:0 4px 12px #00000014}.btn-secondary{background-color:#fff;border:2px solid #4ade80;color:#4ade80}.btn-secondary:hover{background-color:#f8fafc;box-shadow:0 1px 3px #0000001a}.btn-outline{background-color:initial;border:2px solid #4ade80;border:2px solid var(--color-primary);color:#4ade80;color:var(--color-primary)}.btn-outline:hover{background-color:#4ade80;background-color:var(--color-primary);color:var(--color-background-white)}.btn-ghost{background-color:initial;color:#475569;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:#f8fafc;background-color:var(--color-background-light);color:#4ade80;color:var(--color-primary)}.btn-sm{padding:8px 16px}.btn-lg{padding:24px 48px}.btn-xl{font-size:1.25rem;padding:32px 64px;padding:var(--spacing-xl) var(--spacing-3xl)}@media (max-width:768px){.btn{border-radius:8px;border-radius:var(--radius-md);font-size:1rem;min-height:44px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.btn-sm{font-size:.9rem;min-height:40px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.1rem;min-height:48px;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.btn-xl{font-size:1.2rem;min-height:52px;padding:24px 48px;padding:var(--spacing-lg) var(--spacing-2xl)}.btn+.btn{margin-top:8px;margin-top:var(--spacing-sm)}.hero-buttons{flex-direction:column;gap:16px;gap:var(--spacing-md)}}@media (max-width:480px){.btn{font-size:.95rem;min-height:48px;padding:16px;padding:var(--spacing-md)}.btn-lg{font-size:1rem;min-height:52px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.btn-xl{font-size:1.1rem;min-height:56px;padding:24px;padding:var(--spacing-lg)}}@media (max-width:768px){.navbar{padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm)}.navbar-brand h1{font-size:1.5rem}.mobile-menu-button{background:#fff;border:2px solid #4ade80;border:2px solid var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:center;margin:0;padding:0;position:relative;transition:all .3s ease;width:30px;z-index:1001}.mobile-menu-button:hover{background:#4ade80;background:var(--color-primary);border-color:#4ade80;border-color:var(--color-primary)}.mobile-menu-button:hover span{background-color:#fff}.mobile-menu-button span{background-color:#4ade80;background-color:var(--color-primary);border-radius:2px;height:3px;margin:2px 0;transition:all .3s ease;width:100%}.mobile-menu-button span:first-child{transform-origin:top left}.mobile-menu-button span:nth-child(3){transform-origin:bottom left}.navbar-menu.open .mobile-menu-button span:first-child{margin:0;transform:rotate(45deg)}.navbar-menu.open .mobile-menu-button span:nth-child(2){opacity:0}.navbar-menu.open .mobile-menu-button span:nth-child(3){margin:0;transform:rotate(-45deg)}.navbar-menu{background:#fff;background:var(--color-background-white);box-shadow:-2px 0 10px #0000001a;height:100vh;max-width:300px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1000}.navbar-menu.open{right:0}.navbar-links{display:flex;flex-direction:column;padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}.nav-link{border-bottom:1px solid var(--color-border);color:#1e293b;color:var(--color-text-primary);display:block;font-size:1.1rem;font-weight:500;font-weight:var(--font-weight-medium);padding:16px 0;padding:var(--spacing-md) 0;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#4ade80;color:var(--color-primary)}.nav-link:last-child{border-bottom:none}.navbar-actions{border-top:1px solid var(--color-border);padding:24px;padding:var(--spacing-lg)}.navbar-user{gap:16px;gap:var(--spacing-md)}.navbar-user,.user-info{display:flex;flex-direction:column}.user-info{align-items:flex-start;gap:4px;gap:var(--spacing-xs)}.user-name{color:#1e293b;color:var(--color-text-primary);font-size:1rem;font-weight:600;font-weight:var(--font-weight-semibold)}.subscription-badge{border-radius:16px;border-radius:var(--radius-xl);font-size:.8rem;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.navbar{padding:8px;padding:var(--spacing-sm)}.navbar-brand h1{font-size:1.3rem}.mobile-menu-button{height:35px;width:35px}.mobile-menu-button span{height:2px;margin:1.5px 0}.navbar-menu{max-width:280px;width:85%}.navbar-links{padding:24px 16px;padding:var(--spacing-lg) var(--spacing-md)}.nav-link{font-size:1rem;padding:8px 0;padding:var(--spacing-sm) 0}.navbar-actions{padding:16px;padding:var(--spacing-md)}}@media (max-width:375px){.mobile-menu-button{height:40px;min-height:40px;min-width:40px;width:40px}.mobile-menu-button span{height:3px;margin:2px 0}}@media (max-width:768px){body,html{overflow-x:hidden;position:relative;width:100%}*{box-sizing:border-box}.container,.content-grid,.dashboard-grid{max-width:100%;padding-left:16px;padding-left:var(--spacing-md);padding-right:16px;padding-right:var(--spacing-md);width:100%}.navbar,.sidebar{max-width:100%;width:100%}}@media (max-width:480px){.container,.content-grid,.dashboard-grid{padding-left:8px;padding-left:var(--spacing-sm);padding-right:8px;padding-right:var(--spacing-sm)}}.card{background-color:#fff;background-color:var(--color-background-white);border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #00000014}.card-content,.card-header{padding:24px}.card-footer{background-color:#f8fafc;background-color:var(--color-background-light);padding:24px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-control,.form-label{color:#1e293b;color:var(--color-text-primary)}.form-control{background-color:#fff;background-color:var(--color-background-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:16px;transition:all .2s ease}.form-control:focus{border-color:#4ade80}.form-control::placeholder{color:#64748b}.form-control:disabled{background-color:#f8fafc;background-color:var(--color-background-light);color:#64748b}.form-select{background-position:right .5rem center}.container{max-width:var(--container-max-width);padding:0 24px}.section{padding:64px 0;padding:var(--spacing-3xl) 0}.section-sm{padding:48px 0;padding:var(--spacing-2xl) 0}.section-lg{padding:96px 0;padding:var(--spacing-4xl) 0}.text-primary{color:#1e293b;color:var(--color-text-primary)}.text-secondary{color:#475569;color:var(--color-text-secondary)}.text-muted{color:#64748b;color:var(--color-text-muted)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-white{background-color:#fff;background-color:var(--color-background-white)}.bg-light{background-color:#f8fafc;background-color:var(--color-background-light)}.bg-primary{background-color:#4ade80;background-color:var(--color-primary)}@media (max-width:1024px){.container{padding:0 16px;padding:0 var(--spacing-md)}}@media (max-width:768px){:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem}h3,h4{line-height:1.4}h4{font-size:1.125rem}.container{max-width:100%;padding:0 16px;padding:0 var(--spacing-md)}.btn{font-size:1rem;min-height:44px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.btn-sm{font-size:.875rem;min-height:36px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.125rem;min-height:48px;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}}@media (max-width:480px){:root{--spacing-xs:2px;--spacing-sm:6px;--spacing-md:10px;--spacing-lg:14px;--spacing-xl:20px;--spacing-2xl:28px;--spacing-3xl:40px}h1{font-size:1.75rem;line-height:1.2}h2{font-size:1.375rem;line-height:1.3}h3{font-size:1.125rem}h3,h4{line-height:1.4}h4{font-size:1rem}p{font-size:.875rem;line-height:1.5}.container{padding:0 8px;padding:0 var(--spacing-sm)}.btn{font-size:.875rem;max-width:300px;min-height:48px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);width:100%}.btn-sm{font-size:.8rem;min-height:40px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1rem;min-height:52px;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}}@media (max-width:375px){:root{--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:24px;--spacing-3xl:32px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn,.btn-lg{font-size:.875rem}.btn-lg{min-height:48px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.auth-card{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-2xl);width:100%}.auth-card h2{color:var(--color-dark-slate);font-family:var(--font-family-primary);font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);text-align:center}.auth-card p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group input,.form-group select{background-color:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-base)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1f7a631a;outline:none}.form-group input::placeholder,.form-group select::placeholder{color:var(--color-text-muted)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.btn-full{font-size:1rem;font-weight:var(--font-weight-medium);padding:var(--spacing-md)}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;font-size:.875rem;text-align:center}.success-message{padding:var(--spacing-2xl) var(--spacing-lg)}.success-icon{color:var(--color-accent);font-size:3rem;margin-bottom:var(--spacing-lg)}.success-message h3{color:var(--color-accent);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.auth-links{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);text-align:center}.auth-links p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.auth-links a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-base)}.auth-links a:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-link{color:#2563eb;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#1d4ed8;text-decoration:underline}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:var(--color-text-secondary);padding:var(--spacing-lg)}.email-address{background:#f0f7ff;border-radius:8px;color:#2563eb;display:inline-block;font-weight:600;margin:15px 0;padding:10px 15px}.reset-instructions{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px;text-align:left}.reset-instructions h4{color:#333;margin-bottom:10px}.reset-instructions ul{list-style:none;padding:0}.reset-instructions li{padding:5px 0 5px 20px;position:relative}.reset-instructions li:before{color:#059669;content:"✓";font-weight:700;left:0;position:absolute}.dashboard{padding:40px 0}.dashboard-header{margin-bottom:40px}.dashboard-header h1{color:#333;margin-bottom:8px}.dashboard-header p{color:#666;font-size:18px}.dashboard-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-card h3{color:#333;margin-bottom:16px}.profile-info p,.subscription-info p{color:#555;margin-bottom:8px}.subscription-actions{padding:40px 20px}.subscription-actions h3{color:#333;margin-bottom:12px}.subscription-actions p{color:#666;margin-bottom:24px}.subscription-actions.active h3{color:#10b981}.access-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-access-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-access-item{border:2px solid #e1e5e9;border-radius:8px;color:#333;padding:24px;text-align:center;text-decoration:none;transition:all .2s ease}.quick-access-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.quick-access-icon{font-size:48px;margin-bottom:12px}.quick-access-item h4{color:#333;margin-bottom:8px}.quick-access-item p{color:#666;font-size:14px;margin:0}.landing-page{min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);width:100%}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}@media (max-width:480px){.container{padding:0 var(--spacing-sm)}}.hero{background-color:var(--color-primary-pale);background-image:url(/static/media/header-bg.8955b05999427d0aa1a5.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:70vh;overflow:hidden;padding:var(--spacing-4xl) 0 var(--spacing-5xl);position:relative;text-align:center}.hero:before{background:linear-gradient(135deg,#4ade804d 0,#ffffff80 100%),radial-gradient(circle at 20% 50%,var(--color-primary) 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.hero-content{margin:0 auto;max-width:800px;padding-top:var(--spacing-4xl);position:relative;z-index:1}.hero h1{color:#1a202c;font-size:3.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px #fffc}.hero p{color:#1a202c;font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl);text-shadow:1px 1px 2px #fffc}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.btn-large{font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-3xl)}.btn-extra-large{font-size:1.25rem;font-weight:var(--font-weight-bold);min-height:60px;padding:var(--spacing-xl) var(--spacing-4xl)}.testimonials{background-color:var(--color-background-white);padding:var(--spacing-3xl) 0}.testimonials h2{color:var(--color-dark-slate);font-size:2.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center}.testimonials-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:var(--color-background-white);border:1px solid var(--color-background-lighter);border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;padding:var(--spacing-2xl);transition:all var(--transition-slow)}.testimonial-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.testimonial-header{align-items:center;display:flex;margin-bottom:var(--spacing-lg)}.testimonial-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:50%;color:var(--color-background-white);display:flex;font-size:1.25rem;font-weight:var(--font-weight-bold);height:60px;justify-content:center;margin-right:var(--spacing-md);width:60px}.testimonial-info h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin:0}.testimonial-grade{color:var(--color-primary);font-size:.875rem;font-weight:var(--font-weight-medium);margin:var(--spacing-xs) 0}.testimonial-school{color:var(--color-text-muted);font-size:.875rem;margin:0}.testimonial-rating{margin-bottom:var(--spacing-lg)}.star{color:var(--color-warning);font-size:1.25rem;margin-right:2px}.testimonial-text{color:var(--color-text-secondary);font-style:italic;line-height:1.6;margin:0}.guarantee{background:linear-gradient(135deg,var(--color-primary-pale) 0,var(--color-background-light) 100%);padding:var(--spacing-3xl) 0;text-align:center}.guarantee-content{margin:0 auto;max-width:800px}.guarantee-icon{color:var(--color-primary)}.guarantee h2{color:var(--color-dark-slate);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.guarantee p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--spacing-2xl)}.guarantee-features{display:flex;flex-wrap:wrap;gap:var(--spacing-2xl);justify-content:center;margin-bottom:var(--spacing-2xl)}.guarantee-feature{color:var(--color-text-primary);font-size:1rem;gap:var(--spacing-sm)}.checkmark{color:var(--color-success);font-size:1.125rem;font-weight:var(--font-weight-bold)}.features{background-color:var(--color-background-light);padding:var(--spacing-3xl) 0}.features h2{color:var(--color-dark-slate);font-size:2.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl)}.features-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade801a;padding:var(--spacing-2xl);transition:all var(--transition-slow)}.feature-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade8026;transform:translateY(-8px)}.feature-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-xl);color:var(--color-primary);display:inline-flex;font-size:3.5rem;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-base);width:80px}.feature-card:hover .feature-icon{background:var(--color-primary);color:var(--color-background-white);transform:scale(1.1)}.feature-icon svg{height:100%;width:100%}.feature-card h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-semibold)}.feature-card p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.pricing-preview{background-color:var(--color-background-white);padding:var(--spacing-3xl) 0}.pricing-preview h2{color:var(--color-dark-slate);font-size:2.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center}.pricing-cards{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:800px}.pricing-card{background:var(--color-background-white);border:2px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade8014;padding:var(--spacing-2xl);position:relative;transition:all var(--transition-slow)}.pricing-card:hover{border-color:var(--color-primary-light);box-shadow:0 12px 40px #4ade801f;transform:translateY(-8px)}.pricing-card h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-semibold)}.price{margin-bottom:var(--spacing-xl)}.price .amount{color:var(--color-primary);font-size:3rem;font-weight:var(--font-weight-bold)}.price .duration{color:var(--color-text-secondary);font-size:1rem}.features-list{list-style:none;margin-bottom:var(--spacing-xl);padding:0;text-align:left}.features-list li{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0}.features-list li svg{flex-shrink:0;height:16px;width:16px}.cta{background-color:var(--color-background-light);padding:var(--spacing-3xl) 0}.cta h2{color:var(--color-dark-slate);font-size:2rem;font-weight:var(--font-weight-bold)}.cta p{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px}.about-page{background:linear-gradient(135deg,var(--color-primary-pale) 0,var(--color-background-white) 100%);padding:var(--spacing-3xl) 0}.about-content{margin:0 auto;max-width:1000px}.about-section{margin-bottom:var(--spacing-4xl)}.about-section h2{color:var(--color-dark-slate);font-size:2.25rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center}.mission-content{background:var(--color-background-white);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade8014;margin:0 auto;max-width:800px;padding:var(--spacing-2xl)}.mission-content p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.mission-content p:last-child{margin-bottom:0}.offerings-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-2xl)}.offering-item{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade801a;padding:var(--spacing-2xl);text-align:center;transition:all var(--transition-slow)}.offering-item:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade8026;transform:translateY(-8px)}.offering-item h3{color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.offering-item p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.offering-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-xl);display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-base);width:80px}.offering-item:hover .offering-icon{background:var(--color-primary);color:var(--color-background-white);transform:scale(1.1)}.offering-icon svg{height:100%;width:100%}.grade-levels{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-2xl)}.grade-level{background:var(--color-background-white);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade8014;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-slow)}.grade-level:hover{box-shadow:0 8px 30px #4ade801f;transform:translateY(-4px)}.grade-level h3{color:var(--color-dark-slate);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.grade-level p{color:var(--color-text-secondary);line-height:1.5}.advantages{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:var(--spacing-2xl)}.advantage{background:var(--color-primary-pale);border:1px solid var(--color-primary-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-slow)}.advantage:hover{background:var(--color-primary);box-shadow:0 8px 30px #4ade8033;transform:translateY(-4px)}.advantage:hover,.advantage:hover h4,.advantage:hover p{color:var(--color-background-white)}.advantage h4{color:var(--color-dark-slate);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.advantage h4,.advantage p{transition:color var(--transition-base)}.advantage p{color:var(--color-text-secondary);line-height:1.5}.advantage-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-xl);display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-base);width:80px}.advantage:hover .advantage-icon{background:var(--color-primary);color:var(--color-background-white);transform:scale(1.1)}.advantage-icon svg{height:100%;width:100%}.about-section:last-of-type{background:var(--color-background-white);border-radius:var(--radius-xl);border-top:3px solid var(--color-primary);box-shadow:0 4px 20px #4ade8014;margin-top:var(--spacing-2xl);padding:var(--spacing-3xl)}.about-section:last-of-type p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.7;margin:0 auto var(--spacing-lg);max-width:800px;text-align:center}@media (max-width:768px){.about-section h2{font-size:1.75rem}.advantages,.grade-levels,.offerings-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.about-section:last-of-type{padding:var(--spacing-2xl)}}@media (max-width:480px){.about-page{padding:var(--spacing-2xl) 0}.advantage,.grade-level,.offering-item{padding:var(--spacing-lg)}}.pricing-page{background:linear-gradient(135deg,var(--color-primary-pale) 0,var(--color-background-white) 100%);padding:var(--spacing-3xl) 0}.page-header{margin-bottom:var(--spacing-3xl);text-align:center}.page-header h1{color:var(--color-dark-slate);font-size:3rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.page-header p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.comparison-section,.pricing-section{margin-bottom:var(--spacing-3xl)}.comparison-section h2{color:var(--color-dark-slate);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center}.comparison-table{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:800px;overflow:hidden}.comparison-table table{border-collapse:collapse;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-md);text-align:left}.comparison-table th{background-color:var(--color-background-light);color:var(--color-dark-slate);font-weight:var(--font-weight-semibold)}.comparison-table td:not(:first-child),.comparison-table th:not(:first-child){text-align:center}.comparison-table tr:last-child td{border-bottom:none}.faq-section{margin-bottom:var(--spacing-3xl)}.faq-section h2{color:var(--color-dark-slate);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2xl);text-align:center}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.faq-item h3{color:var(--color-dark-slate);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.faq-item p{color:var(--color-text-secondary);line-height:1.6}.cta-section{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);text-align:center}.cta-section h2{color:var(--color-dark-slate);font-size:1.75rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.cta-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.125rem}.comparison-section h2,.faq-section h2,.features h2,.page-header h1,.pricing-preview h2{font-size:1.75rem}.pricing-cards{gap:var(--spacing-lg);grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.comparison-table{overflow-x:auto}.comparison-table table{min-width:600px}}@media (max-width:480px){.hero{padding:var(--spacing-2xl) 0 var(--spacing-lg)}.hero-content h1{font-size:2rem}.cta,.features,.pricing-preview{padding:var(--spacing-2xl) 0}.feature-card,.pricing-card{padding:var(--spacing-lg)}}.limited-spots{animation:pulse 2s infinite;background:var(--color-warning);border-radius:var(--radius-lg);color:var(--color-text-primary);display:inline-block;font-weight:var(--font-weight-semibold);margin:var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-md)}.visual-focus{background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/static/media/exam-room.c411f081faeda5e6d05f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:var(--spacing-5xl) 0;position:relative}.focus-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px}.focus-text{max-width:600px;text-align:center}.focus-text h2{color:var(--color-dark-slate);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-lg)}.focus-text p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6}.benefits-list,.focus-text p{margin-bottom:var(--spacing-xl)}.benefit-item{align-items:center;color:var(--color-text-primary);font-size:1.125rem;gap:var(--spacing-md);justify-content:center}.benefit-item .check{color:var(--color-success);font-size:1.25rem;font-weight:var(--font-weight-bold)}.emphasis{color:var(--color-primary);font-size:1.25rem;font-style:italic}.why-choose{background:var(--color-primary-pale);padding:var(--spacing-5xl) 0}.reasons-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.reason-item h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-bold)}.reason-item p{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.feature-benefit{border-left:4px solid var(--color-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.feature-benefit strong{color:var(--color-primary)}.testimonial-content{padding:var(--spacing-lg)}.testimonial-author{margin-top:var(--spacing-md)}.testimonial-role{color:var(--color-text-muted);font-size:.875rem}.guarantee-closing{color:var(--color-primary);font-size:1.25rem;font-style:italic;margin-top:var(--spacing-xl);text-align:center}.cta h2{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.cta p{font-size:1.25rem;margin-bottom:var(--spacing-md)}.cta p strong{color:var(--color-warning);font-weight:var(--font-weight-bold)}@media (max-width:768px){.focus-content{grid-template-columns:1fr;text-align:center}.focus-image{margin-bottom:var(--spacing-2xl)}.reasons-grid{grid-template-columns:1fr}.cta h2,.focus-text h2{font-size:2rem}}@media (max-width:480px){.limited-spots{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.exam-scene{height:150px;width:250px}.student-writing:before{font-size:3rem}.benefit-item{font-size:1rem}.reason-item h3{font-size:1.25rem}}.contact-page{background-color:var(--color-background-light);padding:var(--spacing-3xl) 0}.contact-content{grid-gap:var(--spacing-4xl);align-items:start;display:grid;gap:var(--spacing-4xl);grid-template-columns:1fr 1fr}.contact-info h2{color:var(--color-dark-slate);font-size:2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.contact-item{align-items:center;background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.contact-item:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.contact-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.contact-text h3{color:var(--color-dark-slate);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.contact-text p{color:var(--color-text-secondary);font-size:1.125rem;margin:0}@media (max-width:768px){.contact-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.contact-item{padding:var(--spacing-lg)}.contact-icon{font-size:2rem;height:50px;width:50px}}.exam-list,.past-papers,.video-lessons{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:768px){.exam-list,.past-papers,.video-lessons{padding:0 var(--spacing-md)}}@media (max-width:480px){.exam-list,.past-papers,.video-lessons{padding:0 var(--spacing-sm)}}.content-page.subjects-list{padding:40px 0}.content-page.subjects-list .subjects-header{margin-bottom:40px;text-align:center}.content-page.subjects-list .subjects-header h2{color:#333;font-size:2rem;margin-bottom:10px}.content-page.subjects-list .subjects-header p{color:#666;font-size:1.1rem}.content-page.subjects-list .subjects-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.content-page.subjects-list .subject-card{align-items:center!important;background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;color:inherit;display:flex!important;flex-direction:column!important;gap:var(--spacing-md);min-height:200px;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base)}.content-page.subjects-list .subject-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.content-page.subjects-list .subject-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade8026;transform:translateY(-4px)}.content-page.subjects-list .subject-card:hover:before{opacity:1}.content-page.subjects-list .subject-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-lg);box-shadow:0 4px 15px #4ade8033;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all var(--transition-base);width:60px}.content-page.subjects-list .subject-card:hover .subject-icon{box-shadow:0 6px 20px #4ade804d;transform:scale(1.1)}.content-page.subjects-list .subject-icon svg{stroke-width:2;color:var(--color-background-white);height:32px;width:32px}.content-page.subjects-list .subject-icon img{border-radius:var(--radius-xs);height:16px;object-fit:cover;width:16px}.content-page.subjects-list .default-icon{color:var(--color-primary);font-size:.75rem;opacity:.8}.content-page.subjects-list .subject-card:hover .subject-icon{background:var(--color-primary);transform:scale(1.05)}.content-page.subjects-list .subject-card:hover .default-icon{color:var(--color-background-white)}.content-page.subjects-list .subject-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-sm);min-width:0}.content-page.subjects-list .subject-info h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-xs)}.content-page.subjects-list .subject-level{background:var(--color-primary-pale);border-radius:var(--radius-md);color:var(--color-primary);display:inline-block;font-size:.75rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.content-page.subjects-list .subject-info p{color:var(--color-text-secondary);display:block;font-size:.875rem;line-height:1.4;margin:0}.content-page.subjects-list .subjects-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;margin:0 auto;max-width:1200px}.content-page.subjects-list .subject-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.content-page.subjects-list .stat-item{align-items:center;background:var(--color-primary-pale);border:1px solid #0000;border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.content-page.subjects-list .stat-item:hover{background:var(--color-primary);color:var(--color-background-white);transform:translateY(-2px)}.content-page.subjects-list .stat-icon{font-size:1rem;opacity:.8}.content-page.subjects-list .stat-item:hover .stat-icon{opacity:1}.past-papers{padding:40px 0}.papers-header{margin-bottom:40px;text-align:center}.papers-header h2{color:#333;font-size:2rem;margin-bottom:10px}.papers-header p{color:#666;font-size:1.1rem}.papers-content{margin:0 auto;max-width:1200px}.year-group{margin-bottom:50px}.year-title{border-bottom:2px solid #2563eb;color:#333;font-size:1.5rem;margin-bottom:25px;padding-bottom:8px}.papers-list{display:flex;flex-direction:column;gap:8px}.paper-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.paper-button:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6;transform:translateX(2px)}.paper-button:disabled{cursor:not-allowed;opacity:.6}.paper-button.loading{background:#f0f9ff;border-color:#3b82f6}.paper-icon{font-size:16px;margin-right:12px}.paper-title{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-arrow{color:#6b7280;font-size:14px;margin-left:12px;transition:color .2s ease}.paper-button:hover:not(:disabled) .download-arrow{color:#3b82f6}.loading-text{color:#3b82f6;font-weight:500}.video-lessons{padding:var(--spacing-3xl) 0}.coming-soon-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--spacing-4xl) 0}.coming-soon-content{background:var(--color-background-white);border:2px solid var(--color-primary-light);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000001a;max-width:600px;padding:var(--spacing-4xl);text-align:center}.coming-soon-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:var(--spacing-xl)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.coming-soon-content h2{color:var(--color-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-lg)}.coming-soon-content p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl)}.coming-soon-features{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-2xl)}.feature-item{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.feature-item:hover{background:var(--color-primary-light);transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.videos-header{margin-bottom:40px;text-align:center}.videos-header h2{color:#333;font-size:2rem;margin-bottom:10px}.videos-header p{color:#666;font-size:1.1rem}.videos-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.video-player-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.video-wrapper{height:0;padding-bottom:56.25%;position:relative}.video-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-info{padding:25px}.video-info h3{color:#333;font-size:1.5rem;margin-bottom:10px}.video-info p{color:#666;line-height:1.6;margin-bottom:15px}.video-meta{gap:15px}.video-playlist{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;max-height:600px;overflow-y:auto;padding:25px}.video-playlist h4{color:#333;font-size:1.2rem;margin-bottom:20px}.playlist-items{display:flex;flex-direction:column;gap:15px}.playlist-item{border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:background-color .2s ease}.playlist-item:hover{background-color:#f8fafc}.playlist-item.active{background-color:#eff6ff;border:1px solid #2563eb}.playlist-thumbnail{border-radius:6px;flex-shrink:0;height:68px;overflow:hidden;position:relative;width:120px}.playlist-thumbnail img{height:100%;object-fit:cover;width:100%}.duration-badge{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;position:absolute;right:4px}.playlist-info{flex:1 1;min-width:0}.playlist-info h5{color:#333;font-size:14px;line-height:1.3;margin-bottom:5px}.playlist-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.playlist-play{align-items:center;display:flex;flex-shrink:0;justify-content:center}.playing-indicator{color:#2563eb;font-size:12px;font-weight:600}.play-icon{color:#666;font-size:20px}.subject-detail{overflow-x:hidden;padding:40px 0;width:100%}.subject-header{margin-bottom:30px}.back-link{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:inline-flex;font-size:14px;gap:8px;margin-bottom:20px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-link:hover{background:#e2e8f0;color:#475569}.subject-info{text-align:center}.subject-details h1{color:#333;font-size:2.5rem;margin-bottom:10px}.subject-details p{color:#666;font-size:1.1rem;line-height:1.6}.subject-tabs{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.tab-navigation{gap:10px;margin-bottom:30px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;width:100%}.tab-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f8fafc;border-color:#cbd5e1}.tab-button.active{background:#4ade80;border-color:#4ade80;color:#fff}.tab-icon{font-size:18px}.tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow-x:hidden;padding:30px;width:100%}.profile-page{padding:40px 0}.profile-content{margin:0 auto;max-width:1200px}.profile-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.profile-card.full-width{grid-column:1/-1}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.card-header h2{color:#333;font-size:1.5rem}.profile-info{display:flex;flex-direction:column;gap:15px}.info-item{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.info-item:last-child{border-bottom:none}.info-item label{color:#333;font-weight:600}.info-item span{color:#666}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group input{border:2px solid #e1e5e9;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s ease}.form-group input:focus{border-color:#2563eb;outline:none}.form-actions{gap:15px;margin-top:10px}.message{border-radius:6px;margin-top:15px;padding:12px;text-align:center}.message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#059669}.message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.subscription-info{display:flex;flex-direction:column;gap:25px}.subscription-status{text-align:center}.status-badge{display:inline-block;margin-bottom:10px;padding:8px 20px}.status-badge.gray{background-color:#f3f4f6;color:#6b7280}.status-badge.yellow{background-color:#fef3c7}.status-badge.green{background-color:#d1fae5}.status-badge.red{background-color:#fee2e2}.status-description{color:#666;margin-bottom:20px}.subscription-details{display:flex;flex-direction:column;gap:12px}.detail-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.subscription-actions{text-align:center}.academic-progress{display:flex;flex-direction:column;gap:30px}.progress-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);text-align:center}.summary-item h3{color:#2563eb;font-size:2rem;margin-bottom:5px}.summary-item p{color:#666}.recent-results h4{color:#333;font-size:1.2rem;margin-bottom:20px}.results-list{display:flex;flex-direction:column;gap:15px}.result-item{border-radius:8px;padding:15px 20px}.result-info h5{color:#333;margin-bottom:5px}.result-info p{color:#666;font-size:14px}.result-score{text-align:right}.score{display:block;font-size:1.2rem;font-weight:600;margin-bottom:5px}.score.passed{color:#059669}.score.failed{color:#dc2626}.status{color:#666;font-size:14px}.no-results p{margin-bottom:20px}.activity-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.activity-section h4{color:#333;font-size:1.1rem;margin-bottom:15px}.recent-results{display:flex;flex-direction:column;gap:10px}.result-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.result-score{color:#333;font-weight:600}.result-status{font-size:14px}.recent-papers{display:flex;flex-direction:column;gap:10px}.paper-item h5{color:#333;font-size:14px;margin-bottom:3px}.paper-item p{color:#666;font-size:12px}@media (max-width:768px){.papers-grid{grid-template-columns:1fr}.paper-card{flex-direction:column;text-align:center}.videos-content{grid-template-columns:1fr}.video-playlist{max-height:400px}.tab-navigation{flex-wrap:wrap}.profile-grid,.progress-summary{grid-template-columns:1fr}.progress-summary{gap:15px}.activity-grid{grid-template-columns:1fr}}.payment-instructions{padding:60px 0}.payment-summary{margin-bottom:50px}.summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:600px;padding:35px}.summary-card h3{color:#333;font-size:1.5rem;margin-bottom:20px}.summary-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:15px 0}.summary-item:last-child{border-bottom:none}.summary-item label{color:#333;font-weight:600}.summary-item .price{color:#2563eb;font-size:1.5rem;font-weight:700}.summary-item .reference{background:#d1fae5;border-radius:4px;color:#059669;font-family:monospace;font-weight:600;padding:4px 8px}.payment-methods{margin-bottom:60px}.payment-methods h2{color:#333;font-size:2rem;margin-bottom:40px;text-align:center}.methods-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.method-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:35px;transition:border-color .3s ease}.method-card:hover{border-color:#2563eb}.method-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.method-header h3{color:#333;font-size:1.3rem}.method-number{background:#eff6ff;border-radius:6px;color:#2563eb;font-family:monospace;font-size:1.1rem;font-weight:600;padding:6px 12px}.method-instructions h4{color:#333;font-size:1.1rem;margin-bottom:15px}.method-instructions ol{padding-left:20px}.method-instructions li{color:#555;line-height:1.6;margin-bottom:10px}.important-notes{margin-bottom:60px}.important-notes h2{color:#333;font-size:2rem;margin-bottom:40px;text-align:center}.notes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.note-card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:18px;padding:30px}.note-icon{flex-shrink:0;font-size:24px}.note-card h4{color:#333;font-size:1.1rem;margin-bottom:8px}.note-card p{color:#666;line-height:1.5}.next-steps{text-align:center}.next-steps h2{color:#333;font-size:2rem;margin-bottom:30px}.steps-flow{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto 50px;max-width:900px}.step{margin-bottom:0;padding:0;position:relative;text-align:center}.step-number{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.step-content h4{font-size:1.1rem;margin-bottom:8px}.step-content p{color:#666;line-height:1.5}.action-buttons{gap:25px;margin-top:40px}.payment-submission{padding:40px 0}.payment-form-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:40px}.form-header{margin-bottom:40px;text-align:center}.form-header h3{color:#333;font-size:1.8rem;margin-bottom:10px}.form-header p{color:#666;font-size:1.1rem}.payment-form{display:flex;flex-direction:column;gap:25px}.form-row{grid-gap:25px;gap:25px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.form-group input.readonly{background:#f8fafc;color:#666}.form-group small{color:#666;font-size:14px;margin-top:5px}.form-summary{background:#f8fafc;border-left:4px solid #2563eb;border-radius:8px;padding:25px}.form-summary h4{color:#333;font-size:1.2rem;margin-bottom:15px}.form-summary .summary-item{display:flex;justify-content:space-between;padding:8px 0}.form-summary .summary-item label{color:#333;font-weight:600}.form-summary .summary-item .price{color:#2563eb;font-weight:700}.form-summary .summary-item .reference{background:#d1fae5;border-radius:4px;color:#059669;font-family:monospace;font-weight:600;padding:2px 6px}.form-actions{display:flex;gap:20px;justify-content:center;margin-top:30px}.success-message{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:600px;padding:60px 20px;text-align:center}.success-icon{font-size:64px;margin-bottom:20px}.success-message h2{color:#059669;font-size:2rem;margin-bottom:15px}.success-message p{color:#666;font-size:1.1rem;margin-bottom:30px}.success-details{background:#f8fafc;border-radius:8px;margin-bottom:30px;padding:20px;text-align:left}.success-details p{color:#555;margin-bottom:8px}.success-details strong{color:#333}.success-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.payment-status{padding:40px 0}.payments-timeline{margin:0 auto 50px;max-width:800px}.payments-timeline h2{color:#333;font-size:1.8rem;margin-bottom:30px}.payment-timeline-item{display:flex;gap:30px;margin-bottom:40px}.timeline-marker{flex-direction:column;flex-shrink:0}.marker,.timeline-marker{align-items:center;display:flex}.marker{border-radius:50%;color:#fff;font-size:20px;font-weight:600;height:50px;justify-content:center;width:50px}.marker.yellow{background:#f59e0b}.marker.green{background:#10b981}.marker.red{background:#ef4444}.timeline-line{background:#e1e5e9;height:100px;margin-top:10px;width:2px}.timeline-content{flex:1 1}.payment-header{align-items:flex-start}.payment-info h3{color:#333;font-size:1.3rem;margin-bottom:5px}.payment-info p{color:#666}.status-badge{font-size:14px;padding:6px 12px}.status-badge.yellow{background:#fef3c7;color:#d97706}.status-badge.green{background:#d1fae5;color:#059669}.status-badge.red{background:#fee2e2;color:#dc2626}.payment-amount{color:#2563eb;font-size:1.5rem;font-weight:700}.detail-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{color:#333;font-size:14px;font-weight:600}.detail-item span{color:#666}.approval-details,.payment-notes,.payment-proof,.rejection-details{margin-bottom:20px}.approval-details label,.payment-notes label,.payment-proof label,.rejection-details label{color:#333;display:block;font-weight:600;margin-bottom:8px}.payment-notes p,.rejection-details p{color:#666;line-height:1.6}.proof-link{color:#2563eb;font-weight:600;text-decoration:none}.proof-link:hover{text-decoration:underline}.payment-actions{border-top:1px solid #e1e5e9;padding-top:20px}.approved-note,.pending-note,.rejected-note{border-radius:8px;margin-bottom:15px;padding:15px}.pending-note{background:#fef3c7;color:#d97706}.approved-note{background:#d1fae5;color:#059669}.rejected-note{background:#fee2e2;color:#dc2626}.approved-actions,.rejected-actions{display:flex;flex-wrap:wrap;gap:15px}.help-section{margin:0 auto;max-width:800px;text-align:center}.help-section h3{color:#333;font-size:1.8rem;margin-bottom:30px}.help-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.help-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;text-align:left}.help-card h4{color:#333;font-size:1.1rem;margin-bottom:10px}.help-card p{color:#666;line-height:1.5}.help-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-outline{background:#0000;border:2px solid #2563eb;color:#2563eb}.btn-outline:hover{background:#2563eb;color:#fff}.payment-approval{padding:40px 0}.approval-stats{margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;margin:0 auto;max-width:300px;padding:30px}.stat-card h3{color:#2563eb;font-size:3rem;margin-bottom:10px}.stat-card p{color:#666;font-size:1.1rem}.payments-list{margin:0 auto;max-width:1000px}.payment-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;padding:30px}.payment-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.user-info h4{color:#333;font-size:1.2rem;margin-bottom:5px}.user-info p{color:#666}.payment-amount{text-align:right}.payment-amount .amount{color:#2563eb;display:block;font-size:1.8rem;font-weight:700}.payment-amount .level{color:#666;font-size:14px}.payment-details{margin-bottom:25px}.payment-actions{display:flex;gap:15px;justify-content:flex-end}.modal{padding:0}.modal-header{padding:25px 30px}.modal-header h3{font-size:1.5rem}.modal-close{color:#666;height:30px;width:30px}.modal-close:hover{color:#333}.modal-content{padding:30px}.payment-summary{background:#f8fafc;border-radius:8px;margin-bottom:25px;padding:20px}.payment-summary p{color:#555;margin-bottom:8px}.payment-summary strong{color:#333}.modal-actions{gap:15px;padding-top:20px}@media (max-width:768px){.form-row,.methods-grid,.notes-grid,.steps-flow{grid-template-columns:1fr}.form-actions{flex-direction:column}.payment-timeline-item{flex-direction:column;gap:20px}.timeline-marker{flex-direction:row;gap:20px}.timeline-line{height:2px;margin-left:10px;margin-top:0;width:100px}.detail-grid{grid-template-columns:1fr}.payment-header{align-items:flex-start;flex-direction:column;gap:15px}.payment-amount{text-align:left}.payment-actions{justify-content:flex-start}.help-cards{grid-template-columns:1fr}.help-actions{flex-direction:column}}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:16px;margin-right:8px;width:16px}.loading-spinner-large{animation:spin .8s linear infinite;border:4px solid #2563eb;border-radius:50%;border-top-color:#0000;height:40px;margin:0 auto 20px;width:40px}.submit-loading-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.submit-loading-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.submit-loading-content h3{color:#2563eb;font-size:24px;margin:0 0 10px}.submit-loading-content p{color:#64748b;font-size:16px;line-height:1.5;margin:0}.question-image{margin:20px 0}.question-image img{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:300px;max-width:100%}.essay-answer textarea{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.6;padding:15px;resize:vertical;width:100%}.fill-blank{font-size:18px;line-height:1.8}.blank-input{border:2px solid #2563eb;border-radius:4px;display:inline-block;font-size:16px;margin:0 5px;padding:8px 12px;width:150px}.matching{margin:20px 0}.matching-columns{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.column{background:#f8f9fa;border-radius:8px;padding:20px}.column h4{color:#333;font-weight:600;margin-bottom:15px}.matching-item{background:#fff;border:1px solid #e1e5e9;border-radius:4px;cursor:pointer;display:block;margin:5px 0;padding:10px;transition:all .2s ease}.matching-item:hover{background:#f0f7ff;border-color:#2563eb}.matching-item input{margin-right:10px}.exam-list{padding:40px 0}.exams-header{margin-bottom:40px;text-align:center}.exams-header h2{color:#333;font-size:2rem;margin-bottom:10px}.exams-header p{color:#666;font-size:1.1rem}.exams-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 50px;max-width:1200px}.exam-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px;transition:transform .3s ease}.exam-card:hover{transform:translateY(-5px)}.exam-header{margin-bottom:20px}.exam-header h3{color:#333;font-size:1.4rem;line-height:1.4;margin-bottom:10px}.exam-meta{display:flex;flex-wrap:wrap;gap:15px}.exam-meta span{align-items:center;color:#666;display:flex;font-size:14px;gap:5px}.exam-details{margin-bottom:20px}.exam-details .detail-item{border-bottom:1px solid #f3f4f6;padding:8px 0}.exam-details .detail-item:last-child{border-bottom:none}.difficulty-badge{font-size:12px;font-weight:600;text-transform:uppercase}.exam-description{margin-bottom:25px}.exam-description p{color:#666;line-height:1.6}.exam-actions{margin-bottom:20px}.retake-notice{margin-top:10px;text-align:center}.retake-notice small{color:#ef4444;font-weight:600}.exam-footer{border-top:1px solid #e1e5e9;padding-top:20px}.exam-tips h4{color:#333;font-size:1rem;margin-bottom:10px}.exam-tips ul{margin:0;padding-left:20px}.exam-tips li{color:#666;font-size:14px;margin-bottom:5px}.exam-instructions h3{color:#333;font-size:1.8rem;margin-bottom:30px}.instructions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.instruction-item{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;text-align:left}.instruction-icon{font-size:32px;margin-bottom:15px;text-align:center}.instruction-item h4{color:#333;font-size:1.1rem;margin-bottom:10px;text-align:center}.instruction-item p{color:#666;font-size:14px;line-height:1.5}.exam-taking{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.exam-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.exam-info h2{color:#333;font-size:1.5rem;margin:0}.timer .time-remaining{background:#f3f4f6;border-radius:6px;color:#333;font-family:monospace;font-size:1.2rem;font-weight:700;padding:8px 16px}.timer .time-remaining.warning{animation:pulse 2s infinite;background:#fef3c7;color:#d97706}.question-nav{text-align:center}.question-indicator{color:#666;font-size:1.1rem;font-weight:600}.exam-content{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:200px 1fr;margin:0 auto;max-width:1200px;padding:30px;width:100%}.question-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:100px}.question-sidebar h4{color:#333;font-size:1.1rem;margin-bottom:20px}.question-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.question-btn{aspect-ratio:1;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.question-btn:hover{border-color:#2563eb;transform:translateY(-2px)}.question-btn.answered{background:#2563eb;border-color:#2563eb;color:#fff}.question-btn.unanswered{background:#fff;color:#666}.question-btn.current{border-color:#2563eb;border-width:3px;transform:scale(1.1)}.legend{display:flex;flex-direction:column;gap:8px}.legend-item{align-items:center;display:flex;font-size:12px;gap:8px}.legend-color{border:2px solid #e1e5e9;border-radius:4px;height:16px;width:16px}.legend-color.answered{background:#2563eb;border-color:#2563eb}.legend-color.unanswered{background:#fff}.legend-color.current{background:#fff;border-color:#2563eb;border-width:3px}.question-main{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.question-card{margin-bottom:30px}.question-header{border-bottom:2px solid #e1e5e9;margin-bottom:25px;padding-bottom:15px}.question-number{color:#666;font-size:1.1rem}.question-marks{color:#2563eb;font-size:1rem}.question-text h3{color:#333;font-size:1.3rem;line-height:1.6}.answer-options,.question-text h3{margin-bottom:30px}.option-label{align-items:flex-start;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:15px;transition:all .2s ease}.option-label:hover{background:#f8fafc;border-color:#2563eb}.option-label input[type=radio]{margin-top:2px}.option-text{color:#333;line-height:1.5}.short-answer textarea{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:16px;padding:15px;resize:vertical;transition:border-color .2s ease;width:100%}.short-answer textarea:focus{border-color:#2563eb;outline:none}.question-navigation{align-items:center;border-top:1px solid #e1e5e9;display:flex;justify-content:space-between;padding-top:20px}.nav-info{color:#666;font-size:14px;font-weight:600}.exam-start{padding:40px 0}.exam-instructions{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:40px;text-align:center}.exam-instructions h1{color:#333;font-size:2rem;margin-bottom:30px}.exam-details{grid-gap:20px;background:#f8fafc;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px;padding:25px}.exam-details .detail-item{align-items:center;display:flex;justify-content:space-between}.exam-details label{color:#333;font-weight:600}.exam-details span{color:#2563eb;font-weight:700}.instructions{margin-bottom:30px;text-align:left}.instructions h3{color:#333;font-size:1.3rem;margin-bottom:15px}.instructions ul{padding-left:20px}.instructions li{color:#666;line-height:1.6;margin-bottom:10px}.exam-warnings{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:30px;padding:20px}.exam-warnings h3{color:#d97706;margin-bottom:10px}.exam-warnings p{color:#92400e;margin:0}.exam-results{padding:40px 0}.result-header{margin-bottom:40px;text-align:center}.result-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.exam-title{color:#666;font-size:1.3rem}.result-summary{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:40px}.score-display{gap:20px}.score-circle,.score-display{align-items:center;display:flex;flex-direction:column}.score-circle{border:8px solid #e1e5e9;border-radius:50%;height:150px;justify-content:center;text-align:center;width:150px}.score-percentage{font-size:2.5rem;font-weight:700;line-height:1}.score-label{color:#666;font-size:14px;letter-spacing:1px;text-transform:uppercase}.status-badge{text-align:center}.status-badge .failed,.status-badge .passed{align-items:center;border-radius:25px;display:flex;font-size:1.1rem;font-weight:700;gap:8px;letter-spacing:1px;padding:12px 24px;text-transform:uppercase}.status-badge .passed{background:#d1fae5;color:#059669}.status-badge .failed{background:#fee2e2;color:#dc2626}.performance-level{text-align:center}.performance-level h3{color:#333;font-size:1.2rem;margin-bottom:10px}.level-text{font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.result-details{margin-bottom:40px}.detail-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.detail-card h4{color:#333;font-size:1.2rem;margin-bottom:20px}.detail-card .detail-item{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-card .detail-item:last-child{border-bottom:none}.detail-card label{color:#333;font-weight:600}.detail-card span{color:#666}.answer-review{margin:0 auto 40px;max-width:1000px}.answer-review h3{color:#333;font-size:1.5rem;margin-bottom:30px}.questions-review{display:flex;flex-direction:column;gap:25px}.question-review{background:#fff;border-left:4px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.question-review.correct{border-left-color:#10b981}.question-review.incorrect{border-left-color:#ef4444}.question-review .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.question-number{color:#333;font-weight:600}.question-status{font-size:14px;font-weight:600}.question-marks{color:#666;font-weight:600}.question-content h4{color:#333;font-size:1.1rem;line-height:1.5;margin-bottom:20px}.answer-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.correct-answer label,.your-answer label{color:#333;display:block;font-weight:600;margin-bottom:8px}.answer-text{background:#f8fafc;border-radius:6px;font-weight:500;padding:10px 15px}.result-actions{margin:0 auto;max-width:800px;text-align:center}.action-buttons{flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.recommendations{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.recommendations h3{color:#333;font-size:1.3rem;margin-bottom:20px}.recommendation{border-radius:8px;margin-bottom:0;padding:20px}.recommendation.success{background:#d1fae5;color:#059669}.recommendation.improvement{background:#fef3c7;color:#92400e}.exam-mode.active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.exam-mode.active *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.subscription-required{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:500px;padding:60px 20px;text-align:center}.subscription-required h3{color:#333;font-size:1.5rem;margin-bottom:15px}.subscription-required p{color:#666;margin-bottom:25px}@media (max-width:768px){.exam-content,.exam-details,.exams-grid,.instructions-grid{grid-template-columns:1fr}.exam-content{padding:20px}.question-sidebar{margin-bottom:20px;position:static}.question-grid{grid-template-columns:repeat(6,1fr)}.question-header{align-items:flex-start;flex-direction:column;gap:10px}.question-navigation{flex-direction:column;gap:15px}.result-summary{flex-direction:column;gap:30px}.score-circle{height:120px;width:120px}.score-percentage{font-size:2rem}.answer-comparison,.detail-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.ai-assistant-container{bottom:30px;position:fixed;right:30px;z-index:1000}.ai-assistant-button{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:60px;box-shadow:0 6px 25px #4ade8066;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:16px 24px;text-decoration:none;transform:scale(1.1);transition:all .3s ease}.ai-assistant-button:hover{box-shadow:0 8px 35px #4ade8080;transform:scale(1.15) translateY(-3px)}.ai-assistant-button:disabled{background:#9ca3af;box-shadow:0 4px 15px #9ca3af4d;cursor:not-allowed;transform:scale(1.05)}.ai-assistant-button svg{height:28px;width:28px}.ai-assistant-button .label{font-size:16px}.ai-assistant-fab{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:50px;box-shadow:0 4px 20px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.ai-assistant-fab:hover{box-shadow:0 6px 30px #2563eb66;transform:translateY(-2px)}.ai-assistant-fab:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.ai-assistant-fab .icon{font-size:18px}.ai-assistant-fab .label{font-size:14px}.ai-assistant-disabled{bottom:20px;position:fixed;right:20px;z-index:1000}.disabled-message{align-items:center;background:#6b7280;border-radius:50px;box-shadow:0 4px 20px #6b72804d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.disabled-message .icon{font-size:18px}.ai-assistant-exam-mode{bottom:20px;position:fixed;right:20px;z-index:1000}.exam-mode-message{align-items:center;animation:pulse-exam 2s infinite;background:#ef4444;border-radius:50px;box-shadow:0 4px 20px #ef44444d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}@keyframes pulse-exam{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.exam-mode-message .icon{font-size:18px}.ai-assistant-chat{animation:slideUp .3s ease;background:#fff;border-radius:16px;bottom:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:600px;overflow:hidden;position:fixed;right:20px;width:380px}.ai-assistant-chat.fullscreen{border-radius:0;bottom:0;height:100vh;right:0;width:100vw}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chat-header{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header-actions{gap:8px}.fullscreen-button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s ease}.fullscreen-button:hover{background:#ffffff1a}.header-info{display:flex;flex-direction:column;gap:4px}.header-info .title{font-size:16px;font-weight:600}.header-info .status{align-items:center;display:flex;font-size:12px;gap:4px;opacity:.9}.close-button{border-radius:50%;color:#fff;transition:background-color .2s ease}.close-button:hover{background:#ffffff1a}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{display:flex;gap:12px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.ai{align-self:flex-start;text-align:left}.message-content{display:flex;flex-direction:column;gap:4px}.message .text{word-wrap:break-word;border-radius:16px;line-height:1.5;padding:12px 16px}.message.user .text{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.message.ai .text{background:#f3f4f6;border-bottom-left-radius:4px;color:#333}.message .timestamp{color:#6b7280;font-size:11px;padding:0 8px}.message.user .timestamp{text-align:right}.message.ai .timestamp{text-align:left}.message.typing .message-content{padding:12px 16px}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#6b7280;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-suggestions{padding:0 20px 20px}.suggestions-title{color:#6b7280;font-size:14px;margin-bottom:12px;text-align:center}.suggestions-grid{display:flex;flex-direction:column;gap:8px}.suggestion-btn{background:#f8fafc;border:1px solid #e1e5e9;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;transition:all .2s ease}.suggestion-btn:hover{background:#e5e7eb;border-color:#d1d5db}.chat-input{border-top:1px solid #e1e5e9;padding:16px 20px}.input-container{align-items:center;display:flex;gap:12px}.input-container input{border:1px solid #e1e5e9;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease}.input-container input:focus{border-color:#2563eb}.input-container input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.send-button{align-items:center;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s ease;width:36px}.send-button:hover:not(:disabled){background:#1d4ed8}.send-button:disabled{background:#9ca3af;cursor:not-allowed}.send-button .icon{font-size:16px}.unavailable-message{color:#ef4444;font-size:12px;padding:8px;text-align:center}@media (max-width:480px){.ai-assistant-chat{bottom:20px;height:calc(100vh - 40px);left:20px;right:20px;width:calc(100vw - 40px)}.ai-assistant-chat.fullscreen{bottom:0;height:100vh;left:0;right:0;width:100vw}.ai-assistant-disabled,.ai-assistant-exam-mode,.ai-assistant-fab{bottom:20px;left:auto;position:fixed;right:20px}}@media (max-width:768px){.ai-assistant-chat{border-radius:0;bottom:0;height:100%;left:0;right:0;width:100%}.chat-header{border-radius:0}.chat-messages{padding:16px}.message{max-width:90%}.ai-assistant-fab{display:none}}.tab-navigation{background:var(--color-background-white);border-bottom:2px solid var(--color-primary-pale);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 2px 8px #4ade801a;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg) 0}.tab-btn,.tab-navigation{display:flex;gap:var(--spacing-sm)}.tab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:.875rem;padding:var(--spacing-md) var(--spacing-lg);position:relative}.tab-btn:hover{background:var(--color-primary-pale);color:var(--color-primary)}.tab-btn.active{border-bottom-color:var(--color-primary-dark);color:var(--color-background-white)}.tab-icon{font-size:1.1rem}.tab-label{font-weight:var(--font-weight-semibold)}.error-banner{align-items:center;animation:slideDown .3s ease;background:var(--color-error);border-radius:var(--radius-md);color:var(--color-background-white);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.error-message{flex:1 1;font-weight:var(--font-weight-medium)}.error-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-background-white);cursor:pointer;font-size:1.5rem;padding:var(--spacing-xs);transition:background-color var(--transition-base)}.error-close:hover{background:#fff3}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.tab-content{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade8014;padding:var(--spacing-2xl)}.tab-header{align-items:center;border-bottom:1px solid var(--color-primary-pale);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.tab-header h2{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0}.btn-icon{font-size:1.1rem;margin-right:var(--spacing-xs)}.video-card{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-slow)}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.video-header h3{color:var(--color-dark-slate);font-size:1.125rem;margin:0}.video-duration,.video-header h3{font-weight:var(--font-weight-semibold)}.video-duration{background:#f59e0b;border-radius:var(--radius-xl);color:var(--color-background-white);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.video-info{margin-bottom:var(--spacing-lg)}.video-info p{color:var(--color-text-secondary);line-height:1.5;margin:var(--spacing-sm) 0}.video-actions{display:flex;gap:var(--spacing-sm)}.exam-card{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-slow)}.exam-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.exam-header h3{color:var(--color-dark-slate);font-size:1.125rem;margin:0}.exam-duration,.exam-header h3{font-weight:var(--font-weight-semibold)}.exam-duration{background:#8b5cf6;border-radius:var(--radius-xl);color:var(--color-background-white);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.exam-info{margin-bottom:var(--spacing-lg)}.exam-info p{color:var(--color-text-secondary);line-height:1.5;margin:var(--spacing-sm) 0}.exam-actions{display:flex;gap:var(--spacing-sm)}.no-content{background:var(--color-background-white);border:2px dashed var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 2px 8px #4ade800d;padding:var(--spacing-3xl)}.no-content-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-content h3{color:var(--color-text-secondary);font-size:1.25rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.no-content p{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xl)}.paper-card{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 2px 8px #4ade800d;overflow:hidden;transition:all var(--transition-slow)}.paper-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade801f;transform:translateY(-4px)}.paper-header{align-items:flex-start;border-bottom:1px solid var(--color-primary-pale);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.paper-header h3{color:var(--color-dark-slate);font-size:1.25rem;line-height:1.4;margin-bottom:var(--spacing-sm)}.paper-header h3,.paper-type{font-weight:var(--font-weight-semibold)}.paper-type{border-radius:var(--radius-xl);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.paper-type.past_paper{background:var(--color-primary-pale);color:var(--color-primary)}.paper-type.mock_exam{background:var(--color-warning);color:var(--color-background-white)}.paper-type.revision{background:var(--color-success);color:var(--color-background-white)}.paper-info{padding:var(--spacing-xl)}.paper-info p{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm)}.paper-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xl)}.paper-actions,.paper-footer{border-top:1px solid var(--color-primary-pale)}.paper-footer{background:var(--color-background-lighter);padding:var(--spacing-md) var(--spacing-xl)}.paper-footer small{color:var(--color-text-muted);font-size:.75rem}.form-control{font-family:inherit;padding:12px}.modal{border-radius:12px;box-shadow:0 20px 40px #00000026}.modal-header{padding:24px 24px 16px}.modal-header h3{color:#333;font-size:1.3rem}.modal-close{border-radius:4px;color:#6b7280;font-size:24px;padding:4px;transition:background-color .2s ease}.modal-close:hover{background:#f3f4f6}.modal-content{padding:24px}.modal-actions{border-top:1px solid #e1e5e9;gap:12px;margin-top:24px;padding-top:16px}.admin-layout{background:var(--color-background-lighter);min-height:100vh}.admin-layout,.admin-sidebar{display:flex;position:relative}.admin-sidebar{background:var(--color-background-white);box-shadow:2px 0 10px #0000001a;flex-direction:column;flex-shrink:0;height:100vh;left:0;overflow:hidden;top:0;transform:translateX(0);transition:transform .3s ease;width:280px;z-index:1000}.admin-sidebar.closed{position:absolute;transform:translateX(-100%)}.sidebar-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg)}.sidebar-header h2{color:var(--color-dark-slate);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0}.sidebar-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:none;font-size:1.25rem;padding:var(--spacing-xs);transition:background-color var(--transition-base)}.sidebar-toggle:hover{background:var(--color-background-lighter)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg) 0}.nav-item{margin-bottom:var(--spacing-xs)}.nav-link{align-items:center;border-left:3px solid #0000;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-base)}.nav-link.active,.nav-link:hover{background:var(--color-primary-pale)}.nav-link.active{border-left-color:var(--color-primary);color:var(--color-primary)}.nav-icon{align-items:center;display:flex;justify-content:center}.nav-icon,.nav-icon svg{height:20px;width:20px}.nav-label{font-size:.875rem;font-weight:var(--font-weight-medium)}.sub-nav{background:var(--color-background-lighter);display:none;margin-top:var(--spacing-xs)}.nav-item:hover .sub-nav{display:block}.sub-nav-link{color:var(--color-text-secondary);display:block;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 56px;text-decoration:none;transition:all var(--transition-base)}.sub-nav-link.active,.sub-nav-link:hover{background:var(--color-primary-pale);color:var(--color-primary)}.sidebar-footer{border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--spacing-lg)}.back-to-app{border-radius:var(--radius-sm);color:var(--color-text-secondary);display:block;font-size:.875rem;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:all var(--transition-base)}.back-to-app:hover{background:var(--color-primary-pale);color:var(--color-primary)}.admin-main{display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.admin-header{align-items:center;background:var(--color-background-white);box-shadow:0 2px 10px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header h1{font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0}.mobile-sidebar-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:none;font-size:1.25rem;padding:var(--spacing-xs);transition:background-color var(--transition-base)}.mobile-sidebar-toggle:hover{background:var(--color-background-lighter)}.header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.admin-badge{background:var(--color-primary);border-radius:var(--radius-xl);color:var(--color-background-white);font-size:.75rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.admin-content{flex:1 1;min-height:calc(100vh - 120px);overflow-y:auto;padding:var(--spacing-2xl)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.admin-dashboard{margin:0 auto;max-width:1400px}.admin-header{margin-bottom:var(--spacing-3xl);text-align:center}.admin-header h1{color:var(--color-dark-slate);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.admin-header p{color:var(--color-text-secondary);font-size:1.125rem}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-3xl)}.stat-card{align-items:center;border:1px solid var(--color-primary-pale);box-shadow:0 4px 20px #00000014;display:flex;gap:var(--spacing-md)}.stat-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade8026;transform:translateY(-8px)}.stat-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all var(--transition-base);width:60px}.stat-card:hover .stat-icon{background:var(--color-primary);color:var(--color-background-white);transform:scale(1.05)}.stat-icon svg{height:24px;width:24px}.stat-content h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-content p{color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.quick-actions{margin-bottom:var(--spacing-3xl)}.quick-actions h2{color:var(--color-dark-slate);font-size:1.8rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2xl);text-align:center}.actions-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{align-items:center;background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-xl);box-shadow:0 4px 20px #4ade8014;color:inherit;display:flex;flex-direction:column;padding:var(--spacing-2xl);text-align:center;text-decoration:none;transition:all var(--transition-slow)}.action-card:hover{border-color:var(--color-primary-light);box-shadow:0 8px 30px #4ade8026;transform:translateY(-8px)}.action-icon{align-items:center;background:var(--color-primary-pale);border-radius:var(--radius-xl);color:var(--color-primary);display:flex;height:80px;justify-content:center;margin-bottom:var(--spacing-lg);transition:all var(--transition-base);width:80px}.action-card:hover .action-icon{background:var(--color-primary);color:var(--color-background-white);transform:scale(1.05)}.action-icon svg{height:32px;width:32px}.action-card h3{color:var(--color-dark-slate);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.action-card p{color:var(--color-text-secondary);line-height:1.5}.recent-activity{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.activity-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.activity-section h2{color:#333;font-size:1.3rem;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s ease}.activity-item:hover{background:#f1f5f9}.activity-info h4{color:#333;font-size:1rem;margin-bottom:5px}.activity-info p{color:#666;font-size:14px;margin-bottom:5px}.activity-meta{color:#9ca3af;font-size:12px}.activity-status{text-align:right}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.payment_pending{background:#fef3c7;color:#d97706}.status-badge.unpaid{background:#fee2e2;color:#dc2626}.status-badge.expired{background:#f3f4f6;color:#6b7280}.user-management{margin:0 auto;max-width:1200px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#333;font-size:2rem;margin-bottom:5px}.page-header p{color:#666}.filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.filter-group{flex:1 1;min-width:200px}.filter-select,.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 15px;transition:border-color .2s ease;width:100%}.filter-select:focus,.search-input:focus{border-color:#2563eb;outline:none}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8fafc;border-bottom:2px solid #e1e5e9;color:#333;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #f3f4f6;padding:15px}.user-info{align-items:center;gap:12px}.user-avatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-name{color:#333;font-weight:600}.user-role{color:#666;font-size:12px}.level-badge{background:#eff6ff;border-radius:4px;color:#2563eb;font-size:12px;font-weight:600;padding:4px 8px}.action-buttons{display:flex;gap:8px}.btn-sm{font-size:12px;padding:6px 12px}.btn-danger{border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background-color .2s ease}.no-results{color:#666;padding:40px;text-align:center}.modal-overlay{background:#0009;z-index:9999}.modal{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0003;max-width:600px}.modal-large{max-width:800px}.modal-header{flex-shrink:0;padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-lg)}.modal-close{border-radius:var(--radius-sm);height:32px;padding:var(--spacing-xs);transition:all var(--transition-base);width:32px}.modal-close:hover{background:var(--color-background-lighter);color:var(--color-text-primary)}.modal-content{overflow-y:auto;padding:var(--spacing-2xl)}.modal-actions{flex-shrink:0;margin-top:var(--spacing-xl)}.form-control{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;padding:10px 15px;transition:border-color .2s ease}.form-control:focus{border-color:#2563eb}.form-group{margin-bottom:20px}.form-group label{color:#333;font-weight:600;margin-bottom:8px}.form-row{grid-gap:20px;gap:20px}.user-details{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:20px}.user-details h4{color:#333;margin-bottom:10px}.user-details p{color:#666;margin-bottom:5px}.content-management{margin:0 auto;max-width:1200px}.exams-grid,.papers-grid,.videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.exam-card,.paper-card,.video-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease}.exam-card:hover,.paper-card:hover,.video-card:hover{transform:translateY(-5px)}.exam-header,.paper-header,.video-header{align-items:flex-start;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:20px}.exam-header h3,.paper-header h3,.video-header h3{color:#333;font-size:1.2rem;line-height:1.4;margin-bottom:5px}.exam-status,.paper-type{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.paper-type.past_paper{background:#dbeafe;color:#1d4ed8}.paper-type.mock_exam{background:#fef3c7;color:#d97706}.exam-status,.paper-type.revision{background:#d1fae5;color:#059669}.exam-info,.paper-info,.video-info{padding:20px}.exam-info p,.paper-info p,.video-info p{color:#666;font-size:14px;margin-bottom:8px}.video-description{line-height:1.5;margin-bottom:15px}.video-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.meta-item{background:#f3f4f6;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.video-thumbnail{height:180px;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-duration{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;position:absolute;right:8px}.exam-actions,.paper-actions,.video-actions{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.exam-footer,.paper-footer,.video-footer{background:#f8fafc;border-top:1px solid #e1e5e9;padding:15px 20px}.no-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:60px 20px;text-align:center}.no-content h3{color:#333;font-size:1.5rem;margin-bottom:15px}.no-content p{color:#666;margin-bottom:25px}.thumbnail-preview{margin-bottom:20px}.preview-image{border:2px solid #e1e5e9;border-radius:8px;height:120px;object-fit:cover;width:200px}.questions-builder{border:1px solid #e1e5e9;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:20px}.question-item{background:#f8fafc;border-radius:8px;margin-bottom:15px;padding:15px}.question-header{margin-bottom:10px}.question-header span{color:#333;font-weight:600}.question-content p{color:#333;margin-bottom:10px}.question-content ol{margin:0;padding-left:20px}.step-content{min-height:400px}.step-content h4{border-bottom:2px solid #e1e5e9;color:#333;font-size:1.3rem;margin-bottom:25px;padding-bottom:15px}.add-question-form{background:#f8fafc;border-radius:8px;margin-top:20px;padding:20px}.add-question-form h5{color:#333;font-size:1.1rem;margin-bottom:15px}.options-group{margin-bottom:15px}.option-input{margin-bottom:10px}.error-message{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:15px;padding:10px}.notification-container{display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;animation:slideInRight .3s ease;border:1px solid #0000;border-radius:var(--radius-md);box-shadow:0 8px 25px #00000026;display:flex;gap:var(--spacing-sm);max-width:400px;min-width:300px;padding:var(--spacing-md) var(--spacing-lg);pointer-events:all}.notification-error{background:var(--color-error);border-color:var(--color-error-dark);color:var(--color-background-white)}.notification-success{background:var(--color-success);border-color:var(--color-success-dark);color:var(--color-background-white)}.notification-icon{flex-shrink:0;font-size:1.1rem;font-weight:var(--font-weight-bold)}.notification-message{flex:1 1;font-weight:var(--font-weight-medium);line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-background-white);cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:24px;justify-content:center;padding:var(--spacing-xs);transition:background-color var(--transition-base);width:24px}.notification-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification.removing{animation:slideOutRight .3s ease}.modal-large{max-height:90vh;max-width:900px;width:90%}.exam-info-summary{grid-gap:var(--spacing-sm);background:var(--color-background-lighter);border-radius:var(--radius-md);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.exam-info-summary p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.exam-info-summary strong{color:var(--color-text-primary)}.questions-section{margin-bottom:var(--spacing-2xl)}.questions-section h4{color:var(--color-dark-slate);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.questions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.question-item{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.question-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.question-header{background:var(--color-background-lighter);border-bottom:1px solid var(--color-primary-pale);min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.question-number{color:var(--color-primary)}.question-meta{align-items:center;display:flex;gap:var(--spacing-sm)}.question-type{background:var(--color-primary);text-transform:uppercase}.question-marks,.question-type{border-radius:var(--radius-sm);color:var(--color-background-white);font-size:.75rem;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm)}.question-marks{background:var(--color-success)}.question-content{padding:var(--spacing-md)}.question-text{color:var(--color-text-primary);font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1.4;margin-bottom:var(--spacing-sm)}.question-options{flex-direction:column;margin-bottom:var(--spacing-sm)}.option,.question-options{display:flex;gap:var(--spacing-xs)}.option{align-items:center;border:1px solid var(--color-border);transition:all var(--transition-base)}.option.correct{background:var(--color-success-pale);border-color:var(--color-success)}.option-label{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);min-width:20px}.option-text{color:var(--color-text-primary);flex:1 1}.correct-indicator{color:var(--color-success);font-weight:var(--font-weight-bold)}.true-false-answer{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.answer-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.answer-value{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.short-answer-answer{background:var(--color-background-lighter);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.short-answer-text{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem;font-style:italic;line-height:1.3;padding:var(--spacing-xs)}.form-help-text{color:var(--color-text-muted);display:block;font-size:.8rem;font-style:italic;margin-top:var(--spacing-xs)}.question-actions{background:var(--color-background-lighter);border-top:1px solid var(--color-primary-pale);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.no-questions{background:var(--color-background-white);border:2px dashed var(--color-primary-pale);border-radius:var(--radius-lg);padding:var(--spacing-3xl);text-align:center}.no-questions-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-questions h4{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.no-questions p{color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--spacing-xl)}.add-question-section{background:var(--color-background-lighter);border:1px solid var(--color-primary-pale);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.add-question-section h4{color:var(--color-dark-slate);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.options-inputs{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-upload-section{margin-top:var(--spacing-sm)}.image-preview{display:inline-block;position:relative}.preview-image{border:2px solid var(--color-primary-pale);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:300px;max-width:100%}.true-false-answer{align-items:center;background:var(--color-background-lighter);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.question-img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:250px;max-width:100%}.question-image,.question-img{margin-bottom:var(--spacing-sm)}.question-image{text-align:center}.remove-image-btn{background:#dc2626e6;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:background-color var(--transition-base)}.remove-image-btn:hover{background:#dc2626}.image-upload-area{border:2px dashed var(--color-primary-pale);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base)}.image-upload-area:hover{background:var(--color-primary-pale);border-color:var(--color-primary-light)}.image-input{display:none}.image-upload-label{cursor:pointer;display:block}.upload-icon{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.6}.upload-text p{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.upload-text small{color:var(--color-text-muted);font-size:.8rem}.question-form-actions{border-top:1px solid var(--color-primary-pale);display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}@media (max-width:1024px){.admin-sidebar{position:fixed;transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.sidebar-toggle{display:block}.admin-main{margin-left:0}.mobile-sidebar-toggle{display:block}.sidebar-overlay{display:none}.sidebar-overlay.show{display:block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.recent-activity{grid-template-columns:1fr}.exams-grid,.papers-grid,.videos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modal-overlay{padding:var(--spacing-md)}.modal{max-height:95vh;width:95%}}@media (max-width:768px){.admin-content{padding:var(--spacing-lg)}.page-header{align-items:flex-start;gap:var(--spacing-md)}.filters,.page-header{flex-direction:column}.filter-group{min-width:auto}.users-table-container{overflow-x:auto}.form-row{gap:0;grid-template-columns:1fr}.exams-grid,.papers-grid,.videos-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.modal-header{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-md)}.modal-content{padding:var(--spacing-xl)}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.modal-actions .btn{width:100%}.tab-navigation{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-btn{flex:1 1;font-size:.75rem;min-width:120px;padding:var(--spacing-sm) var(--spacing-md)}.tab-icon{display:none}}@media (max-width:480px){.notification-container{left:10px;right:10px;top:10px}.notification{max-width:none;min-width:auto;width:100%}.admin-content{padding:var(--spacing-md)}.admin-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-overlay{padding:var(--spacing-sm)}.modal{border-radius:0;max-height:100vh;width:100%}.modal-header{padding:var(--spacing-md) var(--spacing-lg)}.modal-content{padding:var(--spacing-lg)}.tab-btn{font-size:.7rem;min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.exam-header,.paper-header,.video-header{flex-direction:column;gap:var(--spacing-sm)}.exam-actions,.paper-actions,.video-actions{flex-direction:column}.exam-actions .btn,.paper-actions .btn,.video-actions .btn{width:100%}}.error-boundary{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:20px}.error-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:40px;text-align:center}.error-container .error-icon{font-size:48px;margin-bottom:20px}.error-container h2{color:#333;font-size:1.5rem;margin-bottom:15px}.error-container p{color:#666;line-height:1.5;margin-bottom:25px}.error-details{background:#f8fafc;border:1px solid #e1e5e9;border-radius:8px;margin-top:20px;padding:15px;text-align:left}.error-details summary{color:#2563eb;cursor:pointer;font-weight:600;margin-bottom:10px}.error-details pre{color:#666;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.loading-spinner-container{align-items:center;display:flex;justify-content:center;padding:40px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:15px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#2563eb}.spinner-small{height:20px;width:20px}.spinner-medium{height:40px;width:40px}.spinner-large{height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#666;font-size:14px;font-weight:500}.error-message{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:15px}.error-message.error{border-left:4px solid #dc2626}.error-message.warning{border-left:4px solid #f59e0b}.error-message.info{border-left:4px solid #3b82f6}.error-message.success{border-left:4px solid #10b981}.error-content{align-items:flex-start;display:flex;gap:12px;margin-bottom:15px}.error-icon{flex-shrink:0;font-size:18px}.error-text{flex:1 1}.error-text p{color:#333;line-height:1.5;margin:0}.error-details{color:#666;display:block;font-size:12px;margin-top:5px}.error-actions{display:flex;gap:10px;justify-content:flex-end}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-lg{font-size:1.125rem;padding:var(--spacing-lg) var(--spacing-2xl)}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-background-white)}.btn-secondary:hover{background:var(--color-background-light);box-shadow:var(--shadow-sm)}.btn-danger{background:#dc2626;color:var(--color-background-white)}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-success{background:var(--color-accent);color:var(--color-background-white)}.btn-success:hover{background:#059669;transform:translateY(-1px)}.btn-warning{background:#f59e0b;color:var(--color-background-white)}.btn-warning:hover{background:#d97706;transform:translateY(-1px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-control{background:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:1rem;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1f7a631a;outline:none}.form-control::placeholder,.form-control:disabled{color:var(--color-text-muted)}.form-control:disabled{background:var(--color-background-light);cursor:not-allowed}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-row .form-group:last-child{margin-bottom:0}.card{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-slow)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--color-border)}.card-content,.card-footer,.card-header{padding:var(--spacing-lg)}.card-footer{background:var(--color-background-light);border-top:1px solid var(--color-border)}.modal-overlay{padding:var(--spacing-lg);z-index:2000}.modal{animation:modalSlideIn var(--transition-slow);background:var(--color-background-white);border-radius:var(--radius-lg);max-height:90vh;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.modal-header h3{color:var(--color-dark-slate);font-size:1.25rem;font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:background-color var(--transition-base);width:2rem}.modal-close:hover{background:var(--color-background-light)}.modal-content{padding:var(--spacing-lg)}.modal-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.form-row{grid-template-columns:1fr}.error-container{padding:20px}.modal{margin:10px;max-width:95%}.modal-content,.modal-header{padding:15px}.error-actions{flex-direction:column}.btn{justify-content:center;width:100%}}@media (max-width:480px){.form-group{margin-bottom:var(--spacing-md)}.form-group label{font-size:.875rem;margin-bottom:var(--spacing-xs)}.form-control{font-size:.875rem;padding:var(--spacing-sm)}.btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.error-container{padding:var(--spacing-md)}.modal{margin:5px;max-width:98%}.modal-content,.modal-header{padding:var(--spacing-md)}.modal-header{margin-bottom:var(--spacing-md)}.modal-header h3{font-size:1.125rem}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-light);color:var(--color-text-primary);font-family:var(--font-family-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:1rem;font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-base)}.btn-primary{background-color:var(--color-primary);color:var(--color-background-white)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-background-white);border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-background-light);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.dashboard{background-color:var(--color-background-light);min-height:100vh;overflow-x:hidden;padding:var(--spacing-3xl) 0}.dashboard-grid{box-sizing:border-box;padding:0 var(--spacing-lg);width:100%}@media (max-width:768px){.dashboard-grid{gap:var(--spacing-xl);max-width:100%;padding:0 var(--spacing-md)}}@media (max-width:480px){.dashboard-grid{gap:var(--spacing-lg);max-width:100%;padding:0 var(--spacing-sm)}}.dashboard-header{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;text-align:center}.dashboard-header h1{color:var(--color-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}.dashboard-header p{color:var(--color-text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.dashboard-grid{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr;margin:0 auto;max-width:1200px}.dashboard-card{background:var(--color-background-white);border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000014;box-sizing:border-box;max-width:100%;overflow:hidden;padding:var(--spacing-2xl);transition:all var(--transition-base);width:100%}.dashboard-card:hover{box-shadow:0 20px 60px #0000001f;transform:translateY(-2px)}.dashboard-card h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);text-align:center}.dashboard-card.full-width{grid-column:1/-1}.streak-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.streak-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.streak-card{align-items:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;color:var(--color-background-white);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.streak-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.streak-card.longest{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary))}.streak-card.weekly{background:linear-gradient(135deg,var(--color-success-light),var(--color-success))}.streak-icon{font-size:2rem;opacity:.9}.streak-info h4{font-size:.875rem;margin-bottom:var(--spacing-xs);opacity:.9}.streak-number{display:block;font-size:1.5rem;font-weight:var(--font-weight-bold)}.streak-label{font-size:.75rem;opacity:.8}.progress-bar{background:#ffffff4d;height:8px;margin:var(--spacing-sm) 0;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:var(--color-background-white);height:100%;transition:width var(--transition-base)}.progress-text{font-size:.75rem;opacity:.9}.achievements-section h4{color:var(--color-text-primary)}.badges-grid{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.badge{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-md)}.badge.earned{box-shadow:0 4px 15px #0000001a}.badge.locked{background:var(--color-background-light);color:var(--color-text-secondary);opacity:.6}.badge.earned:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.motivational-quote{align-items:center;background:linear-gradient(135deg,var(--color-background-light),var(--color-background-white));border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000d;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.quote-icon{opacity:.7}.motivational-quote p{color:var(--color-text-secondary);font-size:.95rem}.performance-overview-header h3{margin:0}.performance-summary,.summary-stats{margin-bottom:var(--spacing-xl)}.summary-stats{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;padding:var(--spacing-lg);transition:all var(--transition-base)}.stat-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.stat-card h4{font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.stat-value{display:block;font-size:1.5rem}.recent-exams{margin-top:var(--spacing-xl)}.exam-results-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.exam-result-item{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000001a;padding:var(--spacing-lg);transition:all var(--transition-base)}.exam-result-item:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.exam-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.exam-subject{color:var(--color-text-primary);font-size:1rem;font-weight:var(--font-weight-semibold)}.exam-score{border-radius:var(--radius-md);font-size:1.25rem;font-weight:var(--font-weight-bold);padding:var(--spacing-xs) var(--spacing-sm)}.exam-score.passed{background:var(--color-success);color:var(--color-background-white)}.exam-score.failed{background:var(--color-error);color:var(--color-background-white)}.exam-details{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.exam-date,.exam-details{color:var(--color-text-secondary)}.exam-status{font-weight:var(--font-weight-semibold)}@media (max-width:768px){.dashboard-grid{gap:var(--spacing-xl)}.exam-results-grid,.summary-stats{grid-template-columns:1fr}.exam-header{gap:var(--spacing-sm)}.exam-details,.exam-header{align-items:flex-start;flex-direction:column}.exam-details{gap:var(--spacing-xs)}}@media (max-width:1024px){.dashboard-grid{gap:var(--spacing-xl);padding:0 var(--spacing-md)}.dashboard-card{padding:var(--spacing-xl)}}@media (max-width:768px){.dashboard{overflow-x:hidden;padding:var(--spacing-2xl) 0;width:100%}.dashboard-grid{gap:var(--spacing-xl);max-width:100%;padding:0 var(--spacing-md);width:100%}.dashboard-header{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}.dashboard-header h1{font-size:1.8rem;margin-bottom:var(--spacing-md)}.dashboard-header p{font-size:.95rem;max-width:100%;padding:0}.dashboard-card{border-radius:var(--radius-lg);box-sizing:border-box;max-width:100%;padding:var(--spacing-lg);width:100%}.dashboard-card h3{font-size:1.2rem;margin-bottom:var(--spacing-lg)}.streak-overview{gap:var(--spacing-lg)}.streak-stats{gap:var(--spacing-md);grid-template-columns:1fr}.streak-card{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:center}.streak-icon{font-size:1.5rem}.streak-info h4{font-size:.95rem;margin-bottom:var(--spacing-xs)}.streak-number{font-size:1.3rem}.streak-label{font-size:.85rem}.progress-bar{background-color:#ffffff4d;height:8px;margin-top:var(--spacing-sm)}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{height:100%}.progress-text{font-size:.8rem;margin-top:var(--spacing-xs)}.recent-activity{padding:var(--spacing-lg)}.activity-item{margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.activity-type{font-size:.85rem}.activity-title,.activity-type{margin-bottom:var(--spacing-xs)}.activity-title{font-size:.9rem}.activity-date{font-size:.8rem}.performance-overview{padding:var(--spacing-lg)}.performance-stats{gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{padding:var(--spacing-md);text-align:center}.stat-value{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.85rem}.subjects-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.subject-card{padding:var(--spacing-md);text-align:center}.subject-card h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.subject-card p{font-size:.85rem}}@media (max-width:480px){.dashboard{padding:var(--spacing-xl) 0}.dashboard-grid{gap:var(--spacing-lg);padding:0 var(--spacing-sm)}.dashboard-header{padding:var(--spacing-xs) var(--spacing-sm)}.dashboard-header h1{font-size:1.6rem;margin-bottom:var(--spacing-sm)}.dashboard-header p{font-size:.9rem}.dashboard-card{padding:var(--spacing-md)}.dashboard-card h3{font-size:1.1rem;margin-bottom:var(--spacing-md)}.streak-icon{font-size:1.3rem}.streak-number{font-size:1.2rem}.streak-label{font-size:.8rem}.subjects-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.subject-card{padding:var(--spacing-sm)}.subject-card h3{font-size:.95rem}.subject-card p{font-size:.8rem}}@media (max-width:375px){.dashboard{padding:var(--spacing-lg) 0}.dashboard-grid{gap:var(--spacing-md);padding:0 var(--spacing-xs)}.dashboard-header h1{font-size:1.5rem}.dashboard-header p{font-size:.85rem}.dashboard-card{padding:var(--spacing-sm)}.dashboard-card h3{font-size:1rem}.streak-icon{font-size:1.2rem}.streak-number{font-size:1.1rem}.streak-label{font-size:.75rem}.subjects-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}@media (max-width:768px) and (max-height:600px){.dashboard{padding:var(--spacing-lg) 0}.dashboard-grid{gap:var(--spacing-md)}.dashboard-card{padding:var(--spacing-md)}}.achievements-section{margin-top:var(--spacing-lg)}.achievements-section h4{font-size:1.1rem;margin-bottom:var(--spacing-md);text-align:center}.badges-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.badge{border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;transition:all var(--transition-base)}.badge.earned{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:var(--color-background-white)}.badge.locked{background:var(--color-background-lighter);color:var(--color-text-muted)}.badge-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.badge-name{font-size:.75rem;font-weight:var(--font-weight-medium)}.motivational-quote{background:var(--color-primary-pale);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.quote-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.motivational-quote p{font-size:.9rem;font-style:italic;line-height:1.4;margin:0}.performance-overview-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-lg)}.performance-overview-header h3{flex:1 1;font-size:1.3rem;text-align:center}.performance-overview-header button{font-size:.9rem;min-height:40px;padding:var(--spacing-sm) var(--spacing-md)}.performance-summary{margin-bottom:var(--spacing-lg)}.summary-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.stat-card{background:var(--color-background-lighter);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.stat-card h4{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.stat-value{color:var(--color-primary);font-size:1.3rem;font-weight:var(--font-weight-bold)}@media (max-width:1024px){.hero{background-position:80%}}@media (max-width:768px){.hero{background-position:90%;background-size:cover;min-height:60vh;padding:var(--spacing-2xl) var(--spacing-lg)}.hero-content{max-width:90%;padding-top:var(--spacing-2xl)}.hero h1{font-size:2rem;line-height:1.3;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #0000004d}.hero p{font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-xl)}.hero-buttons{align-items:center;flex-direction:column;gap:var(--spacing-md)}.btn-large{font-size:1rem;max-width:280px;min-height:48px;padding:var(--spacing-md) var(--spacing-2xl);width:100%}.btn-extra-large{font-size:1.1rem;max-width:300px;min-height:52px;padding:var(--spacing-lg) var(--spacing-2xl);width:100%}}@media (max-width:480px){.hero{background-position:95%;min-height:70vh;padding:var(--spacing-xl) var(--spacing-md)}.hero-content{max-width:95%;padding-top:var(--spacing-xl);text-align:center}.hero h1{font-size:1.75rem;line-height:1.2;margin-bottom:var(--spacing-md)}.hero p{font-size:.95rem;margin-bottom:var(--spacing-lg)}.hero-buttons{gap:var(--spacing-sm)}.btn-large{max-width:260px;min-height:48px}.btn-extra-large{max-width:280px;min-height:52px}}@media (max-width:375px){.hero{background-position:98%;min-height:80vh;padding:var(--spacing-lg) var(--spacing-sm)}.hero-content{padding-top:var(--spacing-lg)}.hero h1{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.hero p{font-size:.9rem;margin-bottom:var(--spacing-md)}.btn-large{font-size:.9rem;max-width:240px}.btn-extra-large{font-size:1rem;max-width:260px}}.limited-spots{font-size:.9rem;margin-top:var(--spacing-lg);text-align:center}.features{padding:var(--spacing-2xl) var(--spacing-lg)}.features h2{font-size:1.8rem;margin-bottom:var(--spacing-xl);text-align:center}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.feature-card{padding:var(--spacing-lg);text-align:center}.feature-card h3,.feature-icon{margin-bottom:var(--spacing-md)}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.95rem;line-height:1.4;margin-bottom:var(--spacing-md)}.feature-benefit{background:var(--color-primary-pale);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-sm)}.visual-focus{padding:var(--spacing-2xl) var(--spacing-lg)}.focus-content{text-align:center}.focus-text h2{font-size:1.8rem;line-height:1.3;margin-bottom:var(--spacing-md)}.focus-text p{font-size:1.1rem}.benefits-list,.focus-text p{margin-bottom:var(--spacing-lg)}.benefit-item{align-items:flex-start;display:flex;font-size:.95rem;line-height:1.4;margin-bottom:var(--spacing-md);text-align:left}.benefit-item .check{flex-shrink:0;margin-right:var(--spacing-sm);margin-top:2px}.emphasis{font-size:1.1rem;font-weight:var(--font-weight-semibold)}.why-choose{padding:var(--spacing-2xl) var(--spacing-lg)}.why-choose h2{font-size:1.8rem;margin-bottom:var(--spacing-xl);text-align:center}.reasons-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.reason-item{padding:var(--spacing-lg);text-align:center}.reason-item h3{font-size:1.2rem;line-height:1.3;margin-bottom:var(--spacing-md)}.reason-item p{font-size:.95rem;line-height:1.4}.pricing{padding:var(--spacing-2xl) var(--spacing-lg)}.pricing h2{font-size:1.8rem;margin-bottom:var(--spacing-xl);text-align:center}.pricing-cards{gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;max-width:400px}.pricing-card{padding:var(--spacing-lg);text-align:center}.pricing-card h3{font-size:1.3rem}.price,.pricing-card h3{margin-bottom:var(--spacing-md)}.price .amount{display:block;font-size:2rem;margin-bottom:var(--spacing-xs)}.price .duration{font-size:.9rem}.pricing-description{font-size:.9rem;line-height:1.4;margin-bottom:var(--spacing-lg)}.btn-full{padding:var(--spacing-md) var(--spacing-lg);width:100%}.testimonials{padding:var(--spacing-2xl) var(--spacing-lg)}.testimonials h2{font-size:1.8rem;margin-bottom:var(--spacing-xl)}.testimonials-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.testimonial-card{padding:var(--spacing-lg)}.testimonial-text{font-size:.95rem;line-height:1.4;margin-bottom:var(--spacing-md)}.testimonial-author{align-items:flex-start;display:flex;flex-direction:column}.testimonial-author strong{font-size:.95rem}.testimonial-role{font-size:.85rem;margin-top:var(--spacing-xs)}.guarantee{padding:var(--spacing-2xl) var(--spacing-lg)}.guarantee-content{text-align:center}.guarantee-icon{margin-bottom:var(--spacing-lg)}.guarantee h2{font-size:1.8rem}.guarantee h2,.guarantee p{margin-bottom:var(--spacing-md)}.guarantee p{font-size:.95rem;line-height:1.4}.guarantee-features{margin-bottom:var(--spacing-lg)}.guarantee-feature{align-items:center;display:flex;font-size:.9rem;justify-content:center;margin-bottom:var(--spacing-sm)}.guarantee-feature .checkmark{margin-right:var(--spacing-sm)}.guarantee-closing{font-size:1rem;font-weight:var(--font-weight-semibold)}.cta{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.cta h2{font-size:1.8rem;line-height:1.3;margin-bottom:var(--spacing-md)}.cta p{font-size:1rem;line-height:1.4;margin-bottom:var(--spacing-lg)}.cta .btn-large{max-width:100%;min-height:45px}@media (max-width:768px) and (max-height:500px){.hero{min-height:80vh;padding:var(--spacing-lg) var(--spacing-md)}.hero-content{padding-top:var(--spacing-lg)}.hero h1{font-size:2rem;margin-bottom:var(--spacing-sm)}.hero p{font-size:1rem;margin-bottom:var(--spacing-lg)}}@media (hover:none) and (pointer:coarse){.btn-extra-large,.btn-full,.btn-large{min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.feature-card,.pricing-card,.testimonial-card{transform:none;transition:none}.feature-card:hover,.pricing-card:hover,.testimonial-card:hover{box-shadow:var(--shadow-sm);transform:none}}@supports (-webkit-touch-callout:none){.hero{background-attachment:scroll}.hero h1,.hero p{-webkit-text-stroke:.5px #ffffff4d}}@media (prefers-reduced-motion:reduce){.feature-card,.hero:before,.pricing-card,.testimonial-card{animation:none;transition:none}}@media (max-width:768px){.subject-detail{overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-md);width:100%}.subject-header{margin-bottom:var(--spacing-xl)}.back-link{align-items:center;background:var(--color-background-lighter);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;font-size:.9rem;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base)}.back-link:hover{background:var(--color-primary-pale);color:var(--color-primary)}.subject-info{text-align:center}.subject-details h1{color:var(--color-dark-slate);font-size:2rem;line-height:1.2;margin-bottom:var(--spacing-md)}.subject-details p{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px}.subject-tabs{width:100%}.tab-navigation{flex-direction:column;margin-bottom:var(--spacing-xl)}.tab-button,.tab-navigation{display:flex;gap:var(--spacing-sm);width:100%}.tab-button{align-items:center;background:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-medium);justify-content:center;min-height:50px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base)}.tab-button:hover{background:var(--color-background-lighter);border-color:var(--color-primary-light)}.tab-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-white)}.tab-icon{flex-shrink:0;font-size:1.2rem}.tab-content{overflow-x:hidden;width:100%}}@media (max-width:480px){.subject-detail{padding:var(--spacing-lg) var(--spacing-sm)}.back-link{font-size:.85rem;margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm)}.subject-details h1{font-size:1.8rem}.subject-details p{font-size:.95rem}.tab-navigation{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tab-button{font-size:.9rem;min-height:45px;padding:var(--spacing-sm) var(--spacing-md)}.tab-icon{font-size:1rem}}@media (max-width:768px){.past-papers{overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-md);width:100%}.papers-header{margin-bottom:var(--spacing-xl);text-align:center}.papers-header h2{font-size:1.8rem;margin-bottom:var(--spacing-md)}.papers-header p{color:var(--color-text-secondary);font-size:1rem}.papers-content{width:100%}.year-group{margin-bottom:var(--spacing-xl)}.year-title{color:var(--color-primary);font-size:1.4rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.papers-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.paper-button{align-items:center;background:var(--color-background-white);border:2px solid var(--color-primary-pale);border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;min-height:50px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.paper-button:hover{background:var(--color-primary-pale);border-color:var(--color-primary);transform:none}.paper-button.loading{background:var(--color-background-lighter);border-color:var(--color-text-muted);cursor:not-allowed}.paper-icon{flex-shrink:0;font-size:1.2rem}.paper-title{flex:1 1;font-size:.95rem;font-weight:var(--font-weight-medium);line-height:1.3;margin:0 var(--spacing-md);text-align:left}.download-arrow{flex-shrink:0;font-size:1.2rem;transition:transform var(--transition-base)}.paper-button:hover .download-arrow{transform:translateX(4px)}.loading-text{color:var(--color-text-muted);font-size:.9rem}}@media (max-width:480px){.past-papers{padding:var(--spacing-lg) var(--spacing-sm)}.papers-header h2{font-size:1.6rem}.year-title{font-size:1.3rem;margin-bottom:var(--spacing-md)}.paper-button{min-height:45px;padding:var(--spacing-sm) var(--spacing-md)}.paper-icon{font-size:1rem}.paper-title{font-size:.9rem;margin:0 var(--spacing-sm)}.download-arrow{font-size:1rem}}@media (max-width:768px){.video-lessons{overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-md);width:100%}.coming-soon-container{max-width:100%}.coming-soon-content{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center}.coming-soon-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.coming-soon-content h2{color:var(--color-primary);font-size:1.8rem;margin-bottom:var(--spacing-md)}.coming-soon-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-xl)}.coming-soon-features{display:flex;flex-direction:column;gap:var(--spacing-md)}.feature-item{align-items:center;background:var(--color-background-lighter);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md)}.feature-icon{flex-shrink:0;font-size:1.2rem}.feature-item span:last-child{font-size:.95rem;font-weight:var(--font-weight-medium)}}@media (max-width:480px){.video-lessons{padding:var(--spacing-lg) var(--spacing-sm)}.coming-soon-content{padding:var(--spacing-xl)}.coming-soon-icon{font-size:2.5rem}.coming-soon-content h2{font-size:1.6rem}.coming-soon-content p{font-size:.95rem}.feature-item{padding:var(--spacing-sm)}.feature-icon{font-size:1rem}.feature-item span:last-child{font-size:.9rem}}@media (max-width:768px){.exam-list{overflow-x:hidden;padding:var(--spacing-xl) var(--spacing-md);width:100%}.subscription-required{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);text-align:center}.subscription-required h3{color:var(--color-primary);font-size:1.6rem;margin-bottom:var(--spacing-md)}.subscription-required p{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-xl)}.exams-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.exam-card{background:var(--color-background-white);border:1px solid var(--color-primary-pale);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:var(--spacing-lg);transition:all var(--transition-base);width:100%}.exam-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:none}.exam-header{margin-bottom:var(--spacing-lg)}.exam-title{color:var(--color-dark-slate);font-size:1.3rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-sm)}.exam-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.meta-item{align-items:center;background:var(--color-background-lighter);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:.85rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.exam-details{margin-bottom:var(--spacing-lg)}.detail-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:var(--color-text-secondary);font-size:.9rem;font-weight:var(--font-weight-medium)}.detail-item span{color:var(--color-text-primary);font-size:.9rem}.detail-item span,.difficulty-badge{font-weight:var(--font-weight-semibold)}.difficulty-badge{border-radius:var(--radius-sm);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.exam-description{margin-bottom:var(--spacing-lg)}.exam-description p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.exam-actions{margin-bottom:var(--spacing-lg)}.btn-full{font-size:1rem;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);width:100%}.retake-notice{margin-top:var(--spacing-sm);text-align:center}.retake-notice small{color:var(--color-warning);font-size:.8rem}.exam-footer{background:var(--color-background-lighter);border-radius:var(--radius-sm);padding:var(--spacing-md)}.exam-tips h4{color:var(--color-primary);font-size:1rem;margin-bottom:var(--spacing-sm)}.exam-tips ul{margin:0;padding-left:var(--spacing-lg)}.exam-tips li{color:var(--color-text-secondary);font-size:.85rem;line-height:1.3;margin-bottom:var(--spacing-xs)}.exam-instructions{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.exam-instructions h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:var(--spacing-lg);text-align:center}.instructions-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.instruction-item{align-items:flex-start;background:var(--color-background-lighter);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.instruction-icon{flex-shrink:0;font-size:1rem;margin-top:2px}.instruction-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.3}}@media (max-width:480px){.exam-list{padding:var(--spacing-lg) var(--spacing-sm)}.subscription-required{padding:var(--spacing-xl)}.subscription-required h3{font-size:1.5rem}.subscription-required p{font-size:.95rem}.exam-card{padding:var(--spacing-md)}.exam-title{font-size:1.2rem}.exam-meta{gap:var(--spacing-xs)}.meta-item{font-size:.8rem;padding:var(--spacing-xs)}.detail-item label,.detail-item span,.exam-description p{font-size:.85rem}.btn-full{font-size:.95rem;min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.exam-instructions{padding:var(--spacing-md)}.exam-instructions h3{font-size:1.2rem}.instruction-item{padding:var(--spacing-xs)}.instruction-text{font-size:.85rem}}@media (max-width:768px){.empty-state,.error-message,.loading-container{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-2xl);text-align:center}.loading-spinner{color:var(--color-primary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.error-message{color:var(--color-error);font-size:1rem;font-weight:var(--font-weight-medium)}.empty-state h3{color:var(--color-text-secondary);font-size:1.3rem;margin-bottom:var(--spacing-md)}.empty-state p{color:var(--color-text-muted);font-size:.95rem}}@media (max-width:480px){.empty-state,.error-message,.loading-container{padding:var(--spacing-xl)}.loading-spinner{font-size:1rem}.error-message{font-size:.95rem}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}}@media (hover:none) and (pointer:coarse){.exam-card,.feature-item,.paper-button{transform:none;transition:none}.exam-card:hover,.paper-button:hover{transform:none}.paper-button:active{background:var(--color-primary-pale)}.exam-card:active{box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion:reduce){.exam-card,.feature-item,.paper-button{animation:none;transition:none}}.bulk-question-upload{background:#fff;border-radius:var(--radius-lg);max-height:90vh;max-width:800px;overflow-y:auto;padding:var(--spacing-xl)}.tab-actions{gap:12px}.tab-actions,.tab-actions .btn{align-items:center;display:flex}.tab-actions .btn{font-size:14px;gap:8px;padding:10px 16px}.btn-icon{font-size:16px}.bulk-upload-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.bulk-upload-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:90vw;max-width:1200px;overflow-y:auto;width:100%}.bulk-upload-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px}.bulk-upload-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:#374151}.bulk-settings{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:20px 24px}.bulk-settings h3{color:#374151;font-size:1rem;font-weight:500;margin:0 0 16px}.bulk-settings-grid{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bulk-settings-grid input,.bulk-settings-grid select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.file-input-section{border-bottom:1px solid #e5e7eb;padding:24px;text-align:center}.file-input-label{background:#3b82f6;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;transition:all .2s}.file-input-label:hover{background:#2563eb;transform:translateY(-1px)}.files-list{max-height:400px;overflow-y:auto;padding:24px}.file-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:16px}.file-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.file-name{color:#374151;font-weight:500}.file-size{color:#6b7280;font-size:14px}.file-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.file-input,.file-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.file-input:focus,.file-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.remove-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.remove-btn:hover:not(:disabled){background:#dc2626}.remove-btn:disabled{cursor:not-allowed;opacity:.5}.upload-status{border-radius:6px;font-size:14px;font-weight:500;grid-column:1/-1;padding:8px;text-align:center}.upload-status.uploading{background:#fef3c7;color:#92400e}.upload-status.success{background:#d1fae5;color:#065f46}.upload-status.error{background:#fee2e2;color:#991b1b}.upload-results{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0 24px 16px;padding:20px 24px}.upload-results h3{color:#166534;font-size:1rem;margin:0 0 12px}.upload-results ul{color:#15803d;margin:0;padding-left:20px}.upload-errors{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 24px 16px;padding:20px 24px}.upload-errors h3{color:#991b1b;font-size:1rem;margin:0 0 12px}.upload-errors ul{color:#b91c1c;margin:0;padding-left:20px}.bulk-upload-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}@media (max-width:768px){.bulk-upload-content{margin:10px;max-height:95vh}.bulk-settings-grid,.file-form{grid-template-columns:1fr}.bulk-upload-actions{flex-direction:column}.bulk-upload-actions .btn{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-status.uploading{animation:pulse 1.5s ease-in-out infinite}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.files-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bulk-upload-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.bulk-upload-header h3{color:var(--color-dark-slate);font-size:1.5rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.upload-method-tabs{display:flex;gap:var(--spacing-sm)}.tab-btn{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.tab-btn:hover{background:var(--color-background-lighter)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bulk-upload-content,.format-help{margin-bottom:var(--spacing-xl)}.format-help{background:var(--color-background-lighter);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.help-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.help-header h4{color:var(--color-dark-slate);font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0}.format-sample{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;margin:0;overflow-x:auto;padding:var(--spacing-md);white-space:pre-wrap}.bulk-text-area{margin-bottom:var(--spacing-lg)}.bulk-text-area label{color:var(--color-dark-slate);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.bulk-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;min-height:300px;padding:var(--spacing-md);resize:vertical;width:100%}.bulk-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.parse-actions{display:flex;justify-content:center}.file-upload-section{text-align:center}.file-input-area{background:var(--color-background-lighter);border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-2xl)}.file-input{margin-bottom:var(--spacing-md)}.file-input-area p{color:var(--color-text-muted);margin:0}.error-message{align-items:center;background:var(--color-error);border-radius:var(--radius-md);color:#fff;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.error-icon{font-size:1.2rem}.parsed-questions{margin-top:var(--spacing-xl)}.parsed-questions h4{color:var(--color-dark-slate);font-size:1.2rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0}.questions-preview{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:400px;overflow-y:auto;padding:var(--spacing-md)}.question-preview-item{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.question-preview-item:last-child{border-bottom:none;margin-bottom:0}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.question-number{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:var(--font-weight-semibold);padding:2px 6px}.question-meta{color:var(--color-text-muted);font-size:.8rem}.question-text{color:var(--color-dark-slate);line-height:1.5;margin:0 0 var(--spacing-sm) 0}.options-preview{margin:var(--spacing-sm) 0}.option{background:var(--color-background-lighter);border-radius:var(--radius-sm);margin:2px 0;padding:var(--spacing-xs) var(--spacing-sm)}.option.correct{background:var(--color-success);color:#fff}.answer-preview{background:var(--color-background-lighter);border-radius:var(--radius-sm);font-size:.9rem;margin:var(--spacing-sm) 0;padding:var(--spacing-sm)}.add-questions-action{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.btn-large{font-size:1.1rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl)}.bulk-upload-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding-top:var(--spacing-lg)}@media (max-width:768px){.bulk-question-upload{margin:var(--spacing-md);padding:var(--spacing-lg)}.help-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.format-sample{font-size:.75rem}.bulk-textarea{min-height:200px}.question-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}.affiliate-management{padding:20px}.affiliate-form{display:flex;flex-direction:column;gap:15px}.affiliate-form .form-group{display:flex;flex-direction:column;gap:5px}.affiliate-form .form-group label{color:#333;font-weight:600}.affiliate-form .form-group input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px}.affiliate-form .form-actions{display:flex;gap:10px;margin-top:10px}.affiliates-list{margin-top:30px}.affiliates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.affiliate-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.affiliate-info h3{color:#333;margin:0 0 10px}.affiliate-info p{color:#666;font-size:14px;margin:5px 0}.affiliate-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.affiliate-actions .status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-align:center}.affiliate-actions .status.active{background:#d4edda;color:#155724}.affiliate-actions .status.inactive{background:#f8d7da;color:#721c24}.affiliate-actions button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.modal.large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-header h2{color:#333;margin:0}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#333}.commissions-list{max-height:400px;overflow-y:auto}.commission-item{align-items:flex-start;border:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.commission-info h4{color:#333;font-size:16px;margin:0 0 8px}.commission-info p{color:#666;font-size:14px;margin:4px 0}.commission-amount{display:flex;flex-direction:column;gap:8px;text-align:right}.commission-amount .amount{color:#333;font-size:16px;font-weight:600}.commission-amount .status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.commission-amount .status.pending{background:#fff3cd;color:#856404}.commission-amount .status.paid{background:#d4edda;color:#155724}.commission-amount button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.no-affiliates{color:#666;padding:40px;text-align:center}.no-affiliates p{font-size:16px;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-background-white);padding:var(--spacing-xl) 0;text-align:center}.App-header h1{font-family:var(--font-family-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0}.App-header p{font-size:1.125rem;margin:var(--spacing-sm) 0 0 0;opacity:.9}main{flex:1 1;padding:0}.navbar{background-color:var(--color-background-white);box-shadow:var(--shadow-sm);position:relative;z-index:1000}.navbar .container{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.navbar-brand .brand-link{color:var(--color-primary);text-decoration:none}.navbar-brand h1{font-family:var(--font-family-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0}.navbar-menu{align-items:center;display:flex;gap:var(--spacing-lg)}.navbar-links{display:flex;gap:var(--spacing-md)}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:color var(--transition-base)}.nav-link:hover{background-color:var(--color-primary-pale);color:var(--color-primary)}.admin-link{color:#dc2626!important}.navbar-user{align-items:center;display:flex;gap:var(--spacing-md)}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-name{color:var(--color-text-primary)}.subscription-badge,.user-name{font-weight:var(--font-weight-semibold)}.subscription-badge{border-radius:var(--radius-xl);font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-gray{background-color:var(--color-background-light);color:var(--color-text-muted)}.badge-yellow{background-color:#fef3c7;color:#d97706}.badge-green{background-color:#d1fae5;color:var(--color-accent)}.badge-red{background-color:#fee2e2;color:#dc2626}.navbar-auth{display:flex;gap:var(--spacing-md)}.footer{background-color:var(--color-dark-slate);border-top:4px solid var(--color-primary);color:var(--color-background-white);padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.footer-section h4{color:var(--color-background-white);font-size:1.125rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.footer-section p{color:var(--color-text-light);line-height:1.6;margin-bottom:0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{border-radius:var(--radius-sm);color:var(--color-text-light);display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:color var(--transition-base)}.footer-section ul li a:hover{background-color:#4ade801a;color:var(--color-primary)}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:var(--spacing-md);text-align:center}.footer-bottom p{color:var(--color-text-light);font-size:.875rem;margin:0}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:18px;justify-content:space-between;padding:var(--spacing-sm);width:24px}.mobile-menu-button span{background-color:var(--color-text-primary);border-radius:1px;display:block;height:2px;transition:all var(--transition-base);width:100%}.mobile-menu-button:hover span{background-color:var(--color-primary)}.mobile-menu-button.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-button.open span:nth-child(2){opacity:0}.mobile-menu-button.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.mobile-menu-button{display:flex}.navbar .container{align-items:center;flex-direction:row;justify-content:space-between}.navbar-menu{background:var(--color-background-white);box-shadow:var(--shadow-md);flex-direction:column;left:0;max-height:0;overflow:hidden;position:fixed;right:0;top:60px;transition:max-height var(--transition-base);width:100%;z-index:999}.navbar-menu.open{max-height:500px;padding:var(--spacing-lg)}.navbar-links{flex-direction:column;gap:var(--spacing-md);width:100%}.navbar-links .nav-link{border-bottom:1px solid var(--color-border);padding:var(--spacing-md);text-align:center}.navbar-user{flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%}.dashboard-grid{gap:var(--spacing-md);grid-template-columns:1fr}.dashboard-card{padding:var(--spacing-lg)}.dashboard-card h3{font-size:1.125rem}.quick-access-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.quick-access-card{padding:var(--spacing-md)}.quick-access-card h4{font-size:.875rem}.access-links{flex-direction:column}}@media (max-width:480px){.navbar{padding:var(--spacing-sm)}.navbar-brand h1{font-size:1.25rem}.navbar-menu{top:50px}.navbar-menu.open{padding:var(--spacing-md)}.navbar-links .nav-link{font-size:.875rem;padding:var(--spacing-sm)}.subscription-badge{font-size:.625rem;padding:2px 6px}.btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.container{padding:0 var(--spacing-md)}.quick-access-grid{grid-template-columns:1fr}.dashboard-card{padding:var(--spacing-md)}.dashboard-card h3{font-size:1rem}.quick-access-card{padding:var(--spacing-sm)}.quick-access-card h4{font-size:.8rem}}
/*# sourceMappingURL=main.cf8c75bb.css.map*/