@import url(https://fonts.googleapis.com/css2?family=Madimi+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,body{margin:0;padding:0}body{background-color:#f8f9fa}.app{padding-bottom:3rem;transition:all .3s ease;width:100%}.container,.header-container{padding:0 20px}.tsa-theme{color:#221368}.plew-theme,.tsa-theme{background-color:#f8f9fa}.plew-theme{color:#2b55a1}.social-header{padding:8px 0}.social-links{display:flex;gap:16px;justify-content:flex-end}.social-link{color:inherit;font-size:20px;transition:color .2s ease}.tsa-theme .social-link{color:#221368}.tsa-theme .social-link:hover{color:#6b5ca5}.plew-theme .social-link{color:#2b55a1}.plew-theme .social-link:hover{color:#4d7bc9}.main-header{padding:2rem 0;text-align:center}.tsa-theme .main-header{background-color:#c5c9e6;color:#221368}.plew-theme .main-header{background-color:#d6e4f7;color:#2b55a1}.header-content{align-items:center;display:flex;flex-direction:column}.return-link{align-self:flex-start;font-size:1.1rem;font-weight:500;margin-bottom:.5rem;text-decoration:none}.tsa-theme .return-link{color:#221368}.plew-theme .return-link{color:#2b55a1}.main-header h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.subtitle{margin-bottom:1.5rem}.toggle-button{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;padding:10px 18px;transition:all .3s ease}.tsa-theme .toggle-button{background-color:#c5c9e6;color:#fff}.tsa-theme .toggle-button:hover{background-color:#fff;color:#c5c9e6}.plew-theme .toggle-button{background-color:#2b55a1;color:#fff}.plew-theme .toggle-button:hover{background-color:#fff;color:#2b55a1}.search-wrapper{padding:2rem 0}.searchbox-container{margin-bottom:2rem;max-width:600px}.searchbox-form{border-radius:8px;box-shadow:0 4px 10px #0000001a}.searchbox-input{font-size:1.1rem;padding:1rem 1.5rem}.tsa-theme .searchbox-input{color:#221368}.plew-theme .searchbox-input{color:#2b55a1}.searchbox-reset,.searchbox-submit{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;width:50px}.results-container{padding:1rem 0}.stats-container{color:#666;font-size:.9rem;margin-bottom:1.5rem}.plew-hit,.tsa-hit{margin-left:auto;margin-right:auto;max-width:100%}.main-header{overflow:hidden;position:relative}.svg-decoration{opacity:.7;position:absolute;transition:all .5s ease;z-index:1}.svg-left{animation:floatLeft 6s ease-in-out infinite;left:5%}.svg-left,.svg-right{top:50%;transform:translateY(-50%)}.svg-right{animation:floatRight 7s ease-in-out infinite;right:5%}.app .svg-decoration{color:#221368}.alternate-theme .svg-decoration{color:#2b55a1}.header-content{z-index:2}@keyframes floatLeft{0%{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-70%) rotate(5deg)}to{transform:translateY(-50%) rotate(0deg)}}@keyframes floatRight{0%{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-65%) rotate(-7deg)}to{transform:translateY(-50%) rotate(0deg)}}.filter-section{background-color:#fff;box-shadow:0 2px 8px #0000000d;margin:1rem 0 2rem;overflow:hidden}.alternate-theme .filter-section{background-color:#d6e4f7}.filter-category-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #eee;display:flex;overflow-x:auto}.alternate-theme .filter-category-tabs{border-bottom-color:#444}.category-tab{background:none;border:none;border-bottom:3px solid #0000;font-size:.9rem;padding:.8rem 1.2rem;transition:all .2s ease}.app .category-tab{color:#221368}.app .category-tab:hover{background-color:#f8f6fc}.app .category-tab.active{background-color:#f0e7f8;border-bottom-color:#6b5ca5}.alternate-theme .category-tab{color:#2b54a1}.alternate-theme .category-tab:hover{background-color:#393f48}.alternate-theme .category-tab.active{background-color:#fff;border-bottom-color:#2b55a1}.filter-buttons-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.filter-button{border:none;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.clear-filters-button{background-color:#f5f5f5;border:1px solid #ddd;color:#666;font-size:.9rem;margin-left:auto}.clear-filters-button:hover{background-color:#e5e5e5}.alternate-theme .clear-filters-button{background-color:#444;border-color:#555;color:#ddd}.alternate-theme .clear-filters-button:hover{background-color:#555;color:#fff}.app .filter-button{background-color:#f0e7f8;border:1px solid #2213681a;color:#221368}.app .filter-button:hover{background-color:#e0d6eb}.app .filter-button.active{background-color:#6b5ca5;color:#fff}.alternate-theme .filter-button{background-color:#2d3b50;border:1px solid #2b54a14d;color:#a5d6ff}.alternate-theme .filter-button:hover{background-color:#364964}.alternate-theme .filter-button.active{background-color:#2b55a1;color:#fff}.searchbox-submit{display:none!important}.youtube-red{color:red!important}.plew-theme .youtube-red:hover,.tsa-theme .youtube-red:hover{color:#c00!important}.header-social{display:flex;gap:16px;position:absolute;right:30px;top:15px;z-index:10}.typing-container{display:inline-block;font-size:1.5rem;font-weight:500;min-height:1.5em}.main-typing{font-size:1.2rem;margin:15px auto;max-width:90%}.cursor{animation:blink 1s step-end infinite;display:inline-block;width:3px}.app .typing-container{color:#221368}.alternate-theme .typing-container{color:#2b55a1}.locked-content{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:1rem;padding:2rem}.alternate-theme .locked-content{background-color:#2d3b50;color:#fff}.lock-icon{color:#6b5ca5;font-size:3rem;margin-bottom:1rem}.locked-message h3{color:#221368;font-size:1.5rem;margin-bottom:1rem}.alternate-theme .locked-message h3{color:#d6e4f7}.locked-message p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.alternate-theme .locked-message p{color:#a5d6ff}.login-action-button,.signup-action-button{border-radius:4px;font-size:1rem;font-weight:500;padding:.8rem 1.5rem}.signup-action-button{background-color:#6b5ca5}.signup-action-button:hover{background-color:#5a4b94;transform:translateY(-2px)}.login-action-button{background-color:#f0e7f8;color:#221368}.login-action-button:hover{background-color:#e0d6eb;transform:translateY(-2px)}.alternate-theme .signup-action-button{background-color:#2b55a1}.alternate-theme .signup-action-button:hover{background-color:#1a4490}.alternate-theme .login-action-button{background-color:#d6e4f7}.alternate-theme .login-action-button:hover{background-color:#c5d6f0}.loading-container{color:#666;font-size:1.1rem;min-height:300px}@media (max-width:768px){.main-header h1{font-size:2rem}.subtitle{font-size:1rem}.container{padding:0 15px}.svg-left{left:-5%;opacity:.4}.svg-right{opacity:.4;right:-5%}.filter-category-tabs{padding-bottom:.25rem}.category-tab{font-size:.85rem;padding:.6rem 1rem}.locked-content{padding:1.5rem}.locked-actions{flex-direction:column;gap:.5rem}}.signup-prompt{margin:2rem 0;text-align:center}.signup-prompt-button{background-color:#6b5ca5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s ease}.signup-prompt-button:hover{background-color:#5a4b94;transform:translateY(-2px)}.alternate-theme .signup-prompt-button{background-color:#2b55a1}.alternate-theme .signup-prompt-button:hover{background-color:#1a4490}@font-face{font-family:Futura;font-style:normal;font-weight:400;src:url(https://fonts.cdnfonts.com/css/futura-pt) format("woff2")}.ais-Hits-item:before{display:none!important}.ais-Hits-list,ol,ul{list-style-type:none!important}.ais-Hits-item,.ais-Hits-list{padding-left:0!important}.ais-Hits-item{margin-left:0!important}.maths-theme{background-color:#f5f8ff;color:#2d4059}.maths-theme .main-header{background-color:#c9d6ff;color:#2d4059}.bmat-theme{background-color:#f0f8f0;color:#023020}.bmat-theme .main-header{background-color:#d4f1d4;color:#023020}.bmat-theme .navbar-logo a{color:#023020}.bmat-theme .navbar-logo a:hover{color:#045d3a}.bmat-theme .navbar-links a{color:#023020}.bmat-theme .navbar-links a.active,.bmat-theme .navbar-links a:hover{color:#045d3a}.bmat-theme .navbar-links a.active:after{background-color:#045d3a}.bmat-theme .dropdown-button{color:#023020}.bmat-theme .dropdown-button:hover{color:#045d3a}.bmat-theme .dropdown-menu button{color:#023020}.bmat-theme .dropdown-menu button:hover{background-color:#e8f5e8;color:#045d3a}.bmat-theme .login-button{background-color:#023020}.bmat-theme .login-button:hover{background-color:#045d3a}.bmat-theme .filter-button{background-color:#e8f5e8;border:1px solid #0230201a;color:#023020}.bmat-theme .filter-button:hover{background-color:#d4f1d4}.bmat-theme .filter-button.active{background-color:#023020;color:#fff}.bmat-theme .category-tab{color:#023020}.bmat-theme .category-tab:hover{background-color:#e8f5e8}.bmat-theme .category-tab.active{background-color:#d4f1d4;border-bottom-color:#023020}.bmat-theme .lock-icon,.bmat-theme .locked-message h3,.bmat-theme .typing-container{color:#023020}.bmat-theme .signup-action-button{background-color:#023020}.bmat-theme .signup-action-button:hover{background-color:#045d3a}.bmat-theme .login-action-button{background-color:#e8f5e8;color:#023020}.bmat-theme .login-action-button:hover{background-color:#d4f1d4}.bmat-theme .signup-prompt-button{background-color:#023020}.bmat-theme .signup-prompt-button:hover{background-color:#045d3a}.bmat-theme .modern-main-header{background:linear-gradient(135deg,#023020,#045d3a)}.bmat-theme .modern-typing-container{color:#fff}.bmat-theme .modern-cursor,.bmat-theme .typing-text{color:#fff!important}.bmat-theme .subject-toggle-button.active{background:linear-gradient(45deg,#023020,#045d3a);box-shadow:0 4px 15px #02302066}.bmat-theme .submit-question-button{background:linear-gradient(135deg,#023020,#045d3a);color:#fff}.bmat-theme .submit-question-button:hover{background:linear-gradient(135deg,#045d3a,#067f4b);box-shadow:0 6px 20px #02302066}.maths-theme .navbar-logo a{color:#2d4059}.maths-theme .navbar-logo a:hover{color:#3f72af}.maths-theme .navbar-links a{color:#2d4059}.maths-theme .navbar-links a.active,.maths-theme .navbar-links a:hover{color:#3f72af}.maths-theme .navbar-links a.active:after{background-color:#3f72af}.maths-theme .dropdown-button{color:#2d4059}.maths-theme .dropdown-button:hover{color:#3f72af}.maths-theme .dropdown-menu button{color:#2d4059}.maths-theme .dropdown-menu button:hover{background-color:#e7eeff;color:#3f72af}.maths-theme .login-button{background-color:#3f72af}.maths-theme .login-button:hover{background-color:#2d4059}.maths-theme .filter-button{background-color:#dce5ff;border:1px solid #2d40591a;color:#2d4059}.maths-theme .filter-button:hover{background-color:#c9d6ff}.maths-theme .filter-button.active{background-color:#3f72af;color:#fff}.maths-theme .category-tab{color:#2d4059}.maths-theme .category-tab:hover{background-color:#e7eeff}.maths-theme .category-tab.active{background-color:#dce5ff;border-bottom-color:#3f72af}.maths-theme .locked-message h3,.maths-theme .typing-container{color:#2d4059}.maths-theme .signup-action-button{background-color:#3f72af}.maths-theme .signup-action-button:hover{background-color:#2d4059}.maths-theme .login-action-button{background-color:#dce5ff;color:#2d4059}.maths-theme .login-action-button:hover{background-color:#c9d6ff}.maths-theme .signup-prompt-button{background-color:#3f72af}.maths-theme .signup-prompt-button:hover{background-color:#2d4059}.discord-container{border-radius:8px;margin:2rem 0;max-width:100%;overflow:hidden}.discord-container iframe{border-radius:8px;max-width:100%;transition:all .3s ease}.discord-instructions{background-color:#f5f8ff;border-radius:8px;margin-top:2rem;padding:1.5rem}.tsa-theme .discord-instructions{background-color:#f0e7f8}.alternate-theme .discord-instructions{background-color:#d6e4f7;color:#2b55a1}.maths-theme .discord-instructions{background-color:#e1eeff;color:#2d4059}.discord-instructions h3{margin-bottom:1rem}.discord-instructions ol{margin-bottom:1.5rem;margin-left:1.5rem}.discord-instructions li{list-style-type:decimal;margin-bottom:.5rem}.discord-embed{background-color:#36393f;border-radius:8px;color:#fff;margin-top:2rem;padding:1.5rem}.join-discord-button{background-color:#5865f2;border-radius:4px;color:#fff;display:inline-block;font-weight:600;margin-top:1.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease}.join-discord-button:hover{background-color:#4752c4;transform:translateY(-2px)}.join-discord-button i{margin-right:.5rem}@media (max-width:768px){.discord-container iframe{height:400px}}@media (max-width:480px){.discord-container iframe{height:350px}}.subscription-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.subscription-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:100%}.processing-overlay{align-items:center;background-color:#ffffffe6;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1001}.processing-content{text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#6b5ca5;height:40px;margin:1rem auto;width:40px}.plan-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.plan-card{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.plan-card.popular{border-color:#6b5ca5;position:relative}.plan-card.pro{border-color:#2b55a1}.popular-badge{background-color:#6b5ca5;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;left:50%;padding:.25rem 1rem;position:absolute;top:-10px;transform:translateX(-50%)}.plan-title{font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.plan-price{font-size:2rem;font-weight:700;margin:.5rem 0}.plan-price-period{font-size:1rem;font-weight:400}.plan-features{font-size:.9rem;list-style:none;margin:1rem 0;padding:0;text-align:left}.plan-features li{padding:.25rem 0}.plan-features li.disabled{color:#999}.plan-button{border-radius:4px;font-size:1rem;font-weight:500;padding:.75rem}.plan-button.study{background-color:#6b5ca5;color:#fff}.plan-button.study:hover:not(:disabled){background-color:#5a4b94}.plan-button.pro{background-color:#2b55a1;color:#fff}.plan-button.pro:hover:not(:disabled){background-color:#1a4490}.plan-button.free{background-color:#f0f0f0;color:#666;cursor:not-allowed}.plan-button:disabled{background-color:#ccc!important;cursor:not-allowed;opacity:.7}.subscription-footer{margin-top:2rem;text-align:center}.subscription-guarantee{color:#666;font-size:.9rem;margin:0 0 1rem}.close-button{background:none;border:none;color:#666;cursor:pointer;text-decoration:underline}.close-button:hover{color:#333}@media (max-width:768px){.subscription-modal-content{margin:1rem;padding:1.5rem}.plan-grid{gap:1rem;grid-template-columns:1fr}.plan-card{padding:1rem}}.community-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:4rem;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.community-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{color:#fff;margin:0 auto;max-width:600px;position:relative;z-index:2}.discord-icon-large{color:#5865f2;font-size:4rem;margin-bottom:1.5rem;text-shadow:0 4px 12px #5865f24d}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000001a}.hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;opacity:.9}.discord-cta-button{align-items:center;background:linear-gradient(45deg,#5865f2,#7289da);border-radius:50px;box-shadow:0 8px 25px #5865f24d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.discord-cta-button:hover{box-shadow:0 12px 35px #5865f266;color:#fff;transform:translateY(-3px)}.discord-cta-button .button-shine{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.discord-cta-button:hover .button-shine{left:100%}.features-section{margin-bottom:4rem}.features-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.feature-card{background:#fff;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.feature-icon{align-items:center;display:flex;font-size:3rem;height:4rem;justify-content:center;margin-bottom:1rem}.feature-card h3{color:#2d3748;font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#718096;line-height:1.6}.schedule-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:20px;margin-bottom:4rem;padding:3rem}.schedule-title{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.schedule-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.schedule-item{background:#fff;border-left:4px solid #5865f2;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:all .3s ease}.schedule-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateX(4px)}.schedule-day{color:#5865f2;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.schedule-time{color:#718096;font-size:.9rem;margin-bottom:.5rem}.schedule-subject{color:#2d3748;font-weight:600}.getting-started{text-align:center}.getting-started h2{color:#2d3748;font-size:2.2rem;font-weight:700;margin-bottom:2.5rem}.steps-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.step{align-items:flex-start;display:flex;gap:1rem;text-align:left}.step-number{align-items:center;background:linear-gradient(45deg,#5865f2,#7289da);border-radius:50%;box-shadow:0 4px 12px #5865f24d;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.step-content h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.step-content p{color:#718096;line-height:1.5}.tsa-theme .feature-card h3,.tsa-theme .features-title,.tsa-theme .getting-started h2,.tsa-theme .schedule-subject,.tsa-theme .schedule-title,.tsa-theme .step-content h4{color:#221368}.tsa-theme .schedule-item{border-left-color:#6b5ca5}.tsa-theme .schedule-day{color:#6b5ca5}.tsa-theme .step-number{background:linear-gradient(45deg,#6b5ca5,#8a7db8)}.alternate-theme .feature-card h3,.alternate-theme .features-title,.alternate-theme .getting-started h2,.alternate-theme .schedule-subject,.alternate-theme .schedule-title,.alternate-theme .step-content h4{color:#2b55a1}.alternate-theme .schedule-item{border-left-color:#2b55a1}.alternate-theme .schedule-day{color:#2b55a1}.alternate-theme .step-number{background:linear-gradient(45deg,#2b55a1,#4d7bc9)}.maths-theme .feature-card h3,.maths-theme .features-title,.maths-theme .getting-started h2,.maths-theme .schedule-subject,.maths-theme .schedule-title,.maths-theme .step-content h4{color:#2d4059}.maths-theme .schedule-item{border-left-color:#3f72af}.maths-theme .schedule-day{color:#3f72af}.maths-theme .step-number{background:linear-gradient(45deg,#3f72af,#5a8bc7)}@media (max-width:768px){.community-hero{margin-bottom:3rem;padding:3rem 1rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.discord-cta-button{font-size:1rem;padding:.875rem 1.5rem}.features-title,.getting-started h2,.schedule-title{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.schedule-section{padding:2rem 1.5rem}.schedule-grid,.steps-container{grid-template-columns:1fr}.steps-container{gap:1.5rem}.step{align-items:center;flex-direction:column}.step,.step-content{text-align:center}}@media (max-width:480px){.discord-icon-large{font-size:3rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.feature-card,.schedule-item{padding:1.5rem}}.modern-main-header{min-height:70vh}.modern-main-header:before{animation:backgroundShift 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-5px)}50%{transform:translateX(10px) translateY(5px)}75%{transform:translateX(-5px) translateY(10px)}}.floating-decoration{opacity:.6;position:absolute;transition:all .5s ease;z-index:1}.decoration-left{animation:floatSlow 8s ease-in-out infinite;left:5%;top:20%}.decoration-right{animation:floatSlowReverse 10s ease-in-out infinite;bottom:20%;right:5%}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatSlowReverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(20px) rotate(-3deg)}}.modern-header-social{gap:16px;right:30px;top:20px}.modern-social-link:hover{background:#fff3;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.modern-header-content{color:#fff;margin:0 auto;max-width:560px;position:relative;text-align:center;z-index:2}.brand-section{margin-bottom:2rem;position:relative}.modern-brand-title{font-size:4rem;margin:0}.brand-glow{background:radial-gradient(ellipse,#ffffff1a 0,#0000 70%);border-radius:50%;filter:blur(20px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}.modern-typing-container{margin:2rem 0;min-height:3rem}.modern-cursor,.typing-text{font-size:1.4rem}@keyframes modernBlink{0%,50%{opacity:1}51%,to{opacity:0}}.modern-subtitle{font-size:1.2rem;line-height:1.6;margin:2rem auto;max-width:600px;opacity:.9}.modern-header-cta{margin-top:3rem}.modern-signup-button{font-size:1.1rem;padding:1rem 2.5rem}.modern-signup-button:hover{background:#ffffff40;box-shadow:0 15px 35px #0003;color:#fff;transform:translateY(-3px)}.button-glow{background:linear-gradient(90deg,#0000,#fff3,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.modern-signup-button:hover .button-glow{left:100%}.quiz-banner-section{padding:3rem 0 0}.tsa-theme .quiz-banner-section{background:linear-gradient(180deg,#6b5ca51a,#fff0)}.alternate-theme .quiz-banner-section{background:linear-gradient(180deg,#2b55a11a,#fff0)}.maths-theme .quiz-banner-section{background:linear-gradient(180deg,#3f72af1a,#fff0)}.modern-search-wrapper{padding:4rem 0}.search-card{background:#fff;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 10px 40px #00000014;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative}.search-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-theme .search-card:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.alternate-theme .search-card:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-theme .search-card:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.search-card-header{margin-bottom:3rem;text-align:center}.search-card-header h2{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.tsa-theme .search-card-header h2{color:#221368}.alternate-theme .search-card-header h2{color:#2b55a1}.maths-theme .search-card-header h2{color:#2d4059}.search-card-header p{color:#718096;font-size:1.1rem;margin:0 auto;max-width:500px}.searchbox-container{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.searchbox-form{background-color:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 30px #0000001f;display:flex;overflow:hidden;transition:all .3s ease}.searchbox-form:focus-within{border-color:#667eea;box-shadow:0 12px 40px #00000026}.tsa-theme .searchbox-form:focus-within{border-color:#6b5ca5}.alternate-theme .searchbox-form:focus-within{border-color:#2b55a1}.maths-theme .searchbox-form:focus-within{border-color:#3f72af}.searchbox-input{background-color:#fff;border:none;flex-grow:1;font-size:1.2rem;font-weight:500;outline:none;padding:1.25rem 2rem}.searchbox-input::placeholder{color:#a0aec0;font-weight:400}.results-container{padding:2rem 0}.stats-container{font-size:1rem;margin-bottom:2rem}.hits-container{display:block;width:100%}.locked-content{margin-top:2rem}.locked-message{max-width:500px}.tsa-theme .lock-icon{color:#6b5ca5;text-shadow:0 4px 12px #6b5ca54d}.alternate-theme .lock-icon{color:#2b55a1;text-shadow:0 4px 12px #2b55a14d}.maths-theme .lock-icon{color:#3f72af;text-shadow:0 4px 12px #3f72af4d}.locked-message h3{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.locked-message p{color:#718096;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem}.locked-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.login-action-button,.signup-action-button{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;min-width:140px;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.signup-action-button{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.signup-action-button:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.login-action-button{background:#fff;border:2px solid #667eea;color:#667eea}.login-action-button:hover{background:#667eea;color:#fff;transform:translateY(-3px)}.tsa-theme .signup-action-button{background:linear-gradient(45deg,#6b5ca5,#221368);box-shadow:0 6px 20px #6b5ca54d}.tsa-theme .login-action-button{border-color:#6b5ca5;color:#6b5ca5}.tsa-theme .login-action-button:hover{background:#6b5ca5}.alternate-theme .signup-action-button{background:linear-gradient(45deg,#2b55a1,#1a4490);box-shadow:0 6px 20px #2b55a14d}.alternate-theme .login-action-button{border-color:#2b55a1;color:#2b55a1}.alternate-theme .login-action-button:hover{background:#2b55a1}.maths-theme .signup-action-button{background:linear-gradient(45deg,#3f72af,#2d4059);box-shadow:0 6px 20px #3f72af4d}.maths-theme .login-action-button{border-color:#3f72af;color:#3f72af}.maths-theme .login-action-button:hover{background:#3f72af}.leaderboard-section{border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 30px #00000014}@media (max-width:768px){.modern-main-header{min-height:60vh}.modern-brand-title{font-size:2.5rem}.typing-text{font-size:1.1rem}.modern-subtitle{font-size:1rem}.search-card{border-radius:16px;padding:2rem 1.5rem}.search-card-header h2{font-size:2rem}.searchbox-input{font-size:1rem;padding:1rem 1.5rem}.decoration-left,.decoration-right{opacity:.3}.locked-content{padding:3rem 1.5rem}.locked-actions{align-items:center;flex-direction:column}.modern-header-social{gap:12px;right:15px;top:15px}.modern-social-link{font-size:16px;height:40px;width:40px}}@media (max-width:480px){.modern-brand-title{font-size:2rem;letter-spacing:-1px}.typing-text{font-size:1rem}.modern-subtitle{font-size:.95rem}.search-card-header h2{font-size:1.75rem}.locked-message h3{font-size:1.5rem}.locked-message p{font-size:1rem}}.title-section{gap:1rem}.question-year{background:linear-gradient(45deg,#e2e8f0,#cbd5e0);color:#4a5568;font-weight:600}.question-year,.subject-badge{letter-spacing:.5px;padding:.25rem .75rem}.subject-badge{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:12px;font-size:.75rem}.alternate-theme .subject-badge{background:linear-gradient(45deg,#2b55a1,#4d7bc9)}.options-label,.passage-label,.question-label{color:#6b7280;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;padding-left:1rem;position:relative;text-transform:uppercase}.options-label:before,.passage-label:before,.question-label:before{background:#667eea;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tsa-theme .options-label:before,.tsa-theme .passage-label:before,.tsa-theme .question-label:before{background:#6b5ca5}.alternate-theme .options-label:before,.alternate-theme .passage-label:before,.alternate-theme .question-label:before{background:#2b55a1}.maths-theme .options-label:before,.maths-theme .passage-label:before,.maths-theme .question-label:before{background:#3f72af}.option-item{align-items:flex-start;animation:fadeInUp .5s ease forwards;gap:1rem;opacity:0}.option-id,.option-number{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.alternate-theme .option-number{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.plew-hit-button.animating,.tsa-hit-button.animating{transform:scale(.95)}.plew-hit-button:active,.tsa-hit-button:active{transform:scale(.98)}.answer-visible{animation:slideInAnswer .5s ease forwards}@keyframes slideInAnswer{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.answer-highlight,.answer-id{background:linear-gradient(45deg,#28a745,#20c997);border-radius:8px;box-shadow:0 4px 12px #28a7454d;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem}.image-error{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:12px;color:#c53030;font-weight:600;padding:2rem;text-align:center}.hit-loading{opacity:.7;pointer-events:none}.hit-loading:after{align-items:center;background:#fffc;border-radius:16px;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.plew-hit:hover .plew-hit-title,.tsa-hit:hover .tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.tsa-theme .tsa-hit:hover .tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6b5ca5,#8a7db8);-webkit-background-clip:text;background-clip:text}.alternate-theme .plew-hit:hover .plew-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.plew-hit-button:focus,.tsa-hit-button:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.tsa-theme .tsa-hit-button:focus{box-shadow:0 0 0 3px #6b5ca54d}.alternate-theme .plew-hit-button:focus{box-shadow:0 0 0 3px #2b55a14d}@media print{.maths-hit,.plew-hit,.tsa-hit{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.plew-hit-actions,.tsa-hit-actions{display:none}.plew-hit-answer,.tsa-hit-answer{display:block!important}}@media (prefers-color-scheme:dark){.maths-hit,.plew-hit,.tsa-hit{background:#2d3748;color:#e2e8f0}.plew-hit-options li,.plew-hit-passage,.tsa-hit-options li,.tsa-hit-passage{background:linear-gradient(135deg,#4a5568,#2d3748)}.plew-hit-options li,.tsa-hit-options li{color:#e2e8f0}}.profile-container{padding:2rem 0}.profile-inner{margin:0 auto;max-width:1000px}.profile-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative}.tsa-theme .profile-hero{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .profile-hero{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .profile-hero{background:linear-gradient(135deg,#3f72af,#2d4059)}.profile-hero:before{background:#ffffff1a;height:250px;right:0;top:0;transform:translate(60px,-60px);width:250px}.profile-hero:after,.profile-hero:before{border-radius:50%;content:"";position:absolute}.profile-hero:after{background:#ffffff0d;bottom:0;height:150px;left:0;transform:translate(-30px,30px);width:150px}.profile-hero-content{position:relative;z-index:2}.profile-greeting{margin-bottom:1.5rem}.profile-greeting h1{font-size:2.5rem;font-weight:300}.profile-email{font-size:1.1rem}.profile-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.profile-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.profile-stat-card:hover{background:#fff3;transform:translateY(-2px)}.stat-icon{font-size:3rem;margin-bottom:.5rem}.stat-title{font-size:1.1rem;font-weight:600}.stat-subtitle{font-size:.9rem}.stat-rank{font-size:1.5rem;font-weight:700}.stat-description{font-size:.8rem}.profile-tabs{background:#fff;border-bottom:2px solid #e9ecef;border-radius:8px 8px 0 0;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:2rem;overflow:hidden}.profile-tab{background:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.25rem 2rem;transition:all .3s ease}.profile-tab.active{background:linear-gradient(135deg,#6b5ca50d,#6b5ca51a)}.profile-tab.active,.tsa-theme .profile-tab.active{border-bottom-color:#6b5ca5;color:#6b5ca5}.alternate-theme .profile-tab.active{background:linear-gradient(135deg,#2b55a10d,#2b55a11a);border-bottom-color:#2b55a1;color:#2b55a1}.maths-theme .profile-tab.active{background:linear-gradient(135deg,#3f72af0d,#3f72af1a);border-bottom-color:#3f72af;color:#3f72af}.profile-tab:hover:not(.active){background:#00000005;color:#333}.profile-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.profile-section-title{font-size:2rem;font-weight:700}.tsa-theme .profile-section-title{color:#221368}.alternate-theme .profile-section-title{color:#2b55a1}.maths-theme .profile-section-title{color:#2d4059}.profile-action-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.profile-action-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.tsa-theme .profile-action-btn{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .profile-action-btn{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.maths-theme .profile-action-btn{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af4d}.profile-loading{padding:4rem 2rem;text-align:center}.profile-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#6b5ca5;height:50px;margin:0 auto 1.5rem;width:50px}.profile-empty-state{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;color:#666;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state-title{font-size:1.5rem;font-weight:600}.empty-state-description{font-size:1rem}.profile-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.profile-card{background:#fff;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.profile-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-theme .profile-card:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.alternate-theme .profile-card:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-theme .profile-card:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.profile-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1.3rem;font-weight:600}.card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.card-badge{font-size:.75rem;font-weight:600}.badge-subject{background:linear-gradient(45deg,#e3f2fd,#bbdefb);color:#1976d2}.badge-questions{background:linear-gradient(45deg,#f3e5f5,#e1bee7);color:#7b1fa2}.badge-score{background:linear-gradient(45deg,#f0fff4,#c8e6c9);font-weight:700}.card-meta{font-size:.9rem}.card-actions{display:flex;flex-wrap:wrap;gap:.75rem}.card-score-display{text-align:right}.score-value{font-size:2rem;font-weight:700}.btn-primary,.score-details{font-size:.9rem}.btn-primary{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 3px 10px #28a7454d;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(45deg,#17a2b8,#20c997);box-shadow:0 3px 10px #17a2b84d;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 6px 16px #17a2b866}.btn-purple{background:linear-gradient(45deg,#6f42c1,#8e44ad);border:none;border-radius:8px;box-shadow:0 3px 10px #6f42c14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-purple:hover{box-shadow:0 6px 16px #6f42c166;transform:translateY(-2px)}.btn-orange{background:linear-gradient(45deg,#fd7e14,#ff8c00);border:none;border-radius:8px;box-shadow:0 3px 10px #fd7e144d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;transition:all .3s ease}.btn-orange:hover{box-shadow:0 6px 16px #fd7e1466;transform:translateY(-2px)}.btn-disabled{background:#94a3b8!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed!important;opacity:.7;transform:none!important}.results-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #0000000d;border-radius:12px;padding:2rem;text-align:center}.summary-value{font-size:2.5rem;font-weight:700}.summary-label{font-size:.9rem;font-weight:500}.profile-login-prompt{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;color:#666;padding:4rem 2rem;text-align:center}.login-prompt-title{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:1rem}.login-prompt-text{font-size:1.1rem;margin-bottom:2rem}.login-prompt-link{border:2px solid #6b5ca5;border-radius:8px;color:#6b5ca5;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-prompt-link:hover{background:#6b5ca5;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.profile-container{padding:1rem 0}.profile-hero{margin-bottom:2rem;padding:2rem 1.5rem}.profile-greeting h1{font-size:2rem}.profile-stats-grid{gap:1rem;grid-template-columns:1fr}.profile-tabs{flex-direction:column}.profile-tab{padding:1rem;text-align:center}.profile-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.profile-card{padding:1.5rem}.card-header{flex-direction:column;gap:1rem}.card-actions{justify-content:flex-start}.results-summary{gap:1rem;grid-template-columns:repeat(2,1fr)}.summary-card{padding:1.5rem}.summary-value{font-size:2rem}}@media (max-width:480px){.profile-hero{padding:1.5rem 1rem}.profile-greeting h1{font-size:1.5rem}.results-summary{grid-template-columns:1fr}.card-actions{flex-direction:column}.profile-card{padding:1rem}}.question-pack-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding-bottom:10rem}.pack-header{margin-bottom:0;overflow:hidden;padding:2rem 0;position:relative}.tsa-theme .pack-header{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .pack-header{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .pack-header{background:linear-gradient(135deg,#3f72af,#2d4059)}.pack-header:before{animation:headerFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes headerFloat{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(-5px)}50%{transform:translateX(10px) translateY(5px)}75%{transform:translateX(-5px) translateY(10px)}}.pack-header-content{padding:0 1.5rem;z-index:2}.pack-header-info h1{font-size:2rem;margin:0 0 .5rem;text-shadow:0 2px 4px #0000001a}.pack-header-description{font-size:1.1rem;margin:0 0 .5rem}.pack-plan-info{align-items:center;display:flex;font-size:.9rem;gap:1rem}.step-indicator{gap:.5rem}.step-circle{border:2px solid #ffffff4d;font-size:1rem;height:40px;transition:all .3s ease;width:40px}.step-circle.active{background:#fff3;border-color:#fffc;box-shadow:0 4px 12px #0003}.step-circle.completed{background:#ffffffe6;border-color:#ffffffe6;color:#6366f1}.step-connector{background:#ffffff4d;height:3px;transition:all .3s ease;width:32px}.step-connector.completed{background:#fff9}.pack-main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 380px;margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.pack-form-card{border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2.5rem;position:relative}.pack-form-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-theme .pack-form-card:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.alternate-theme .pack-form-card:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-theme .pack-form-card:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.step-header{margin-bottom:2rem}.step-title{font-size:1.5rem}.tsa-theme .step-title{color:#221368}.alternate-theme .step-title{color:#2b55a1}.maths-theme .step-title{color:#2d4059}.step-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.5rem 1rem}.form-section{margin-bottom:2rem}.form-label{font-size:.9rem;margin-bottom:.75rem}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease}.tsa-theme .form-input:focus{border-color:#6b5ca5;box-shadow:0 0 0 3px #6b5ca51a}.alternate-theme .form-input:focus{border-color:#2b55a1;box-shadow:0 0 0 3px #2b55a11a}.maths-theme .form-input:focus{border-color:#3f72af;box-shadow:0 0 0 3px #3f72af1a}.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-section{margin-bottom:2rem}.filter-tabs{border-bottom:2px solid #f1f5f9;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.filter-tab{border-bottom:3px solid #0000;border-radius:8px 8px 0 0;font-size:.9rem;padding:.75rem 1.25rem;transition:all .3s ease}.filter-tab.active{background:linear-gradient(135deg,#6366f10d,#6366f11a);border-bottom-color:#6366f1}.tsa-theme .filter-tab.active{background:linear-gradient(135deg,#6b5ca50d,#6b5ca51a);border-bottom-color:#6b5ca5;color:#6b5ca5}.alternate-theme .filter-tab.active{background:linear-gradient(135deg,#2b55a10d,#2b55a11a);border-bottom-color:#2b55a1;color:#2b55a1}.maths-theme .filter-tab.active{background:linear-gradient(135deg,#3f72af0d,#3f72af1a);border-bottom-color:#3f72af;color:#3f72af}.filter-tab:hover:not(.active){background:#00000005;color:#333}.filter-buttons{align-content:flex-start;gap:.75rem;min-height:100px}.filter-button{border:2px solid;border-radius:25px;font-size:.85rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.filter-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-button:hover:before{left:100%}.filter-button:not(.active){border-color:#e2e8f0;color:#64748b}.filter-button:not(.active):hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.filter-button.active{background:linear-gradient(45deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f14d}.tsa-theme .filter-button.active{background:linear-gradient(45deg,#6b5ca5,#8a7db8);border-color:#6b5ca5;box-shadow:0 4px 16px #6b5ca54d}.alternate-theme .filter-button.active{background:linear-gradient(45deg,#2b55a1,#4d7bc9);border-color:#2b55a1;box-shadow:0 4px 16px #2b55a14d}.maths-theme .filter-button.active{background:linear-gradient(45deg,#3f72af,#5a8bc7);border-color:#3f72af;box-shadow:0 4px 16px #3f72af4d}.clear-filters-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:.8rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover{background:#e2e8f0;color:#333}.slider-section{margin-bottom:2rem}.slider-container{gap:1rem;margin-bottom:.75rem}.slider-label{font-size:.875rem;min-width:20px}.slider-input{appearance:none;transition:all .3s ease}.slider-value{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#6366f1;font-size:1rem;font-weight:700;min-width:70px;padding:.75rem}.tsa-theme .slider-value{color:#6b5ca5}.alternate-theme .slider-value{color:#2b55a1}.maths-theme .slider-value{color:#3f72af}.slider-info{font-size:.85rem;margin:.75rem 0 0}.questions-container{background:#fafbfc;border:2px solid #f1f5f9;border-radius:16px;margin-bottom:2rem;max-height:600px}.question-item{border-bottom:1px solid #f1f5f9;gap:1rem;padding:1.25rem;transition:all .3s ease}.question-item:last-child{border-bottom:none}.question-item:hover:not(.selected){background:#f8fafc;transform:translateX(4px)}.question-item.selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #6366f1}.tsa-theme .question-item.selected{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-left-color:#6b5ca5}.alternate-theme .question-item.selected{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-left-color:#2b55a1}.maths-theme .question-item.selected{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-left-color:#3f72af}.question-checkbox{border-radius:6px;height:24px;margin-top:2px;transition:all .3s ease;width:24px}.question-checkbox.checked{background:linear-gradient(45deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.tsa-theme .question-checkbox.checked{background:linear-gradient(45deg,#6b5ca5,#8a7db8);border-color:#6b5ca5;box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .question-checkbox.checked{background:linear-gradient(45deg,#2b55a1,#4d7bc9);border-color:#2b55a1;box-shadow:0 4px 12px #2b55a14d}.maths-theme .question-checkbox.checked{background:linear-gradient(45deg,#3f72af,#5a8bc7);border-color:#3f72af;box-shadow:0 4px 12px #3f72af4d}.question-meta{color:#94a3b8;font-size:.8rem;margin-bottom:.5rem}.question-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;margin-bottom:.75rem;overflow:hidden}.question-tags{gap:.5rem}.question-tag{border-radius:12px;font-size:.7rem;padding:.25rem .6rem}.tag-type{background:linear-gradient(45deg,#dbeafe,#bfdbfe);color:#1e40af}.tag-year{background:linear-gradient(45deg,#f3f4f6,#e5e7eb);color:#4b5563}.color-palette{gap:1rem;margin-bottom:2rem}.color-option{border:4px solid #0000;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:60px;transition:all .3s ease;width:60px}.color-option.selected{border-color:#1f2937;box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937}.color-option-check{font-size:18px;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}.template-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.template-option{align-items:center;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.template-option:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.template-option:hover:before{left:100%}.template-option:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.template-option.selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.tsa-theme .template-option.selected{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-color:#6b5ca5}.alternate-theme .template-option.selected{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-color:#2b55a1}.maths-theme .template-option.selected{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-color:#3f72af}.template-icon{font-size:2rem;margin-bottom:.75rem}.template-name{font-size:.95rem;font-weight:600;margin-bottom:.5rem}.template-option.selected .template-name{color:#6366f1}.tsa-theme .template-option.selected .template-name{color:#6b5ca5}.alternate-theme .template-option.selected .template-name{color:#2b55a1}.maths-theme .template-option.selected .template-name{color:#3f72af}.template-preview{font-size:.8rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.option-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;gap:.75rem;padding:1rem;transition:all .3s ease}.option-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateX(4px)}.option-checkbox{accent-color:#6366f1;height:20px;width:20px}.tsa-theme .option-checkbox{accent-color:#6b5ca5}.alternate-theme .option-checkbox{accent-color:#2b55a1}.maths-theme .option-checkbox{accent-color:#3f72af}.option-label{font-size:.9rem;font-weight:500}.option-item.disabled:hover{transform:none}.button-group{gap:1rem;margin-top:2rem}.btn{border-radius:12px;overflow:hidden;padding:1rem 1.5rem;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#64748b;flex:1 1}.btn-secondary:hover{background:#f8fafc;color:#333;transform:translateY(-2px)}.btn-primary{background:linear-gradient(45deg,#6366f1,#8b5cf6);box-shadow:0 6px 20px #6366f14d;flex:2 1}.btn-primary:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.tsa-theme .btn-primary{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 6px 20px #6b5ca54d}.alternate-theme .btn-primary{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 6px 20px #2b55a14d}.maths-theme .btn-primary{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 6px 20px #3f72af4d}.btn-success{background:linear-gradient(45deg,#10b981,#14d399);box-shadow:0 6px 20px #10b9814d;flex:2 1}.btn-success:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-3px)}.btn:disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.btn:disabled:before{display:none}.spinner{height:18px;margin-right:.5rem;width:18px}.sidebar{display:flex;flex-direction:column;gap:1.5rem;height:fit-content;position:sticky;top:120px}.sidebar-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2rem;position:relative}.sidebar-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-theme .sidebar-card:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.alternate-theme .sidebar-card:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-theme .sidebar-card:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.sidebar-title{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.tsa-theme .sidebar-title{color:#221368}.alternate-theme .sidebar-title{color:#2b55a1}.maths-theme .sidebar-title{color:#2d4059}.preview-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px solid;border-radius:12px;margin-bottom:1rem;padding:1.5rem;position:relative}.preview-header{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;left:1rem;padding:.25rem .75rem;position:absolute;top:-12px}.preview-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.preview-meta{color:#64748b;font-size:.875rem;margin-bottom:1rem}.preview-sample{background:#fff;border:1px solid #e2e8f0;border-radius:8px;line-height:1.5;margin-bottom:.75rem;padding:1rem}.preview-sample-title{font-weight:600;margin-bottom:.5rem}.preview-sample-options{color:#64748b;font-size:.9em}.preview-answer{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #bbf7d0;border-radius:4px;color:#166534;font-size:.8rem;padding:.5rem}.stats-grid{grid-gap:1rem;gap:1rem}.stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.stat-row:last-child{border-bottom:none}.stat-value{color:#1e293b;font-size:.875rem}.stat-value.success{color:#10b981}.stat-value.error{color:#ef4444}.stat-divider{background:#e2e8f0;height:1px;margin:.75rem 0}.stat-color-display{align-items:center;display:flex;gap:.5rem}.stat-color-circle{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e2e8f0;height:18px;width:18px}.progress-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.progress-label{color:#64748b;font-size:.8rem;margin-bottom:.75rem;text-align:center}.progress-bar{border-radius:3px;height:6px}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.tips-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:1.5rem}.tips-title{align-items:center;color:#0369a1;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.tips-list{color:#0369a1;font-size:.85rem;line-height:1.5;margin:0;padding-left:1rem}.tips-list li{list-style-type:disc;margin-bottom:.5rem}.loading-container{padding:4rem 2rem}.loading-spinner{height:50px;margin:0 auto 1.5rem;width:50px}.loading-text{font-size:1.1rem}.empty-state{color:#94a3b8;padding:3rem 2rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state-text{font-size:1rem}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;margin-top:2rem;padding:1.5rem}.success-title{color:#166534;font-size:1.1rem;margin:0 0 .5rem}.success-subtitle{color:#166534}.success-pack-id,.success-subtitle{font-size:.875rem;margin:0 0 1.5rem}.success-pack-id{background:#1665341a;border-radius:4px;font-family:Courier New,monospace;padding:.5rem}.success-actions{gap:.75rem}.success-action{font-size:.875rem;padding:.75rem 1.25rem;transition:all .3s ease}.success-action-primary{background:#166534}.success-action-primary:hover{background:#14532d;transform:translateY(-2px)}.success-action-secondary{background:#3b82f6;border:none;cursor:pointer}.success-action-secondary:hover{background:#2563eb;transform:translateY(-2px)}.success-action-secondary:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.success-action-tertiary{background:#fff;border:1px solid #bbf7d0;color:#166534}.success-action-tertiary:hover{background:#f0fdf4;transform:translateY(-2px)}@media (max-width:1024px){.pack-main-content{gap:2rem;grid-template-columns:1fr}.sidebar{order:-1;position:static}.pack-header-content{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width:768px){.pack-header{padding:1.5rem 0}.pack-header-content{padding:0 1rem}.pack-header-info h1{font-size:1.5rem}.pack-header-description{font-size:1rem}.pack-main-content{padding:1.5rem 1rem}.pack-form-card{padding:1.5rem}.step-title{font-size:1.25rem}.filter-tabs{overflow-x:auto;padding-bottom:.5rem}.filter-tab{white-space:nowrap}.template-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.step-indicator{scale:.8}.color-palette{justify-content:center}.color-option{height:50px;width:50px}.success-actions{flex-direction:column}}@media (max-width:480px){.pack-form-card{padding:1rem}.sidebar-card{padding:1.5rem}.filter-buttons{justify-content:center}.questions-container{max-height:400px}.question-item{padding:1rem}.slider-container{flex-direction:column;gap:.5rem}.slider-value{align-self:center;min-width:auto;width:80px}}.fade-in{animation:fadeIn .5s ease forwards}input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(45deg,#6366f1,#8b5cf6);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #6366f14d;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.tsa-theme input[type=range]::-webkit-slider-thumb{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme input[type=range]::-webkit-slider-thumb{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.maths-theme input[type=range]::-webkit-slider-thumb{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af4d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:linear-gradient(45deg,#6366f1,#8b5cf6);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #6366f14d;cursor:pointer;height:24px;width:24px}.pack-viewer-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 0}.pack-viewer-container{margin:0 auto;max-width:900px;padding:0 1.5rem}.pack-back-nav{margin-bottom:2rem}.pack-back-link{align-items:center;color:#6b5ca5;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.tsa-theme .pack-back-link{color:#6b5ca5}.alternate-theme .pack-back-link{color:#2b55a1}.maths-theme .pack-back-link{color:#3f72af}.pack-back-link:hover{color:#5a4b94;transform:translateX(-4px)}.alternate-theme .pack-back-link:hover{color:#1a4490}.maths-theme .pack-back-link:hover{color:#2d4059}.pack-header-card{border:1px solid #fff3;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:3rem 2rem}.pack-header-card:before{background:linear-gradient(90deg,#667eea,#764ba2);height:4px}.tsa-theme .pack-header-card:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.alternate-theme .pack-header-card:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-theme .pack-header-card:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.pack-header-info{margin-bottom:2rem;text-align:center}.pack-title{background:linear-gradient(45deg,#667eea,#764ba2);margin-bottom:1rem}.tsa-theme .pack-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6b5ca5,#8a7db8);-webkit-background-clip:text;background-clip:text}.alternate-theme .pack-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.maths-theme .pack-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3f72af,#5a8bc7);-webkit-background-clip:text;background-clip:text}.pack-meta{color:#64748b;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.pack-details{color:#94a3b8;font-family:Courier New,monospace;font-size:.95rem}.pack-settings-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.pack-settings-title{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.pack-settings-grid{grid-gap:1rem;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pack-setting-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.pack-setting-label{color:#64748b;font-weight:500}.pack-setting-value{color:#1e293b;font-weight:600}.pack-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.pack-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.pack-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pack-action-btn:hover:before{left:100%}.pack-action-btn.primary{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 6px 20px #6b5ca54d;color:#fff}.pack-action-btn.primary:hover{box-shadow:0 8px 25px #6b5ca566;transform:translateY(-3px)}.pack-action-btn.primary.active{background:linear-gradient(45deg,#5a4b94,#7a6da7)}.pack-action-btn.secondary{background:linear-gradient(45deg,#6f42c1,#8e44ad);box-shadow:0 6px 20px #6f42c14d;color:#fff}.pack-action-btn.secondary:hover{box-shadow:0 8px 25px #6f42c166;transform:translateY(-3px)}.alternate-theme .pack-action-btn.primary{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 6px 20px #2b55a14d}.maths-theme .pack-action-btn.primary{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 6px 20px #3f72af4d}.questions-section{margin-bottom:3rem}.questions-empty{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;color:#94a3b8;padding:4rem 2rem;text-align:center}.questions-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.questions-empty-text{font-size:1.1rem;margin:0}.question-card{border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.question-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.question-card:before{background:linear-gradient(180deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.tsa-theme .question-card:before{background:linear-gradient(180deg,#6b5ca5,#8a7db8)}.alternate-theme .question-card:before{background:linear-gradient(180deg,#2b55a1,#4d7bc9)}.maths-theme .question-card:before{background:linear-gradient(180deg,#3f72af,#5a8bc7)}.question-header{margin-bottom:1.5rem}.question-number{font-size:1.25rem}.question-badges{display:flex;flex-wrap:wrap;gap:.5rem}.question-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem}.badge-type{background:linear-gradient(45deg,#e0f2fe,#b3e5fc);color:#0277bd}.badge-year{background:linear-gradient(45deg,#f0f4f8,#e2e8f0);color:#475569}.question-content-section{margin-bottom:1.5rem}.question-section-label{color:#374151;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.question-text{font-size:1.05rem}.question-options{margin-bottom:1.5rem}.question-option{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.question-option:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateX(4px)}.question-option:last-child{margin-bottom:0}.option-id{font-size:.9rem;height:2rem;width:2rem}.option-text{line-height:1.6}.question-answer{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #bbf7d0;border-left:4px solid #22c55e;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.answer-label{color:#166534;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem}.answer-content{flex-wrap:wrap;gap:1rem}.answer-id{background:linear-gradient(45deg,#22c55e,#16a34a);border-radius:8px;box-shadow:0 4px 12px #22c55e4d;font-size:1rem;font-weight:700;padding:.5rem 1rem}.answer-text{color:#166534;flex:1 1;font-weight:600}.plew-content{margin-bottom:1.5rem}.plew-section{margin-bottom:1.25rem}.plew-section-title{color:#374151;font-size:.9rem;font-weight:700;margin-bottom:.75rem}.plew-text{color:#374151;font-size:1rem;line-height:1.7}.maths-content{margin-bottom:1.5rem}.maths-question-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.maths-topics{color:#64748b;margin-top:.75rem}.maths-topics-label{color:#374151;font-weight:600}.pack-footer{border-top:2px solid #f1f5f9;margin-top:3rem;padding:3rem 0 2rem;text-align:center}.pack-footer-content{color:#64748b;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:500px}.pack-footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.tsa-theme .pack-footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6b5ca5,#8a7db8);-webkit-background-clip:text;background-clip:text}.alternate-theme .pack-footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.maths-theme .pack-footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3f72af,#5a8bc7);-webkit-background-clip:text;background-clip:text}.pack-loading{color:#64748b;padding:4rem 2rem;text-align:center}.pack-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#6b5ca5;height:50px;margin:0 auto 1.5rem;width:50px}.tsa-theme .pack-loading-spinner{border-top-color:#6b5ca5}.alternate-theme .pack-loading-spinner{border-top-color:#2b55a1}.maths-theme .pack-loading-spinner{border-top-color:#3f72af}.pack-loading-text{font-size:1.2rem;font-weight:500}.pack-error{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:4rem 2rem;text-align:center}.pack-error-title{color:#dc2626;font-size:2rem;font-weight:700;margin-bottom:1rem}.pack-error-message{color:#dc2626;font-size:1.1rem;margin-bottom:2rem}.pack-error-link{border:2px solid #6b5ca5;border-radius:8px;color:#6b5ca5;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.pack-error-link:hover{background:#6b5ca5;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.pack-viewer-container{padding:0 1rem}.pack-header-card{padding:2rem 1.5rem}.pack-title{font-size:2rem}.pack-actions{flex-direction:column;gap:.75rem}.pack-action-btn{justify-content:center;width:100%}.pack-settings-grid{grid-template-columns:1fr}.question-card{padding:1.5rem}.question-header{align-items:flex-start;flex-direction:column;gap:1rem}.question-badges{width:100%}.answer-content,.question-option{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:480px){.pack-title{font-size:1.5rem}.question-card,.question-passage{padding:1rem}.pack-footer{padding:2rem 0 1rem}.pack-footer-content{font-size:.85rem}}.fade-in-up{animation:fadeInUp .6s ease forwards}.quiz-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.quiz-container{animation:quizFadeIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}@keyframes quizFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.quiz-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.tsa-theme .quiz-header{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .quiz-header{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .quiz-header{background:linear-gradient(135deg,#3f72af,#2d4059)}.quiz-header:before{background:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quiz-header-info{position:relative;z-index:2}.quiz-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.quiz-subject-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem}.quiz-header-controls{align-items:center;display:flex;gap:1rem;position:relative;z-index:2}.quiz-timer{background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 4px 12px #0003;font-size:1rem;font-weight:700;padding:.75rem 1.25rem}.quiz-close-btn,.quiz-timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.quiz-close-btn{background:#ff4757e6;border:none;border-radius:50%;box-shadow:0 4px 12px #ff475766;cursor:pointer;font-size:24px;height:45px;transition:all .3s ease;width:45px}.quiz-close-btn:hover{background:#ff4757;transform:scale(1.1)}.quiz-progress-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.quiz-progress-bar{background:#e2e8f0;border-radius:4px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.quiz-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .4s ease}.tsa-theme .quiz-progress-fill{background:linear-gradient(90deg,#6b5ca5,#8a7db8)}.alternate-theme .quiz-progress-fill{background:linear-gradient(90deg,#2b55a1,#4d7bc9)}.maths-theme .quiz-progress-fill{background:linear-gradient(90deg,#3f72af,#5a8bc7)}.quiz-progress-text{color:#64748b;font-size:.9rem;font-weight:600;text-align:center}.quiz-navigator{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0 2rem 1.5rem}.nav-question-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.nav-question-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-question-btn:hover:before{left:100%}.nav-question-btn.current{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.1)}.tsa-theme .nav-question-btn.current{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca566}.alternate-theme .nav-question-btn.current{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a166}.maths-theme .nav-question-btn.current{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af66}.nav-question-btn.correct{background:linear-gradient(45deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e66;color:#fff}.nav-question-btn.incorrect{background:linear-gradient(45deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466;color:#fff}.nav-question-btn.answered{background:linear-gradient(45deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50;color:#2e7d32}.nav-question-btn.unanswered{background:#f8fafc;border:2px solid #e2e8f0;color:#64748b}.nav-question-btn:hover:not(.current){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.quiz-content{background:#fff;max-height:60vh;padding:2rem}.quiz-review-status{border:2px solid;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative}.quiz-review-status:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.quiz-review-status.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;color:#166534}.quiz-review-status.correct:before{background:#22c55e}.quiz-review-status.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#991b1b}.quiz-review-status.incorrect:before{background:#ef4444}.review-status-header{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:.75rem}.review-status-details{font-size:.95rem;line-height:1.5}.review-answer-item{margin:.5rem 0}.question-passage{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #667eea;border-radius:12px;color:#374151;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;padding:1.5rem}.tsa-theme .question-passage{border-left-color:#6b5ca5}.alternate-theme .question-passage{border-left-color:#2b55a1}.maths-theme .question-passage{border-left-color:#3f72af}.question-text{color:#1e293b;font-size:1.1rem;margin-bottom:1.5rem}.quiz-options{grid-gap:1rem;display:grid;gap:1rem}.quiz-option{align-items:flex-start;border:2px solid;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s ease}.quiz-option:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quiz-option:hover:before{left:100%}.quiz-option.default{background:#fff;border-color:#e2e8f0;color:#374151}.quiz-option.default:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.quiz-option.selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#667eea;color:#1e40af}.tsa-theme .quiz-option.selected{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-color:#6b5ca5;color:#6b5ca5}.alternate-theme .quiz-option.selected{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-color:#2b55a1;color:#2b55a1}.maths-theme .quiz-option.selected{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-color:#3f72af;color:#3f72af}.quiz-option.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;color:#166534}.quiz-option.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;color:#991b1b}.quiz-option:disabled{cursor:default}.option-id{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;font-size:1rem;font-weight:700;height:2.5rem;width:2.5rem}.tsa-theme .option-id{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .option-id{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.maths-theme .option-id{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af4d}.option-status{font-size:1.2rem;font-weight:700;margin-left:.75rem}.quiz-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.5;outline:none;padding:1.25rem;resize:vertical;transition:border-color .3s ease;width:100%}.quiz-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tsa-theme .quiz-textarea:focus{border-color:#6b5ca5;box-shadow:0 0 0 3px #6b5ca51a}.alternate-theme .quiz-textarea:focus{border-color:#2b55a1;box-shadow:0 0 0 3px #2b55a11a}.maths-theme .quiz-textarea:focus{border-color:#3f72af;box-shadow:0 0 0 3px #3f72af1a}.quiz-textarea:disabled{background:#f8fafc;cursor:not-allowed}.quiz-textarea.math{font-family:Courier New,monospace}.question-info{margin-bottom:1.5rem}.question-number{color:#1e293b;font-size:1.2rem;margin-bottom:.75rem}.question-topics{color:#64748b;font-size:.9rem;line-height:1.4}.question-topics-label{color:#374151;font-weight:600}.quiz-controls{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem 2rem}.quiz-nav-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.quiz-nav-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quiz-nav-btn:hover:before{left:100%}.quiz-nav-btn.secondary{background:#64748b;box-shadow:0 4px 12px #64748b4d;color:#fff}.quiz-nav-btn.secondary:hover:not(:disabled){background:#475569;box-shadow:0 6px 16px #64748b66;transform:translateY(-2px)}.quiz-nav-btn.primary{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.quiz-nav-btn.primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.tsa-theme .quiz-nav-btn.primary{background:linear-gradient(45deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .quiz-nav-btn.primary{background:linear-gradient(45deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.maths-theme .quiz-nav-btn.primary{background:linear-gradient(45deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af4d}.quiz-nav-btn.success{background:linear-gradient(45deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d;color:#fff}.quiz-nav-btn.success:hover:not(:disabled){box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.quiz-nav-btn:disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.quiz-nav-btn:disabled:before{display:none}.quiz-status-text{color:#64748b;font-size:.9rem;font-weight:600;text-align:center}.quiz-results-container{animation:quizFadeIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.quiz-results-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9;padding:2rem;position:relative;text-align:center}.quiz-results-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.quiz-results-close{background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.quiz-results-close:hover{background:#ff3838;transform:scale(1.1)}.quiz-results-content{max-height:calc(90vh - 200px);padding:2rem}.quiz-score-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.quiz-score-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;margin-bottom:.5rem}.quiz-score-percentage.excellent{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text}.quiz-score-percentage.good{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.quiz-score-percentage.poor{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.quiz-score-details{color:#64748b;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.quiz-score-time{color:#64748b;font-size:1rem}.quiz-results-section{margin-bottom:2rem}.quiz-results-section-title{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.quiz-results-list{grid-gap:1rem;display:grid;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.quiz-result-item{border:2px solid;border-radius:12px;padding:1.25rem;transition:all .3s ease}.quiz-result-item.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.quiz-result-item.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.quiz-result-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.quiz-result-number{color:#1e293b;font-weight:700}.quiz-result-status{font-size:1.2rem}.quiz-result-status.correct{color:#22c55e}.quiz-result-status.incorrect{color:#ef4444}.quiz-result-question{color:#374151;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.quiz-result-answers{font-size:.85rem}.quiz-result-answer{margin:.25rem 0}.answer-user{color:#64748b}.answer-correct{color:#22c55e;font-weight:600}.quiz-results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.quiz-results-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.quiz-results-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quiz-results-btn:hover:before{left:100%}.quiz-results-btn.primary{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.quiz-results-btn.primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.quiz-results-btn.secondary{background:#64748b;box-shadow:0 4px 12px #64748b4d;color:#fff}.quiz-results-btn.secondary:hover{background:#475569;box-shadow:0 6px 16px #64748b66;transform:translateY(-2px)}@media (max-width:768px){.quiz-container,.quiz-results-container{margin:10px;max-width:calc(100vw - 20px)}.quiz-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.quiz-header-controls{justify-content:space-between;width:100%}.quiz-title{font-size:1.25rem}.quiz-navigator,.quiz-progress-section{padding-left:1rem;padding-right:1rem}.quiz-content{padding:1.5rem}.quiz-controls{flex-direction:column;gap:1rem;padding:1.5rem}.quiz-nav-btn{justify-content:center;width:100%}.quiz-status-text{order:-1}.quiz-score-percentage{font-size:3rem}.quiz-results-actions{flex-direction:column}.quiz-results-btn{width:100%}}@media (max-width:480px){.quiz-overlay{padding:10px}.quiz-content,.quiz-controls,.quiz-header,.quiz-results-content{padding:1rem}.nav-question-btn{font-size:.8rem;height:35px;width:35px}.quiz-option{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.option-id{font-size:.9rem;height:2rem;width:2rem}.quiz-score-percentage{font-size:2.5rem}.quiz-results-list{max-height:300px}}.quiz-content::-webkit-scrollbar,.quiz-results-content::-webkit-scrollbar,.quiz-results-list::-webkit-scrollbar{width:8px}.quiz-content::-webkit-scrollbar-track,.quiz-results-content::-webkit-scrollbar-track,.quiz-results-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.quiz-content::-webkit-scrollbar-thumb,.quiz-results-content::-webkit-scrollbar-thumb,.quiz-results-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.quiz-content::-webkit-scrollbar-thumb:hover,.quiz-results-content::-webkit-scrollbar-thumb:hover,.quiz-results-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quiz-loading{align-items:center;display:flex;font-weight:600;gap:.5rem;justify-content:center}.quiz-loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.banner-search-container{margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px}@media (max-width:768px){.modern-main-header{min-height:45vh}.modern-brand-title{font-size:2rem}.modern-cursor,.typing-text{font-size:1rem}.banner-search-container{margin-top:1.5rem;padding:0 1rem}.banner-searchbox-input{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.modern-brand-title{font-size:1.5rem}.modern-cursor,.typing-text{font-size:.9rem}.banner-searchbox-input{font-size:.95rem;padding:.875rem 1.25rem}}.modern-main-header{min-height:50vh}.modern-brand-title{font-size:3rem;letter-spacing:-2px;margin:0 0 1rem}.modern-typing-container{margin:1rem 0;min-height:2rem}.modern-cursor,.typing-text{font-size:1.1rem}.modern-subtitle{display:none}.banner-search-container{margin-left:auto!important;margin-right:auto!important;margin-top:2rem!important;max-width:600px!important;position:relative!important;width:100%!important;z-index:10!important}.banner-searchbox-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 8px 30px #0000004d;display:flex;overflow:hidden;transition:all .3s ease}.banner-searchbox-form:focus-within{border-color:#fffc;box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.banner-searchbox-input{background-color:initial;border:none;color:#374151;flex-grow:1;font-size:1.1rem;font-weight:500;outline:none;padding:1.25rem 2rem}.banner-searchbox-input::placeholder{color:#9ca3af;font-weight:400}.banner-searchbox-submit{display:none}.banner-searchbox-reset{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;transition:color .2s ease;width:50px}.banner-searchbox-reset:hover{color:#374151}.searchbox-container:not(.banner-search-container){display:none}.quiz-banner-section{padding:1.5rem 0}.modern-search-wrapper{padding:2rem 0}.search-card,.search-card-header{display:none}@media (max-width:768px){.modern-main-header{min-height:45vh;padding-bottom:80px}.modern-brand-title{font-size:2rem}.modern-cursor,.typing-text{font-size:1rem}.banner-search-container{margin-top:1.5rem!important;width:100%!important}.banner-searchbox-input{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.modern-main-header{min-height:40vh}.modern-brand-title{font-size:1.5rem}.modern-cursor,.typing-text{font-size:.9rem}.banner-search-container{margin-top:1rem!important}.banner-searchbox-input{font-size:.95rem;padding:.875rem 1.25rem}}.tsa-theme .modern-main-header{background:linear-gradient(135deg,#6b5ca5,#221368)!important}.tsa-theme .modern-typing-container{color:#fff}.alternate-theme .modern-main-header{background:linear-gradient(135deg,#2b55a1,#1a4490)}.alternate-theme .modern-typing-container{color:#fff}.maths-theme .modern-main-header{background:linear-gradient(135deg,#3f72af,#2d4059)}.maths-theme .modern-typing-container{color:#fff}.header-search-container{margin:2rem 0 1.5rem}.header-searchbox-form{height:50px;max-width:500px}.header-searchbox-form:focus-within,.header-searchbox-form:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.header-searchbox-input{font-size:16px;padding:0 20px}.header-searchbox-input::placeholder{color:#ffffffb3;font-style:italic}.header-searchbox-input:focus::placeholder{color:#ffffff80}.header-searchbox-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;margin:5px;transition:all .3s ease;width:40px}.header-searchbox-submit:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.header-searchbox-submit svg{color:#fff;height:18px;width:18px}.header-searchbox-reset{align-items:center;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:10px;opacity:.7;transition:all .3s ease;width:32px}.header-searchbox-reset:hover{background:#fff3;opacity:1;transform:scale(1.1)}.header-searchbox-reset svg{color:#fff;height:14px;width:14px}.header-searchbox-form:not(.header-searchbox-form--has-input) .header-searchbox-reset{display:none}@media (max-width:768px){.header-search-container{margin:1.5rem 0 1rem;padding:0 1rem}.header-searchbox-form{height:45px;max-width:100%}.header-searchbox-input{font-size:14px;padding:0 15px}.header-searchbox-submit{height:35px;width:35px}.header-searchbox-submit svg{height:16px;width:16px}}@keyframes slideInSearch{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-search-container{animation:slideInSearch .6s ease-out .8s both}.header-searchbox-form:focus-within{box-shadow:0 12px 40px #00000026,0 0 0 1px #ffffff4d,0 0 30px #ffffff1a}.interactive-question-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem}.interactive-container{margin:0 auto;max-width:1000px}.interactive-start-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.start-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.start-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.tsa-theme .start-icon{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .start-icon{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .start-icon{background:linear-gradient(135deg,#3f72af,#2d4059)}.start-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.start-subtitle{color:#64748b;font-size:1.2rem;margin-bottom:2rem}.start-details{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.start-details h3{color:#374151;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{color:#374151;font-size:.9rem;gap:.75rem}.detail-icon,.detail-item{align-items:center;display:flex}.detail-icon{border-radius:50%;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.detail-icon.timer{background:#667eea}.detail-icon.subject{background:#8b5cf6}.detail-icon.type{background:#22c55e}.detail-icon.results{background:#f59e0b}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.start-button:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.tsa-theme .start-button{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 8px 25px #6b5ca54d}.alternate-theme .start-button{background:linear-gradient(135deg,#2b55a1,#1a4490);box-shadow:0 8px 25px #2b55a14d}.maths-theme .start-button{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 8px 25px #3f72af4d}.question-header-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.question-header-content{align-items:center;display:flex;justify-content:space-between}.question-header-info h1{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.question-header-info p{color:#64748b;margin:0}.timer-display{text-align:center}.timer-circle{border:4px solid;box-shadow:0 8px 25px #0003;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:80px;width:80px}.timer-circle.time-good{background:#22c55e;border-color:#22c55e}.timer-circle.time-warning{background:#f59e0b;border-color:#f59e0b}.timer-circle.time-danger{background:#ef4444;border-color:#ef4444}.question-content-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2.5rem}.korean-question{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.korean-question h2{color:#0369a1;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.korean-question p{color:#0c4a6e;font-size:1rem;font-weight:500;margin:0}.english-passage{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #667eea;border-radius:16px;margin-bottom:2rem;padding:2rem}.tsa-theme .english-passage{border-left-color:#6b5ca5}.alternate-theme .english-passage{border-left-color:#2b55a1}.maths-theme .english-passage{border-left-color:#3f72af}.english-passage p{color:#374151;font-size:1.05rem;line-height:1.8;margin:0}.answer-options{margin-bottom:2rem}.answer-options h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.answer-option{align-items:flex-start;margin-bottom:1rem;text-align:left;width:100%}.answer-option:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.answer-option:disabled{cursor:not-allowed;opacity:.7}.option-letter{font-size:.9rem;height:32px;width:32px}.submit-section{text-align:center}.submit-button{border-radius:16px;font-size:1.1rem;margin-bottom:1rem;padding:1rem 2rem}.submit-button.enabled{background:linear-gradient(135deg,#22c55e,#2563eb);box-shadow:0 8px 25px #22c55e4d;color:#fff}.submit-button.enabled:hover{box-shadow:0 12px 35px #22c55e66;transform:translateY(-3px)}.submit-button.disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.submit-hint{color:#64748b;font-size:.9rem}.results-screen{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.results-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:800px;padding:3rem;width:100%}.results-header{margin-bottom:3rem;text-align:center}.results-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:96px;justify-content:center;margin:0 auto 1.5rem;width:96px}.results-icon.correct{background:linear-gradient(135deg,#22c55e,#16a34a)}.results-icon.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626)}.results-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.results-title.correct{color:#16a34a}.results-title.incorrect{color:#dc2626}.results-subtitle{color:#64748b;font-size:1.1rem;margin:0}.answer-breakdown{margin-bottom:3rem}.breakdown-item{border:2px solid;border-radius:16px;margin-bottom:1rem;padding:1.5rem}.breakdown-item h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.breakdown-item.user-answer{background:#f8fafc;border-color:#e2e8f0}.breakdown-item.user-answer.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.breakdown-item.user-answer.correct h3{color:#16a34a}.breakdown-item.user-answer.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.breakdown-item.user-answer.incorrect h3{color:#dc2626}.breakdown-item.user-answer.no-answer{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.breakdown-item.user-answer.no-answer h3{color:#d97706}.breakdown-item.correct-answer{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.breakdown-item.correct-answer h3{color:#16a34a}.answer-text{background:#ffffffb3;border:1px solid #0000001a;border-radius:12px;color:#374151;font-weight:500;padding:1rem}.results-button{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.results-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.results-button.primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.results-button.secondary{background:#64748b;box-shadow:0 6px 20px #64748b4d;color:#fff}.results-button.secondary:hover{background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-3px)}@media (max-width:768px){.interactive-question-page{padding:1rem}.results-card,.start-card{padding:2rem}.question-content-card,.question-header-card{padding:1.5rem}.question-header-content{flex-direction:column;gap:1.5rem;text-align:center}.timer-circle{font-size:1.2rem;height:60px;width:60px}.results-title,.start-title{font-size:2rem}.details-grid{gap:.75rem;grid-template-columns:1fr}.answer-option{align-items:flex-start;padding:1rem}.answer-option,.results-actions{flex-direction:column;gap:.75rem}.results-button{width:100%}}@media (max-width:480px){.results-card,.start-card{padding:1.5rem}.question-content-card,.question-header-card{padding:1rem}.english-passage{padding:1.5rem}.korean-question{padding:1rem}.results-title,.start-title{font-size:1.5rem}.results-icon{font-size:2rem;height:80px;width:80px}}.explanation-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem}.explanation-container{margin:0 auto;max-width:1400px}.explanation-header{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.explanation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 1rem}.tsa-theme .explanation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6b5ca5,#8a7db8);-webkit-background-clip:text;background-clip:text}.alternate-theme .explanation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.maths-theme .explanation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3f72af,#5a8bc7);-webkit-background-clip:text;background-clip:text}.explanation-subtitle{color:#64748b;font-size:1.1rem;margin:0}.explanation-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;min-height:600px}.explanation-panel{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow:hidden}.panel-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem}.panel-header h2{color:#1e293b;font-size:1.3rem;font-weight:600;gap:.75rem;margin:0}.panel-header h2,.panel-icon{align-items:center;display:flex}.panel-icon{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:1rem;height:32px;justify-content:center;width:32px}.tsa-theme .panel-icon{background:linear-gradient(45deg,#6b5ca5,#8a7db8)}.alternate-theme .panel-icon{background:linear-gradient(45deg,#2b55a1,#4d7bc9)}.maths-theme .panel-icon{background:linear-gradient(45deg,#3f72af,#5a8bc7)}.panel-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.image-panel .panel-content{padding:1rem}.explanation-image{border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.explanation-image:hover{transform:scale(1.02)}.image-caption{color:#64748b;font-size:.9rem;font-style:italic;margin-top:1rem;text-align:center}.video-container{border-radius:12px;box-shadow:0 8px 25px #00000026}.video-iframe{border:none;border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.video-info{margin-top:1.5rem;text-align:center}.video-title{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem}.video-description{color:#64748b;font-size:.9rem;margin:0}.explanation-navigation{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem;text-align:center}.navigation-content{margin:0 auto;max-width:500px}.navigation-message{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.navigation-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.nav-button{border:none;border-radius:16px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-button:hover:before{left:100%}.nav-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea4d;color:#fff}.nav-button.primary:hover{box-shadow:0 12px 35px #667eea66;transform:translateY(-3px)}.tsa-theme .nav-button.primary{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 8px 25px #6b5ca54d}.alternate-theme .nav-button.primary{background:linear-gradient(135deg,#2b55a1,#1a4490);box-shadow:0 8px 25px #2b55a14d}.maths-theme .nav-button.primary{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 8px 25px #3f72af4d}.nav-button.secondary{background:#64748b;box-shadow:0 6px 20px #64748b4d;color:#fff}.nav-button.secondary:hover{background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-3px)}.loading-content{color:#64748b;justify-content:center;min-height:300px}.loading-spinner{margin-right:1rem}.error-content{align-items:center;color:#dc2626;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-icon{font-size:3rem;opacity:.7}.error-details{color:#64748b;font-size:.9rem;max-width:400px}@media (max-width:1200px){.explanation-content{gap:1.5rem;grid-template-columns:1fr}.video-container{margin:0 auto;max-width:600px}}@media (max-width:768px){.explanation-page{padding:1rem}.explanation-container{padding:0}.explanation-header,.explanation-navigation,.explanation-panel{padding:1.5rem}.panel-header{padding:1rem 1.5rem}.panel-content{padding:1.5rem}.explanation-header h1{font-size:1.5rem}.navigation-buttons{flex-direction:column;gap:.75rem}.nav-button{width:100%}}@media (max-width:480px){.explanation-page{padding:.5rem}.explanation-header,.explanation-navigation,.explanation-panel{padding:1rem}.panel-header{padding:.75rem 1rem}.panel-content{padding:1rem}.explanation-header h1{font-size:1.25rem}.panel-header h2{font-size:1.1rem}}.explanation-content,.explanation-navigation{animation:fadeInUp .6s ease-out}.explanation-image:focus,.video-iframe:focus{outline:2px solid #667eea;outline-offset:2px}.tsa-theme .explanation-image:focus,.tsa-theme .video-iframe:focus{outline-color:#6b5ca5}.alternate-theme .explanation-image:focus,.alternate-theme .video-iframe:focus{outline-color:#2b55a1}.maths-theme .explanation-image:focus,.maths-theme .video-iframe:focus{outline-color:#3f72af}.question-progress{margin:1.5rem 0;max-width:400px}.progress-bar{box-shadow:inset 0 2px 4px #0000001a;margin-bottom:.75rem}.progress-text{margin:0;text-align:center}@media (max-width:768px){.question-progress{margin:1rem 0;max-width:100%}.progress-text{font-size:.8rem}}.simplification-exercise-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem}.simplification-container{margin:0 auto;max-width:900px}.exercise-header{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.exercise-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 1rem}.tsa-theme .exercise-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#6b5ca5,#8a7db8);-webkit-background-clip:text;background-clip:text}.alternate-theme .exercise-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.maths-theme .exercise-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3f72af,#5a8bc7);-webkit-background-clip:text;background-clip:text}.exercise-subtitle{color:#64748b;font-size:1.1rem;margin:0}.exercise-progress{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-title{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.progress-counter{color:#64748b;font-size:.9rem;font-weight:500}.phase-indicator{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;color:#475569;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem}.phase-icon{font-size:1rem}.sentence-display{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2.5rem}.sentence-display,.sentence-section{margin-bottom:2rem}.sentence-label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.sentence-content{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #667eea;border-radius:12px;color:#374151;font-size:1.1rem;line-height:1.7;padding:1.5rem}.tsa-theme .sentence-content{border-left-color:#6b5ca5}.alternate-theme .sentence-content{border-left-color:#2b55a1}.maths-theme .sentence-content{border-left-color:#3f72af}.input-section{margin-bottom:2rem}.input-label{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.input-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:100px;outline:none;padding:1.25rem;resize:vertical;transition:all .3s ease;width:100%}.input-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tsa-theme .input-textarea:focus{border-color:#6b5ca5;box-shadow:0 0 0 3px #6b5ca51a}.alternate-theme .input-textarea:focus{border-color:#2b55a1;box-shadow:0 0 0 3px #2b55a11a}.maths-theme .input-textarea:focus{border-color:#3f72af;box-shadow:0 0 0 3px #3f72af1a}.input-textarea.korean{font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.action-button{border-radius:12px}.action-button.primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.action-button.secondary{background:#64748b;box-shadow:0 6px 20px #64748b4d}.action-button.secondary:hover:not(:disabled){background:#475569;box-shadow:0 8px 25px #64748b66;transform:translateY(-3px)}.action-button:disabled{background:#e2e8f0!important;box-shadow:none!important;color:#94a3b8!important;cursor:not-allowed!important;transform:none!important}.action-button:disabled:before{display:none}.answer-comparison{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.comparison-header{margin-bottom:2rem;text-align:center}.comparison-title{color:#374151;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.accuracy-score{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.accuracy-score,.accuracy-score.excellent{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text}.accuracy-score.good{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.accuracy-score.poor{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text}.accuracy-description{color:#64748b;font-size:1rem;margin:0}.answer-sections{grid-gap:1.5rem;display:grid;gap:1.5rem}.answer-section{border:2px solid}.answer-section h4{font-size:1rem;font-weight:600;margin:0 0 1rem}.answer-text{font-size:1rem;line-height:1.6;margin:0}.answer-section.user-answer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0284c7}.answer-section.user-answer h4{color:#0284c7}.answer-section.user-answer .answer-text{color:#0c4a6e}.answer-section.correct-answer{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.answer-section.correct-answer h4{color:#16a34a}.answer-section.correct-answer .answer-text{color:#166534}.final-results{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:3rem;text-align:center}.final-results h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 2rem}.results-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.result-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.result-card h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.result-score{color:#667eea;font-size:2rem;font-weight:700;margin:0}.tsa-theme .result-score{color:#6b5ca5}.alternate-theme .result-score{color:#2b55a1}.maths-theme .result-score{color:#3f72af}.final-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.start-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.start-detail-item{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.75rem}.start-detail-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.start-detail-icon.exercises{background:#667eea}.start-detail-icon.sentences{background:#8b5cf6}.start-detail-icon.translation{background:#22c55e}.start-detail-icon.scoring{background:#f59e0b}@media (max-width:768px){.simplification-exercise-page{padding:1rem}.simplification-container{padding:0}.answer-comparison,.exercise-header,.final-results,.sentence-display{padding:1.5rem}.exercise-header h1{font-size:1.5rem}.progress-header{align-items:flex-start;flex-direction:column;gap:1rem}.action-buttons{flex-direction:column;gap:.75rem}.action-button{width:100%}.answer-sections{gap:1rem}.results-grid{gap:1rem;grid-template-columns:1fr}.final-actions{flex-direction:column;gap:.75rem}.accuracy-score{font-size:2rem}}@media (max-width:480px){.answer-comparison,.exercise-header,.final-results,.sentence-display{padding:1rem}.exercise-header h1{font-size:1.25rem}.final-results h2{font-size:2rem}.sentence-content{font-size:1rem;padding:1rem}.input-textarea{min-height:80px;padding:1rem}}.answer-comparison,.final-results{animation:fadeInUp .6s ease-out}.plew-action-buttons{margin:2rem 0;padding:1.5rem}.plew-action-button{font-size:1.1rem;gap:.75rem;padding:1rem 2rem}.plew-action-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.plew-action-button:hover:before{left:100%}.plew-interactive-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.plew-interactive-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 12px 35px #667eea66;color:#fff;transform:translateY(-4px) scale(1.02)}.plew-interactive-button:active{transform:translateY(-2px) scale(1.01)}.plew-simplification-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.plew-simplification-button:hover{background:linear-gradient(135deg,#1fb355,#15803d);box-shadow:0 12px 35px #22c55e66;color:#fff;transform:translateY(-4px) scale(1.02)}.plew-simplification-button:active{transform:translateY(-2px) scale(1.01)}.plew-button-icon{font-size:1.3rem}.plew-button-text{font-weight:700;letter-spacing:.5px}.alternate-theme .plew-interactive-button{background:linear-gradient(135deg,#2b55a1,#1a4490)}.alternate-theme .plew-interactive-button:hover{background:linear-gradient(135deg,#1e4080,#0f3470);box-shadow:0 12px 35px #2b55a166}.tsa-theme .plew-interactive-button{background:linear-gradient(135deg,#6b5ca5,#221368)}.tsa-theme .plew-interactive-button:hover{background:linear-gradient(135deg,#5a4b94,#1a0f56);box-shadow:0 12px 35px #6b5ca566}.maths-theme .plew-interactive-button{background:linear-gradient(135deg,#3f72af,#2d4059)}.maths-theme .plew-interactive-button:hover{background:linear-gradient(135deg,#2d5a94,#1f2d40);box-shadow:0 12px 35px #3f72af66}@keyframes pulseGlow{0%,to{box-shadow:0 6px 20px #00000026}50%{box-shadow:0 8px 25px #667eea4d}}.plew-interactive-button{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlowGreen{0%,to{box-shadow:0 6px 20px #00000026}50%{box-shadow:0 8px 25px #22c55e4d}}.plew-simplification-button{animation:pulseGlowGreen 3s ease-in-out 1.5s infinite}.plew-action-buttons:hover .plew-action-button:not(:hover){opacity:.7;transform:scale(.98)}@media (max-width:768px){.plew-action-buttons{flex-direction:column;gap:1rem;margin:1.5rem 0;padding:1.25rem}.plew-action-button{font-size:1rem;padding:1.25rem 1.5rem;width:100%}.plew-button-icon{font-size:1.2rem}}@media (max-width:480px){.plew-action-buttons{margin:1rem 0;padding:1rem}.plew-action-button{font-size:.95rem;padding:1rem 1.25rem}.plew-button-icon{font-size:1.1rem}.plew-button-text{letter-spacing:.25px}}.plew-action-button:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.plew-simplification-button:focus{box-shadow:0 0 0 3px #22c55e4d}.plew-action-button.loading{opacity:.7;pointer-events:none}.plew-action-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;margin-left:.5rem;position:absolute;width:20px}.alternate-theme .navbar-logo a,.alternate-theme.navbar .navbar-logo a{color:#1e293b!important;font-weight:500!important}.alternate-theme .navbar-logo a:hover,.alternate-theme.navbar .navbar-logo a:hover{color:#2b55a1!important}.alternate-theme .navbar .navbar-links a,.alternate-theme.navbar .navbar-links a{color:#1e293b!important;font-size:.95rem!important;font-weight:500!important}.alternate-theme .navbar .navbar-links a:hover,.alternate-theme.navbar .navbar-links a:hover{background-color:#2b55a11a!important;color:#2b55a1!important}.alternate-theme .navbar .navbar-links a.active,.alternate-theme.navbar .navbar-links a.active{background-color:#2b55a126!important;color:#2b55a1!important;font-weight:600!important}.alternate-theme .navbar .navbar-links a.active:after,.alternate-theme.navbar .navbar-links a.active:after{background:linear-gradient(90deg,#2b55a1,#4d7bc9)!important}.alternate-theme .navbar .dropdown-button,.alternate-theme.navbar .dropdown-button{color:#1e293b!important;font-size:.95rem!important;font-weight:500!important}.alternate-theme .navbar .dropdown-button:hover,.alternate-theme.navbar .dropdown-button:hover{background-color:#2b55a11a!important;color:#2b55a1!important}.alternate-theme .navbar .profile-nav-link,.alternate-theme.navbar .profile-nav-link{color:#1e293b!important}.alternate-theme .navbar .profile-nav-link:hover,.alternate-theme.navbar .profile-nav-link:hover{color:#2b55a1!important}.alternate-theme .navbar .dropdown-menu button{border-bottom-color:#ffffff1a!important;color:#e2e8f0!important;font-size:.95rem!important}.alternate-theme .navbar .dropdown-menu button:hover{background-color:#ffffff1a!important;color:#fff!important}.quiz-banner-section{background:linear-gradient(180deg,#667eea1a,#fff0);margin-top:-1px;padding:.25rem 0}.modern-search-wrapper{margin-top:-2rem}.plew-action-buttons{gap:1rem;margin:1rem 0;padding:1rem}@media (max-width:768px){.quiz-banner-section{padding:.75rem 0}.modern-search-wrapper{margin-top:-.75rem;padding:.75rem 0}.plew-action-buttons{margin:.75rem 0;padding:.75rem}}@media (max-width:480px){.quiz-banner-section{padding:.5rem 0}.modern-search-wrapper{margin-top:-.5rem;padding:.5rem 0}.plew-action-buttons{margin:.5rem 0;padding:.5rem}}.quiz-banner-content{padding:.25rem .5rem}.quiz-banner h2,.quiz-banner h3{font-size:.85rem;line-height:1.2;margin-bottom:.2rem}.quiz-banner p{font-size:.75rem;line-height:1.3;margin-bottom:.3rem}.quiz-banner .btn,.quiz-banner button{font-size:.75rem;padding:.4rem .8rem}.plew-action-buttons{margin:.5rem 0;padding:.4rem}.plew-action-button{font-size:.85rem;padding:.5rem 1rem}.plew-button-icon{font-size:.9rem}.modern-search-wrapper{margin-top:-2.5rem;padding:.75rem 0}@media (max-width:768px){.quiz-banner-content{padding:.15rem .3rem}.quiz-banner h2,.quiz-banner h3{font-size:.75rem;margin-bottom:.1rem}.quiz-banner p{font-size:.65rem;margin-bottom:.2rem}.plew-action-button{font-size:.75rem;padding:.3rem .8rem}.plew-button-icon{font-size:.8rem}.modern-search-wrapper{margin-top:-2rem;padding:.5rem 0}}@media (max-width:480px){.quiz-banner h2,.quiz-banner h3{font-size:.7rem;margin-bottom:.05rem}.quiz-banner p{font-size:.6rem;margin-bottom:.1rem}.plew-action-button{font-size:2rem;padding:.25rem .6rem}.plew-button-icon{font-size:2rem}.modern-search-wrapper{margin-top:-1.5rem;padding:.25rem 0}}.quiz-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 12px 40px #00000026;display:flex;margin:1rem 0;min-height:200px;overflow:hidden;position:relative;transition:all .4s ease}.tsa-theme .quiz-banner{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .quiz-banner{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .quiz-banner{background:linear-gradient(135deg,#3f72af,#2d4059)}.quiz-banner.upcoming{background:linear-gradient(135deg,#f59e0b,#d97706)}.quiz-banner.active{animation:activeGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#22c55e,#16a34a)}.quiz-banner.completed{background:linear-gradient(135deg,#10b981,#059669)}.quiz-banner.completed-closed{background:linear-gradient(135deg,#64748b,#475569)}.quiz-banner.no-quiz{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b}.quiz-banner-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.floating-particles{animation:floatParticles 6s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);height:100%;position:absolute;width:100%}.floating-particles.active{animation:floatParticlesActive 1.5s ease-in-out infinite}.pulse-rings{height:300px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.pulse-rings:after,.pulse-rings:before{animation:pulseRing 2s infinite;border:2px solid #ffffff4d;border-radius:50%;content:"";position:absolute}.pulse-rings:before{height:100%;width:100%}.pulse-rings:after{animation-delay:1s;height:150%;left:-25%;top:-25%;width:150%}.quiz-banner-content{color:#fff;padding:2rem;position:relative;text-align:center;width:100%;z-index:2}.quiz-banner-content h3{font-size:1.8rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px #0003}.quiz-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;opacity:.95;text-shadow:0 1px 2px #0000001a}.active-header,.completion-header,.upcoming-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.completion-icon,.quiz-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.live-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem}.live-dot{animation:livePulse 1s infinite;background:#ff4757}.timer-display{margin:1.5rem 0}.timer-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:4px solid #ffffff4d;border-radius:50%;display:inline-flex;flex-direction:column;height:100px;justify-content:center;margin-bottom:.5rem;width:100px}.timer-value{line-height:1}.timer-unit{font-size:.8rem;font-weight:600;opacity:.8}.timer-label{margin:0;opacity:.9}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem auto;max-width:400px}.result-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;padding:1.5rem}.stat-value{font-size:2rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.stat-label{font-size:.9rem}.prize-pool-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:2rem 0;padding:1.5rem}.prize-pool-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.prize-icon{filter:drop-shadow(0 2px 8px rgba(255,215,0,.5));font-size:2.5rem}.prize-content h4{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;opacity:.9}.prize-amount{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.3));text-shadow:0 2px 8px #ffd7004d}.current-leaders h5{font-size:1rem;font-weight:600;margin:0 0 1rem;opacity:.9}.leaders-list{gap:.75rem}.leader-item{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:1rem;padding:.75rem 1rem}.leader-rank{font-size:1.2rem;min-width:30px}.leader-info{align-items:center;display:flex;justify-content:space-between;width:100%}.leader-name{font-size:.95rem}.leader-score{color:gold;font-size:.9rem}.quiz-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;flex-direction:column;margin:1.5rem 0;padding:1rem}.info-item,.quiz-info{display:flex;gap:.75rem}.info-item{align-items:center;font-size:.9rem;font-weight:500}.info-icon{font-size:1.1rem;min-width:20px}.action-button,.start-quiz-button{border-radius:16px!important;box-shadow:0 8px 25px #0003!important;font-size:1.1rem!important;font-weight:700!important;margin:1rem 0;padding:1rem 2rem!important;text-transform:none!important;transition:all .3s ease!important}.start-quiz-button{background:linear-gradient(45deg,#fff,#f8fafc)!important;border:2px solid #ffffff4d!important;color:#22c55e!important;font-size:1.2rem!important;padding:1.25rem 2.5rem!important}.start-quiz-button:hover{background:linear-gradient(45deg,#f8fafc,#f1f5f9)!important;box-shadow:0 12px 35px #00000040!important;transform:translateY(-3px) scale(1.02)!important}.login-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;margin:1.5rem 0;padding:1.5rem}.login-prompt p{font-weight:500;margin:0 0 1rem}.quiz-warning{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;font-size:.85rem;margin-top:1rem;opacity:.9;padding:.75rem}.quiz-banner-loading{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:24px;color:#64748b;display:flex;justify-content:center;margin:1rem 0;min-height:200px}.loading-content{font-size:1.1rem;font-weight:500}.loading-spinner{border-top-color:#6b5ca5}@keyframes activeGlow{0%{box-shadow:0 12px 40px #22c55e4d}to{box-shadow:0 16px 50px #22c55e80}}@keyframes floatParticles{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes floatParticlesActive{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}@keyframes pulseRing{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@media (max-width:768px){.quiz-banner{border-radius:16px;margin:.5rem 0;min-height:180px}.quiz-banner-content{padding:1.5rem}.quiz-banner-content h3{font-size:1.5rem}.quiz-title{font-size:1.1rem}.results-grid{gap:1rem;grid-template-columns:1fr;max-width:300px}.prize-pool-header{flex-direction:column;gap:.75rem}.prize-amount{font-size:2rem}.stat-value{font-size:1.5rem}.timer-circle{height:80px;width:80px}.timer-value{font-size:1.5rem}.quiz-info{gap:.5rem}.info-item{font-size:.85rem}.leaders-list{gap:.5rem}.leader-item{padding:.5rem .75rem}}@media (max-width:480px){.quiz-banner-content{padding:1rem}.quiz-banner-content h3{font-size:1.25rem}.prize-amount{font-size:1.8rem}.action-button,.start-quiz-button{font-size:1rem!important;padding:1rem 1.5rem!important;width:100%}.timer-circle{height:70px;width:70px}.timer-value{font-size:1.2rem}}.quiz-results-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 0}.quiz-results-container{margin:0 auto;max-width:1000px;padding:0 1.5rem}.results-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 12px 40px #667eea4d;color:#fff;margin-bottom:2rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.tsa-theme .results-hero{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 12px 40px #6b5ca54d}.alternate-theme .results-hero{background:linear-gradient(135deg,#2b55a1,#1a4490);box-shadow:0 12px 40px #2b55a14d}.maths-theme .results-hero{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 12px 40px #3f72af4d}.results-hero-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.results-hero-content{position:relative;z-index:2}.subject-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;margin-bottom:1rem}.results-hero h1{font-size:3rem;font-weight:900;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.quiz-title{margin-bottom:2rem;opacity:.9}.performance-display{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.score-circle{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:6px solid;height:150px;position:relative;width:150px}.score-circle:before{background:inherit;border-radius:50%;content:"";filter:blur(20px);height:100%;opacity:.3;position:absolute;width:100%;z-index:-1}.score-percentage{font-size:2.5rem;font-weight:900;text-shadow:0 2px 8px #0003}.performance-message{font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0003}.confetti{animation:confettiFall 3s ease-out infinite;background-image:radial-gradient(circle at 20% 20%,gold 2px,#0000 0),radial-gradient(circle at 80% 40%,#ff6b6b 2px,#0000 0),radial-gradient(circle at 60% 80%,#4ecdc4 2px,#0000 0),radial-gradient(circle at 30% 70%,#45b7d1 2px,#0000 0),radial-gradient(circle at 90% 10%,#f39c12 2px,#0000 0);background-size:100px 100px,80px 80px,120px 120px,90px 90px,110px 110px;height:100%;pointer-events:none;position:absolute;width:100%}.results-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{align-items:center;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.stat-card.medal{background:linear-gradient(135deg,gold,#f39c12);color:#fff}.stat-card.special{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-content{flex:1 1}.stat-value{font-size:1.8rem;font-weight:900;margin-bottom:.25rem;text-shadow:0 1px 2px #0000001a}.stat-label{font-size:1rem;font-weight:600;opacity:.9}.stat-subtitle{font-size:.85rem;margin-top:.25rem}.prize-section{background:#fff;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.prize-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#f39c12);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 2rem}.prize-winner{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;color:#fff;margin-bottom:1rem;padding:2rem}.winner-badge{font-size:1.1rem;font-weight:600;margin-bottom:1rem;opacity:.9}.prize-amount{font-size:3rem;margin-bottom:.5rem;text-shadow:0 2px 8px #0003}.prize-place{font-size:1.3rem;font-weight:600}.prize-breakdown{margin:0 auto;max-width:400px}.prize-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;justify-content:space-between;padding:1rem 1.5rem}.prize-position{color:#374151;font-weight:600}.prize-value{color:gold;font-size:1.1rem;font-weight:700}.leaderboard-section{background:#fff;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.leaderboard-section h2{color:#374151;font-size:1.8rem;font-weight:700;margin:0 0 2rem;text-align:center}.leaderboard-table{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.leaderboard-header{grid-gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;font-size:.9rem;font-weight:700;gap:1rem;grid-template-columns:80px 1fr 100px 120px;padding:1.25rem 1.5rem}.tsa-theme .leaderboard-header{background:linear-gradient(135deg,#6b5ca5,#221368)}.alternate-theme .leaderboard-header{background:linear-gradient(135deg,#2b55a1,#1a4490)}.maths-theme .leaderboard-header{background:linear-gradient(135deg,#3f72af,#2d4059)}.leaderboard-body{background:#fff}.leaderboard-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:80px 1fr 100px 120px;padding:1.25rem 1.5rem;transition:all .2s ease}.leaderboard-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.leaderboard-row.current-user{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:8px;margin:2px}.leaderboard-row.top-three{background:linear-gradient(135deg,#fffbeb,#fef3c7);font-weight:600}.row-rank{font-size:1.2rem;font-weight:700}.row-player{color:#374151;font-weight:600}.you-indicator{color:#0ea5e9;font-size:.9rem;font-weight:700;margin-left:.5rem}.row-score{color:#22c55e;font-weight:700;text-align:center}.row-time{font-size:.9rem}.leaderboard-footer,.row-time{color:#64748b;text-align:center}.leaderboard-footer{background:linear-gradient(135df,#f8fafc,#f1f5f9);font-style:italic;padding:1rem}.leaderboard-stats{border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.95rem;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.results-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.action-button{border-radius:16px;font-size:1rem;overflow:hidden;padding:1rem 2rem;position:relative}.action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:before{left:100%}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d;color:#fff}.action-button.primary:hover{box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.tsa-theme .action-button.primary{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 6px 20px #6b5ca54d}.alternate-theme .action-button.primary{background:linear-gradient(135deg,#2b55a1,#1a4490);box-shadow:0 6px 20px #2b55a14d}.maths-theme .action-button.primary{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 6px 20px #3f72af4d}.action-button.secondary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px #22c55e4d;color:#fff}.action-button.secondary:hover{box-shadow:0 8px 25px #22c55e66;color:#fff;transform:translateY(-3px)}.action-button.tertiary{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b4d;color:#fff}.action-button.tertiary:hover{box-shadow:0 8px 25px #f59e0b66;color:#fff;transform:translateY(-3px)}.error-section,.loading-section{box-shadow:0 8px 32px #0000001a;padding:4rem 2rem}.error-section h1,.loading-section h1{color:#374151;font-size:2rem;font-weight:700;margin:0 0 1rem}.error-section p,.loading-section p{color:#64748b;font-size:1.1rem;margin:0}.error-message{color:#ef4444!important;font-weight:600;margin-bottom:2rem!important}.back-home-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 6px 20px #667eea4d;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.back-home-button:hover{box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.results-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:.95rem;line-height:1.6;padding:2rem;text-align:center}.results-footer p{margin:.5rem 0}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100%) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.leaderboard-section,.prize-section,.results-stats-grid{animation:fadeInUp .6s ease-out}.results-stats-grid{animation-delay:.2s}.prize-section{animation-delay:.4s}.leaderboard-section{animation-delay:.6s}@media (max-width:768px){.quiz-results-page{padding:1rem 0}.quiz-results-container{padding:0 1rem}.results-hero{margin-bottom:1.5rem;padding:2rem 1.5rem}.results-hero h1{font-size:2.2rem}.score-circle{height:120px;width:120px}.score-percentage{font-size:2rem}.performance-message{font-size:1.2rem}.results-stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem}.leaderboard-header,.leaderboard-row{font-size:.9rem;gap:.5rem;grid-template-columns:60px 1fr 80px 100px;padding:1rem}.leaderboard-section,.prize-section{padding:1.5rem}.prize-amount{font-size:2rem}.results-actions{flex-direction:column;gap:.75rem}.action-button{text-align:center;width:100%}.leaderboard-stats{flex-direction:column;gap:.5rem}}@media (max-width:480px){.results-hero{padding:1.5rem 1rem}.results-hero h1{font-size:1.8rem}.quiz-title{font-size:1rem}.score-circle{height:100px;width:100px}.score-percentage{font-size:1.5rem}.performance-message{font-size:1rem}.stat-card{padding:1rem}.leaderboard-header,.leaderboard-row{font-size:.8rem;grid-template-columns:50px 1fr 70px 90px;padding:.75rem}.leaderboard-section,.prize-section{padding:1rem}.prize-amount{font-size:1.5rem}.prize-breakdown{gap:.5rem}.prize-item{font-size:.9rem;padding:.75rem 1rem}}.quiz-taking-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:1rem 0}.quiz-taking-page.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.quiz-taking-container{margin:0 auto;max-width:900px;padding:0 1rem}.quiz-start-screen{background:#fff;border-radius:24px;box-shadow:0 12px 40px #0000001a;margin:2rem 0;padding:3rem;text-align:center}.start-header{margin-bottom:3rem}.subject-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea4d;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1.5rem}.tsa-theme .subject-badge{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .subject-badge{background:linear-gradient(135deg,#2b55a1,#1a4490);box-shadow:0 4px 12px #2b55a14d}.maths-theme .subject-badge{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 4px 12px #3f72af4d}.start-header h1{color:#374151;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.quiz-title{color:#64748b;font-size:1.2rem;font-weight:500;margin:0}.start-prize-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:20px;margin:2rem 0;overflow:hidden;padding:2rem;position:relative}.start-prize-section:before{animation:prizeGlow 3s ease-in-out infinite;background:radial-gradient(circle,#fbbf241a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.prize-header{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:2}.prize-icon{filter:drop-shadow(0 4px 12px rgba(251,191,36,.5));font-size:3rem}.prize-content h3{color:#92400e;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.prize-amount{color:#d97706;font-size:2.5rem;font-weight:900;text-shadow:0 2px 8px #d977064d}.prize-breakdown{grid-gap:1rem;gap:1rem}.prize-item{align-items:center;background:#ffffffb3;border:1px solid #d9770633;border-radius:12px;color:#92400e;display:flex;flex-direction:column;font-weight:600;gap:.5rem;padding:1rem}.quiz-instructions{margin:2rem 0;text-align:left}.quiz-instructions h3{color:#374151;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.instructions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.instruction-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.instruction-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.instruction-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.instruction-content strong{color:#374151;display:block;font-weight:600;margin-bottom:.25rem}.instruction-content p{color:#64748b;font-size:.9rem;margin:0}.start-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:16px;margin:2rem 0;padding:1.5rem}.warning-content{align-items:center;color:#991b1b;display:flex;font-weight:600;gap:1rem;justify-content:center}.warning-icon{font-size:1.5rem}.start-quiz-button{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border-radius:20px!important;box-shadow:0 12px 35px #22c55e66!important;color:#fff!important;font-size:1.3rem!important;font-weight:700!important;margin-top:2rem;padding:1.25rem 3rem!important;transition:all .3s ease!important}.start-quiz-button:hover{box-shadow:0 16px 45px #22c55e80!important;transform:translateY(-4px) scale(1.02)!important}.quiz-header-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.quiz-header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.quiz-info h2{color:#374151;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.quiz-info p{color:#64748b;font-weight:500;margin:0 0 1rem}.progress-indicator{margin-top:1rem}.progress-bar{background:#e2e8f0}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.tsa-theme .progress-fill{background:linear-gradient(90deg,#6b5ca5,#8a7db8)}.alternate-theme .progress-fill{background:linear-gradient(90deg,#2b55a1,#4d7bc9)}.maths-theme .progress-fill{background:linear-gradient(90deg,#3f72af,#5a8bc7)}.progress-text{color:#64748b;font-size:.9rem;font-weight:600}.quiz-timer{text-align:center}.timer-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem}.timer-value{color:#667eea;font-size:2rem;font-weight:900;margin-bottom:.25rem;text-shadow:0 2px 4px #667eea33}.tsa-theme .timer-value{color:#6b5ca5;text-shadow:0 2px 4px #6b5ca533}.alternate-theme .timer-value{color:#2b55a1;text-shadow:0 2px 4px #2b55a133}.maths-theme .timer-value{color:#3f72af;text-shadow:0 2px 4px #3f72af33}.timer-label{color:#64748b;font-size:.9rem;font-weight:600}.question-card{border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2.5rem}.question-header{border-bottom:2px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1rem}.question-number{color:#374151;font-size:1.3rem;font-weight:700;margin:0}.answered-counter{align-items:center;color:#64748b;display:flex;font-weight:600;gap:.25rem}.answered-count{color:#22c55e;font-weight:700}.answered-count,.total-count{font-size:1.2rem}.counter-label{font-size:.9rem;margin-left:.5rem}.question-content,.question-text{margin-bottom:2rem}.question-text{color:#374151;font-size:1.2rem;font-weight:600;line-height:1.6}.answer-options{grid-gap:1rem;display:grid;gap:1rem}.answer-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.answer-option:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.answer-option:hover:before{left:100%}.answer-option:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.answer-option.selected{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#667eea;box-shadow:0 8px 25px #667eea33;transform:translateX(8px)}.tsa-theme .answer-option.selected{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-color:#6b5ca5;box-shadow:0 8px 25px #6b5ca533}.alternate-theme .answer-option.selected{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-color:#2b55a1;box-shadow:0 8px 25px #2b55a133}.maths-theme .answer-option.selected{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-color:#3f72af;box-shadow:0 8px 25px #3f72af33}.option-letter{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.answer-option.selected .option-letter{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.tsa-theme .answer-option.selected .option-letter{background:linear-gradient(135deg,#6b5ca5,#8a7db8);box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .answer-option.selected .option-letter{background:linear-gradient(135deg,#2b55a1,#4d7bc9);box-shadow:0 4px 12px #2b55a14d}.maths-theme .answer-option.selected .option-letter{background:linear-gradient(135deg,#3f72af,#5a8bc7);box-shadow:0 4px 12px #3f72af4d}.option-text{font-weight:500}.selected-indicator{animation:checkmarkAppear .3s ease-out;color:#22c55e;font-size:1.5rem;font-weight:900}.quiz-navigation{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}.nav-buttons{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nav-button,.submit-button{border-radius:16px!important;font-weight:600!important;padding:1rem 2rem!important;transition:all .3s ease!important}.submit-button{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 6px 20px #22c55e4d!important;color:#fff!important}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #22c55e66!important;transform:translateY(-3px)!important}.incomplete-warning{align-items:center;background:linear-gradient(135df,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;color:#991b1b;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem}.warning-icon{font-size:1.2rem}.question-navigator{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.question-navigator h4{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.navigator-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.navigator-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.navigator-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:scale(1.05)}.navigator-button.current{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.1)}.tsa-theme .navigator-button.current{background:linear-gradient(135deg,#6b5ca5,#8a7db8);border-color:#6b5ca5;box-shadow:0 4px 12px #6b5ca54d}.alternate-theme .navigator-button.current{background:linear-gradient(135deg,#2b55a1,#4d7bc9);border-color:#2b55a1;box-shadow:0 4px 12px #2b55a14d}.maths-theme .navigator-button.current{background:linear-gradient(135deg,#3f72af,#5a8bc7);border-color:#3f72af;box-shadow:0 4px 12px #3f72af4d}.navigator-button.answered{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;color:#166534}.navigator-button.unanswered{background:#fff;border-color:#e2e8f0;color:#9ca3af}.completion-section{background:#fff;border-radius:24px;box-shadow:0 12px 40px #0000001a;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.completion-animation{margin-bottom:2rem;position:relative}.success-circle{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:4px solid #22c55e;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;position:relative;width:120px}.checkmark{animation:checkmarkBounce .6s ease-out;color:#22c55e;font-size:3rem;font-weight:900}.confetti-celebration{animation:confettiCelebration 4s ease-out infinite;background-image:radial-gradient(circle at 20% 20%,gold 3px,#0000 0),radial-gradient(circle at 80% 40%,#ff6b6b 3px,#0000 0),radial-gradient(circle at 60% 80%,#4ecdc4 3px,#0000 0),radial-gradient(circle at 30% 70%,#45b7d1 3px,#0000 0);background-size:150px 150px,120px 120px,180px 180px,140px 140px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.completion-section h1{color:#374151;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.completion-section p{color:#64748b;font-size:1.2rem;margin-bottom:2rem}.redirect-info{align-items:center;color:#64748b;display:flex;font-weight:500;gap:1rem;justify-content:center}.loading-spinner.small{border-width:3px;height:24px;width:24px}.error-section,.loading-section{background:#fff;border-radius:24px;box-shadow:0 12px 40px #0000001a;margin:2rem 0;padding:4rem 3rem;text-align:center}.loading-animation{margin-bottom:2rem}.loading-spinner{border-top-color:#667eea;height:60px;margin:0 auto;width:60px}.tsa-theme .loading-spinner{border-top-color:#6b5ca5}.alternate-theme .loading-spinner{border-top-color:#2b55a1}.maths-theme .loading-spinner{border-top-color:#3f72af}.error-icon{margin-bottom:2rem}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(0) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes successPulse{0%,to{box-shadow:0 0 0 0 #22c55e66;transform:scale(1)}50%{box-shadow:0 0 0 10px #22c55e00;transform:scale(1.05)}}@keyframes checkmarkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes confettiCelebration{0%{opacity:1;transform:translateY(-100%) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:768px){.quiz-taking-page{padding:.5rem 0}.quiz-taking-container{padding:0 .5rem}.quiz-start-screen{margin:1rem 0;padding:2rem}.start-header h1{font-size:2rem}.prize-breakdown{gap:.75rem;grid-template-columns:1fr}.instructions-grid{gap:1rem;grid-template-columns:1fr}.instruction-item{padding:1rem}.quiz-header-content{flex-direction:column;gap:1.5rem;text-align:center}.question-card,.question-navigator,.quiz-header-card,.quiz-navigation{padding:1.5rem}.question-header{align-items:flex-start}.nav-buttons,.question-header{flex-direction:column;gap:1rem}.nav-button,.submit-button{width:100%}.navigator-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.navigator-button{height:45px;width:45px}}@media (max-width:480px){.completion-section,.error-section,.loading-section,.quiz-start-screen{padding:1.5rem}.start-header h1{font-size:1.5rem}.prize-amount{font-size:2rem}.question-card,.question-navigator,.quiz-header-card,.quiz-navigation{padding:1rem}.answer-option{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.option-letter{font-size:.9rem;height:35px;width:35px}.success-circle{height:100px;width:100px}.checkmark{font-size:2.5rem}}.prize-widget{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:20px;box-shadow:0 8px 32px #fbbf2433;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.prize-widget:hover{box-shadow:0 12px 40px #fbbf244d;transform:translateY(-2px)}.prize-widget.compact{border-radius:16px;padding:1rem}.prize-widget:before{animation:prizeGlow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.prize-widget:after{animation:float 3s ease-in-out infinite;content:"💰";font-size:1.5rem;opacity:.6;position:absolute;right:15px;top:10px}.prize-widget-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:2}.prize-trophy{animation:trophyBounce 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,215,0,.5));font-size:2.5rem}.prize-info h3{color:#92400e;font-size:1.1rem;font-weight:700;margin:0 0 .25rem;text-shadow:0 1px 2px #92400e33}.total-amount{color:#d97706;font-family:Courier New,monospace;font-size:2rem;font-weight:900;margin-bottom:.25rem;text-shadow:0 2px 8px #d977064d}.prize-subtitle{color:#a16207;font-size:.85rem;font-weight:600;opacity:.9}.prize-breakdown{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;position:relative;z-index:2}.prize-tier{align-items:center;background:#fffc;border:1px solid #d9770633;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;padding:.75rem .5rem;position:relative;transition:all .3s ease}.prize-tier:hover{background:#fffffff2;box-shadow:0 4px 12px #d9770633;transform:translateY(-2px)}.prize-tier.gold{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-color:#fbbf24}.prize-tier.silver{background:linear-gradient(135deg,#c0c0c01a,#c0c0c00d);border-color:#e5e7eb}.prize-tier.bronze{background:linear-gradient(135deg,#cd853f1a,#cd853f0d);border-color:#d97706}.tier-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.tier-label{color:#92400e;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tier-amount{color:#d97706;font-family:Courier New,monospace;font-size:1rem;font-weight:900}.current-leaders{margin-bottom:1rem;position:relative;z-index:2}.current-leaders h4{color:#92400e;font-size:1rem;font-weight:700;margin:0 0 1rem;text-align:center}.leaders-list{display:flex;flex-direction:column;gap:.5rem}.leader-row{align-items:center;background:#ffffffb3;border:1px solid #d9770626;border-radius:10px;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .3s ease}.leader-row:hover{background:#ffffffe6;transform:translateX(4px)}.leader-rank{font-size:1.1rem;min-width:25px;text-align:center}.leader-details{align-items:center;display:flex;justify-content:space-between;width:100%}.leader-name{color:#92400e;font-size:.9rem;font-weight:600}.leader-score{color:#d97706;font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.live-indicator{align-items:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:20px;color:#dc2626;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;padding:.5rem;position:relative;text-transform:uppercase;z-index:2}.live-dot{animation:livePulse 1.5s infinite;background:#dc2626;border-radius:50%;height:8px;width:8px}.prize-loading{align-items:center;color:#92400e;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:2rem}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #fef3c7;border-radius:50%;border-top-color:#d97706;height:20px;width:20px}.prize-widget.compact .prize-widget-header{margin-bottom:1rem}.prize-widget.compact .prize-trophy{font-size:2rem}.prize-widget.compact .total-amount{font-size:1.5rem}.prize-widget.compact .current-leaders h4{font-size:.9rem}.prize-widget.compact .leader-row{padding:.4rem .6rem}.prize-widget.compact .live-indicator{font-size:.7rem;padding:.4rem}.prize-widget.floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fbbf24cc;box-shadow:0 12px 40px #00000026;position:fixed;right:20px;top:120px;width:280px;z-index:100}.prize-widget.floating:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes prizeGlow{0%,to{opacity:.4;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(180deg)}}@keyframes trophyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.tsa-theme .prize-widget{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-color:#6b5ca5;box-shadow:0 8px 32px #6b5ca533}.tsa-theme .prize-widget .current-leaders h4,.tsa-theme .prize-widget .leader-name,.tsa-theme .prize-widget .prize-info h3{color:#6b5ca5}.tsa-theme .prize-widget .leader-score,.tsa-theme .prize-widget .tier-amount,.tsa-theme .prize-widget .total-amount{color:#221368}.alternate-theme .prize-widget{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-color:#2b55a1;box-shadow:0 8px 32px #2b55a133}.alternate-theme .prize-widget .current-leaders h4,.alternate-theme .prize-widget .leader-name,.alternate-theme .prize-widget .prize-info h3{color:#2b55a1}.alternate-theme .prize-widget .leader-score,.alternate-theme .prize-widget .tier-amount,.alternate-theme .prize-widget .total-amount{color:#1a4490}.maths-theme .prize-widget{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-color:#3f72af;box-shadow:0 8px 32px #3f72af33}.maths-theme .prize-widget .current-leaders h4,.maths-theme .prize-widget .leader-name,.maths-theme .prize-widget .prize-info h3{color:#3f72af}.maths-theme .prize-widget .leader-score,.maths-theme .prize-widget .tier-amount,.maths-theme .prize-widget .total-amount{color:#2d4059}@media (max-width:768px){.prize-widget{margin:.75rem 0;padding:1rem}.prize-widget-header{flex-direction:column;gap:.75rem;margin-bottom:1rem;text-align:center}.prize-trophy{font-size:2rem}.total-amount{font-size:1.5rem}.prize-breakdown{gap:.5rem;margin-bottom:1rem}.prize-tier{padding:.5rem .25rem}.tier-icon{font-size:1.2rem}.tier-amount{font-size:.9rem}.leader-row{padding:.4rem .6rem}.leader-name,.leader-score{font-size:.8rem}.prize-widget.floating{margin:1rem 0;position:relative;right:auto;top:auto;width:100%}}@media (max-width:480px){.prize-breakdown{gap:.5rem;grid-template-columns:1fr}.prize-tier{flex-direction:row;justify-content:space-between;padding:.75rem}.tier-icon{order:1}.tier-label{flex:1 1;margin-left:.5rem;order:2;text-align:left}.tier-amount{order:3}.current-leaders h4{font-size:.9rem}.live-indicator{font-size:.7rem;padding:.4rem}}.header-searchbox-reset,.header-searchbox-submit{display:none!important}.workshop-signup{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fbbf24;border-radius:20px;box-shadow:0 8px 32px #fbbf2433;margin:2rem 0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.workshop-signup:hover{box-shadow:0 12px 40px #fbbf244d;transform:translateY(-2px)}.workshop-signup:before{animation:workshopGlow 4s ease-in-out infinite;background:radial-gradient(circle,#ffd7001a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.workshop-signup:after{animation:float 3s ease-in-out infinite;content:"📚";font-size:1.8rem;opacity:.6;position:absolute;right:20px;top:15px}.signup-content{position:relative;text-align:center;z-index:2}.signup-content h2{color:#92400e;font-size:1.8rem;font-weight:700;margin:0 0 1rem;text-shadow:0 1px 2px #92400e33}.signup-content p{color:#a16207;font-size:1.1rem;font-weight:500;margin-bottom:2rem;opacity:.9}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d9770633;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;transition:all .3s ease}.form-container:hover{background:#fffffff2;box-shadow:0 8px 30px #00000026}.embedded-form{background:#0000;border:none;border-radius:12px;height:1200px;width:100%}.form-container.compact .embedded-form{height:800px}.form-container iframe:not([src]){align-items:center;background:linear-gradient(45deg,#f3f4f6,#e5e7eb);color:#6b7280;display:flex;font-weight:500;justify-content:center}.tsa-theme .workshop-signup{background:linear-gradient(135deg,#f0e7f8,#e8d5f2);border-color:#6b5ca5;box-shadow:0 8px 32px #6b5ca533}.tsa-theme .workshop-signup .signup-content h2{color:#6b5ca5}.tsa-theme .workshop-signup .signup-content p{color:#553c85}.tsa-theme .workshop-signup .form-container{border-color:#6b5ca533}.alternate-theme .workshop-signup{background:linear-gradient(135deg,#e8f4fd,#d1e7f5);border-color:#2b55a1;box-shadow:0 8px 32px #2b55a133}.alternate-theme .workshop-signup .signup-content h2{color:#2b55a1}.alternate-theme .workshop-signup .signup-content p{color:#1a4490}.alternate-theme .workshop-signup .form-container{border-color:#2b55a133}.maths-theme .workshop-signup{background:linear-gradient(135deg,#e1eeff,#d1ddf5);border-color:#3f72af;box-shadow:0 8px 32px #3f72af33}.maths-theme .workshop-signup .signup-content h2{color:#3f72af}.maths-theme .workshop-signup .signup-content p{color:#2d4059}.maths-theme .workshop-signup .form-container{border-color:#3f72af33}@keyframes workshopGlow{0%,to{opacity:.4;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(10deg)}}@media (max-width:768px){.workshop-signup{margin:1.5rem 0;padding:1.5rem}.signup-content h2{font-size:1.5rem}.signup-content p{font-size:1rem;margin-bottom:1.5rem}.form-container{padding:1rem}.embedded-form{height:1000px}}@media (max-width:480px){.workshop-signup{border-radius:16px;padding:1rem}.signup-content h2{font-size:1.3rem}.signup-content p{font-size:.9rem}.form-container{padding:.75rem}.embedded-form{height:900px}.workshop-signup:after{font-size:1.5rem;right:15px;top:10px}}.stats-container{margin:20px 0}.split-screen-content{grid-gap:24px;gap:24px}.pack-form-card{padding:24px}.step-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.step-title{font-size:20px;font-weight:600}.step-badge{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:12px;padding:4px 12px}.form-label,.step-badge{font-weight:500}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.subject-display{display:flex;flex-direction:column;gap:4px}.subject-badge{background:#6366f1;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:8px 12px;width:fit-content}.subject-description{font-size:12px}.filter-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.filter-tabs{background:#f1f5f9;border-radius:6px;margin-bottom:16px}.filter-tab{border-radius:4px;font-size:13px;padding:8px 12px;transition:all .2s}.filter-tab.active{background:#fff}.filter-buttons{gap:8px;margin-bottom:12px}.filter-button{border:1px solid #d1d5db;border-radius:16px;color:#374151;font-size:12px;padding:6px 12px;transition:all .2s}.clear-filters-button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;text-decoration:underline}.slider-section{margin-bottom:24px}.slider-container{gap:12px;margin-bottom:8px}.slider-input{border-radius:3px;height:6px}.slider-label{color:#64748b;text-align:center}.slider-label,.slider-value{font-size:12px;min-width:30px}.slider-value{background:#6366f1;border-radius:12px;color:#fff;padding:4px 8px}.slider-info{font-size:12px;margin:0}.questions-container{border-radius:8px;max-height:400px}.question-item{border-bottom:1px solid #e2e8f0;gap:12px;padding:16px;transition:background .2s}.question-item:hover{background:#f1f5f9}.question-item.selected{background:#eff6ff}.question-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.question-checkbox.checked{background:#6366f1;border-color:#6366f1;color:#fff}.question-content{flex:1 1}.question-meta{color:#64748b;font-size:11px;margin-bottom:4px}.question-preview{color:#374151;font-size:13px;line-height:1.4}.question-tags{display:flex;flex-wrap:wrap;gap:6px}.question-tag{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.tag-type{background:#e0e7ff;color:#3730a3}.tag-year{background:#fef3c7;color:#92400e}.color-palette{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:2px solid #0000;border-radius:8px;height:40px;position:relative;transition:all .2s;width:40px}.color-option:hover{transform:scale(1.05)}.color-option.selected{border-color:#374151;box-shadow:0 0 0 2px #fff,0 0 0 4px #374151}.color-option-check{font-size:16px}.template-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.template-option{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:16px;text-align:center;transition:all .2s}.template-option:hover{border-color:#6366f1;transform:translateY(-1px)}.template-option.selected{background:#eff6ff;border-color:#6366f1}.template-icon{font-size:24px;margin-bottom:8px}.template-name{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.template-preview{color:#64748b;font-size:11px;line-height:1.3}.options-grid{display:flex;flex-direction:column;gap:12px}.option-item{cursor:pointer;gap:8px}.option-item.disabled{cursor:not-allowed;opacity:.5}.option-checkbox{height:16px;width:16px}.option-label{color:#374151;font-size:14px}.button-group{border-top:1px solid #f1f5f9;gap:12px;margin-top:24px}.btn{border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.btn:disabled{opacity:.5}.btn-primary:hover:not(:disabled){background:#5855eb}.btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.btn-secondary:hover:not(:disabled){background:#f1f5f9}.btn-success{background:#10b981}.btn-success:hover:not(:disabled){background:#059669}.exam-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:11px;line-height:1.4;margin-top:15px;padding:10px}.question-pack-page.split-screen-layout{background:#f8fafc;min-height:100vh}.pack-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 0;position:sticky;top:0;z-index:100}.pack-header-content{align-items:center;display:flex;justify-content:space-between;max-width:1400px}.pack-header-info h1{color:#1e293b;font-size:24px;margin:0 0 4px}.pack-header-description{color:#64748b;font-size:14px;margin-bottom:8px}.pack-plan-info{color:#64748b;font-size:12px}.step-indicator{gap:8px}.step-circle,.step-indicator{align-items:center;display:flex}.step-circle{background:#e2e8f0;border-radius:50%;color:#64748b;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.step-circle.active{background:#6366f1;color:#fff}.step-circle.completed{background:#10b981;color:#fff}.step-connector{background:#e2e8f0;height:2px;transition:background .2s;width:40px}.step-connector.completed{background:#10b981}.split-screen-content{max-width:1400px;min-height:calc(100vh - 120px);padding:24px}.left-panel{overflow-y:auto}.left-panel,.right-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:fit-content;max-height:calc(100vh - 150px)}.right-panel{display:flex;flex-direction:column}.preview-panel{height:100%}.preview-header{padding:16px 20px}.preview-header h3{font-size:16px;font-weight:600}.preview-controls{color:#64748b;display:flex;font-size:12px;gap:12px}.preview-wrapper{background:#f1f5f9;overflow-y:auto}.pdf-preview-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;font-family:Arial,sans-serif;min-height:800px;overflow:hidden;width:100%}.pdf-preview-title-bar{height:4px;width:100%}.pdf-preview-header{border-bottom:1px solid #e5e7eb;padding:25px}.pdf-preview-watermark{color:#9ca3af;font-size:8px;font-weight:500;position:absolute;right:25px;top:20px}.pdf-preview-title-section{margin-top:15px}.pdf-preview-title{font-size:22px;font-weight:700;line-height:1.2;margin:0 0 8px}.pdf-preview-subtitle{color:#6b7280;font-size:12px;margin-bottom:4px}.pdf-preview-branding{color:#9ca3af;font-size:8px;margin-top:8px}.pdf-preview-content{min-height:600px;padding:0 25px 25px}.preview-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:400px;justify-content:center;text-align:center}.preview-placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.5}.preview-placeholder p{font-size:16px;margin:4px 0}.preview-placeholder-sub{color:#9ca3af!important;font-size:14px!important}.preview-questions-list{display:flex;flex-direction:column;gap:25px}.preview-question{border-bottom:1px solid #f3f4f6;padding-bottom:20px}.preview-question:last-child{border-bottom:none}.preview-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.preview-question-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.preview-question-meta{color:#9ca3af;font-size:9px;line-height:1.3;text-align:right}.preview-question-content{margin-left:35px}.preview-question-text{color:#374151;font-size:11px;line-height:1.5;margin-bottom:10px}.preview-main-question{color:#1f2937;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:12px}.preview-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.preview-option{align-items:flex-start;display:flex;font-size:11px;gap:8px;line-height:1.4}.preview-option-letter{color:#4b5563;font-weight:700;min-width:15px}.preview-option-text{color:#374151;flex:1 1}.preview-answer-box{background:#f0f9f4;border:1px solid #86efac;border-radius:4px;color:#15803d;font-size:10px;margin-top:10px;padding:8px 10px}.preview-answer-sheet{border-top:2px solid #e5e7eb;margin-top:30px;padding-top:30px}.preview-page-break{margin-bottom:20px;text-align:center}.preview-page-break h2{font-size:18px;font-weight:700;margin:0 0 20px}.preview-answer-grid{grid-gap:8px;display:grid;font-size:11px;gap:8px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:400px}.preview-answer-item{background:#f9fafb;border-radius:4px;padding:4px 8px;text-align:center}.pdf-preview-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;color:#9ca3af;display:flex;font-size:8px;justify-content:space-between;padding:15px 25px}.pdf-preview-page-number{font-weight:500}.pdf-preview-footer-brand{font-style:italic}.success-message{background:#f0f9f4;border:1px solid #86efac;margin-top:20px;padding:16px}.success-title{color:#15803d;font-weight:600;margin:0 0 4px}.success-pack-id{color:#166534;font-size:12px;margin:0 0 12px}.success-actions{gap:8px}.success-action{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.success-action-primary{background:#15803d;color:#fff}.success-action-secondary{background:#fff;border:1px solid #86efac;color:#15803d}.success-action-tertiary{background:#0000;border:1px solid #0000;color:#15803d}.success-action:hover{transform:translateY(-1px)}.loading-container{padding:40px}.loading-text{margin-top:12px}.spinner{border:2px solid #0000;height:16px;width:16px}.empty-state{color:#64748b;padding:40px 20px}.empty-state-icon{font-size:32px;margin-bottom:12px;opacity:.5}.empty-state-text{font-size:14px;margin:0}@media (max-width:1200px){.split-screen-content{gap:20px;grid-template-columns:1fr}.right-panel{max-height:500px;order:-1}}@media (max-width:768px){.pack-header-content{flex-direction:column;gap:16px;text-align:center}.split-screen-content{padding:16px}.template-grid{grid-template-columns:1fr}.color-palette{justify-content:center}}.custom-searchbox-form{margin:0 auto;max-width:600px;position:relative;width:100%}.custom-searchbox-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:2px solid #fff3;border-radius:50px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;display:flex;height:64px;padding:0 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.custom-searchbox-container:hover{border-color:#ffffff4d;box-shadow:0 12px 40px #00000026,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.custom-searchbox-container.focused{border-color:#ffffff80;box-shadow:0 16px 48px #0003,inset 0 1px 0 #ffffff4d,0 0 0 4px #ffffff1a;transform:translateY(-3px)}.custom-searchbox-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:18px;font-weight:400;height:100%;outline:none;padding:0 16px}.custom-searchbox-input::placeholder{color:#fff9;font-weight:300}.custom-searchbox-input:focus::placeholder{color:#fff6}.custom-searchbox-icon{align-items:center;color:#ffffffb3;display:flex;flex-shrink:0;justify-content:center;transition:color .3s ease}.custom-searchbox-container.focused .custom-searchbox-icon{color:#ffffffe6}.custom-searchbox-clear{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-left:8px;transition:all .2s ease;width:32px}.custom-searchbox-clear:hover{background:#fff3;color:#fff;transform:scale(1.1)}.custom-searchbox-clear:active{transform:scale(.95)}.custom-searchbox-loading{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:8px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fffc;height:20px;width:20px}@media (max-width:768px){.custom-searchbox-container{height:56px;padding:0 16px}.custom-searchbox-input{font-size:16px;padding:0 12px}}.dark-theme .custom-searchbox-container{background:#0003;border-color:#ffffff1a}.dark-theme .custom-searchbox-container:hover{border-color:#fff3}.dark-theme .custom-searchbox-container.focused{border-color:#ffffff4d}.custom-searchbox-container.purple-theme{background:#6b5ca533;border-color:#6b5ca54d}.custom-searchbox-container.purple-theme:hover{border-color:#6b5ca580}.custom-searchbox-container.purple-theme.focused{border-color:#6b5ca5b3;box-shadow:0 16px 48px #6b5ca533,inset 0 1px 0 #ffffff4d,0 0 0 4px #6b5ca533}.practice-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.practice-container{margin:0 auto;max-width:800px;padding:0 20px}.error-container,.loading-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;margin:0 auto 20px}.error-icon{font-size:4rem;margin-bottom:20px}.error-message{color:#dc2626;font-size:1.1rem;line-height:1.5;margin:20px 0}.error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:30px}.practice-header{margin-bottom:30px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s}.back-button:hover{background:#ffffff4d;border-color:#ffffff80}.pack-header-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:30px;overflow:hidden;padding:40px;position:relative;text-align:center}.pack-header-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);content:"";height:6px;left:0;position:absolute;right:0;top:0}.pack-header-content{position:relative;z-index:1}.pack-icon{font-size:3rem;margin-bottom:15px}.pack-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 10px}.pack-subtitle{color:#6b7280;font-size:1.25rem;font-weight:500;margin:0 0 8px}.pack-meta{color:#9ca3af;font-size:.9rem;margin:0}.practice-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;margin-bottom:15px}.stat-number{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.875rem}.question-preview-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;padding:30px}.question-preview-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 20px}.question-types{display:flex;flex-wrap:wrap;gap:10px}.question-type-badge,.question-year-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:8px 16px}.question-type-badge{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af}.question-year-badge{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.practice-actions{margin-bottom:30px;text-align:center}.start-practice-button{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:12px;box-shadow:0 10px 30px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:12px;margin-bottom:20px;padding:18px 40px;transition:all .2s}.start-practice-button:hover:not(:disabled){box-shadow:0 15px 40px #10b98166;transform:translateY(-2px)}.start-practice-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-icon{font-size:1.25rem}.secondary-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.view-pack-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.view-pack-button:hover{background:#ffffff4d;border-color:#ffffff80}.practice-instructions{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:30px}.practice-instructions h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 20px}.practice-instructions ul{color:#4b5563;line-height:1.6;margin:0;padding-left:20px}.practice-instructions li{margin-bottom:8px}.btn-primary{background:#6366f1;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover{background:#5855eb;transform:translateY(-1px)}.btn-secondary{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width:768px){.practice-page{padding:10px}.practice-container{padding:0 10px}.pack-header-card{padding:30px 20px}.pack-title{font-size:2rem}.practice-stats{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px 15px}.start-practice-button{justify-content:center;width:100%}.secondary-actions{flex-direction:column}.view-pack-button{width:100%}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.quiz-container{display:flex;flex-direction:column;height:90vh}.quiz-content{flex:1 1;overflow-y:auto}.quiz-controls{flex-shrink:0}.quiz-results-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.quiz-results-content .close-button,.quiz-results-content .quiz-close-btn{display:none!important}.quiz-container{display:flex!important;flex-direction:column!important;max-height:90vh!important}.quiz-content{flex:1 1!important;min-height:0!important;overflow-y:auto!important}.quiz-controls{flex-shrink:0!important}.quiz-results-container{max-height:90vh!important}.quiz-results-content{flex:1 1!important;overflow-y:auto!important}.quiz-review-overlay{background:#000c;padding:20px;z-index:9999}.quiz-review-modal{border-radius:20px;box-shadow:0 25px 50px #0000004d;height:90vh;max-height:800px;max-width:700px}.quiz-review-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid #e5e7eb;border-radius:20px 20px 0 0;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:25px 30px}.quiz-review-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:background .2s;width:40px}.close-btn:hover{background:#ffffff4d}.quiz-review-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:30px}.score-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;display:flex;gap:30px;justify-content:center;margin-bottom:40px;padding:30px}.score-circle{box-shadow:0 8px 25px #00000026;color:#fff;font-size:2rem;font-weight:800;height:120px;width:120px}.score-circle.excellent{background:linear-gradient(135deg,#10b981,#34d399)}.score-circle.good{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.score-circle.poor{background:linear-gradient(135deg,#ef4444,#f87171)}.score-text{text-align:left}.score-main{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:8px}.score-time{color:#6b7280;font-size:1rem}.questions-section h3{border-bottom:2px solid #e5e7eb;font-size:1.25rem;font-weight:700;margin:0 0 20px;padding-bottom:10px}.questions-list{gap:16px}.question-card{background:#fff;border:2px solid;border-radius:12px;padding:20px;transition:transform .2s}.question-card:hover{transform:translateY(-1px)}.question-card.correct{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.question-card.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.question-num{color:#374151;font-size:1rem;font-weight:700}.status-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.status-icon.correct{background:#10b981}.status-icon.incorrect{background:#ef4444}.question-text{color:#4b5563;font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:16px}.answers-section{display:flex;flex-direction:column;gap:8px}.correct-answer,.user-answer{border-radius:6px;font-size:.9rem;padding:10px 12px}.user-answer{background:#f3f4f6;border-left:4px solid #6b7280;color:#374151}.correct-answer{background:#f0fdf4;border-left:4px solid #10b981;color:#166534}.quiz-review-footer{border-radius:0 0 20px 20px;gap:16px;justify-content:center;padding:20px 30px}.close-review-btn,.try-again-btn{border-radius:10px;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.try-again-btn{background:#6366f1}.try-again-btn:hover{background:#5855eb}.close-review-btn{background:#6b7280;color:#fff}.close-review-btn:hover{background:#4b5563;transform:translateY(-1px)}@media (max-width:768px){.quiz-review-overlay{padding:10px}.quiz-review-modal{border-radius:16px;height:95vh}.quiz-review-body,.quiz-review-footer,.quiz-review-header{padding-left:20px;padding-right:20px}.score-section{flex-direction:column;gap:20px;text-align:center}.score-circle{font-size:1.5rem;height:100px;width:100px}.quiz-review-footer{flex-direction:column}.close-review-btn,.try-again-btn{width:100%}}.question-content{margin-bottom:16px}.question-passage{background:#f8fafc;border-left:4px solid #6366f1;border-radius:8px;line-height:1.6;margin-bottom:12px;padding:16px}.question-main{font-size:1.05rem;font-weight:600;margin-bottom:12px}.question-options{margin-top:12px}.option-item{margin-bottom:4px;padding:8px 12px}.option-item.correct-option{background:#dcfce7;border-left:4px solid #16a34a}.option-item.user-option{background:#fef3c7;border-left:4px solid #f59e0b}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-form .input-container{margin-bottom:0}.auth-form .auth-button{margin-top:.5rem}.subscription-page{background:linear-gradient(135deg,#f9fafb,#e0e7ff);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.loading-container{background-color:#f9fafb;min-height:100vh}.loading-content{text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5;height:32px;margin:0 auto 1rem;width:32px}.loading-text{color:#6b7280}.header-section{background-color:#fff;border-bottom:1px solid #e5e7eb;overflow:hidden;position:relative}.header-background{background:linear-gradient(90deg,#4f46e5,#7c3aed);bottom:0;left:0;opacity:.05;position:absolute;right:0;top:0}.header-content{margin:0 auto;max-width:1280px;padding:4rem 1.5rem;position:relative;text-align:center}.header-title{color:#111827;font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1rem}.header-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.6;margin:0 auto 2rem;max-width:32rem}.current-plan-badge{align-items:center;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;display:inline-flex;font-size:.875rem;padding:.5rem 1rem}.plan-indicator{background-color:#10b981;border-radius:50%;height:8px;margin-right:.5rem;width:8px}.plan-label{color:#374151;font-weight:500;margin-right:.5rem}.plan-name{color:#4f46e5;font-weight:600}.plan-usage{color:#6b7280;font-size:.75rem;margin-left:.5rem}.main-content{margin:0 auto;max-width:1280px;padding:4rem 1.5rem 8rem}.dashboard-page,.library-page{padding-bottom:12rem!important}.login-notice{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.login-notice-content{align-items:center;display:flex;justify-content:center}.warning-icon{margin-right:.75rem}.warning-icon svg{color:#f59e0b;height:20px;width:20px}.login-notice-text{color:#92400e;font-size:.875rem;margin:0}.login-link{color:#92400e;text-decoration:underline}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:5rem;margin-top:1.5rem}.plan-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:visible;position:relative;transition:all .3s ease}.plan-card.plan-popular{border:2px solid #4f46e5;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(1.02)}.plan-card.plan-current{border:2px solid #10b981}.plan-content{padding:2rem}.badge-popular{background-color:#4f46e5;box-shadow:0 4px 6px #4f46e54d;left:50%;padding:.25rem 1rem;top:-12px;transform:translateX(-50%)}.badge-popular,.badge-value{border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;position:absolute;z-index:10}.badge-value{background-color:#10b981;box-shadow:0 4px 6px #10b9814d;padding:.25rem .75rem;right:1rem;top:-8px}.badge-current{background-color:#dcfce7;color:#166534;font-weight:500;padding:.25rem .5rem;right:1rem;top:1rem}.badge-coming-soon,.badge-current{border-radius:9999px;font-size:.75rem;position:absolute}.badge-coming-soon{background-color:#9ca3af;color:#fff;font-weight:600;left:50%;letter-spacing:.05em;padding:.25rem 1rem;text-transform:uppercase;top:-12px;transform:translateX(-50%);z-index:10}.plan-header{margin-bottom:2rem;text-align:center}.plan-name{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.plan-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.price-container{align-items:baseline;display:flex;justify-content:center;margin-bottom:.5rem}.price{color:#111827;font-size:3rem;font-weight:800}.price.price-popular{color:#4f46e5}.price-period{color:#6b7280;font-size:1rem;margin-left:.5rem}.access-period{color:#6b7280;font-size:.875rem;margin:0}.features-section{margin-bottom:2rem;text-align:left}.features-title{color:#111827;font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:left}.features-list{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0;text-align:left}.feature-item{align-items:flex-start;display:flex}.feature-check{color:#10b981;flex-shrink:0;height:20px;margin-right:.75rem;margin-top:2px;width:20px}.feature-text{color:#374151;font-size:.875rem;line-height:1.5;text-align:left}.plan-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.button-current{background-color:#dcfce7;color:#166534;cursor:not-allowed}.button-popular{background-color:#4f46e5;box-shadow:0 4px 6px #4f46e54d;color:#fff}.button-popular:hover:not(.button-disabled){background-color:#4338ca}.button-free{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.button-coming-soon{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}.button-default{background-color:#111827;color:#fff}.button-default:hover:not(.button-disabled){background-color:#030712}.button-disabled{cursor:not-allowed;opacity:.5}.button-loading{align-items:center;display:flex;gap:.5rem}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.payment-info{margin-top:1rem;text-align:center}.payment-text{color:#9ca3af;font-size:.75rem;line-height:1.4;margin:0}.cancel-subscription-section{display:flex;justify-content:center;margin-top:4rem}.cancel-card{background-color:#fefefe;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;max-width:480px;padding:1.5rem;width:100%}.cancel-content{text-align:center}.cancel-title{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.cancel-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.cancel-button{align-items:center;background-color:#dc2626;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:0 auto;padding:.625rem 1.25rem;transition:all .2s ease}.cancel-button:hover:not(:disabled){background-color:#b91c1c}.cancel-button:disabled{cursor:not-allowed;opacity:.6}.info-section{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:3rem;padding:3rem 2rem}.info-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-icon-wrapper{align-items:flex-start;display:flex;gap:.75rem}.info-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.info-icon svg{height:16px;width:16px}.info-icon-blue{background-color:#eef2ff;color:#4f46e5}.info-icon-purple{background-color:#faf5ff;color:#7c3aed}.info-heading{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.info-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.contact-section{text-align:center}.contact-content{background:linear-gradient(90deg,#eef2ff,#faf5ff);border:1px solid #e0e7ff;border-radius:1rem;padding:2rem}.contact-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.contact-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:28rem}.contact-button{align-items:center;background-color:#4f46e5;border-radius:.5rem;box-shadow:0 4px 6px #4f46e54d;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.contact-button:hover{background-color:#4338ca}.contact-icon{height:20px;width:20px}@media (max-width:768px){.header-title{font-size:2rem}.header-subtitle{font-size:1rem}.main-content{padding:2rem 1rem 4rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card.plan-popular{transform:none}.info-section{padding:2rem 1rem}.info-title{font-size:1.5rem}.info-grid{gap:1.5rem;grid-template-columns:1fr}}.modern-main-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;margin-bottom:0;min-height:60vh;overflow:hidden;padding:1rem}.modern-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 .75rem;position:relative;text-align:center}.modern-typing-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:.75rem 0;min-height:1.5rem;padding:0 1rem}.typing-text{font-size:.9rem;opacity:.95;text-align:center;text-shadow:0 2px 4px #0000001a}.modern-cursor{animation:modernBlink 1.5s step-end infinite;font-size:.9rem;font-weight:300}.header-search-container{justify-content:center;margin:1rem 0;padding:0 1rem;z-index:10}.header-search-container,.header-searchbox-form{align-items:center;display:flex;position:relative}.header-searchbox-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #0000001a;height:45px;max-width:100%;overflow:hidden;padding:0;transition:all .3s ease;width:100%}.header-searchbox-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:14px;font-weight:400;height:100%;letter-spacing:.5px;outline:none;padding:0 15px}.modern-header-social{gap:8px;position:absolute;right:10px;top:10px;z-index:10}.modern-social-link{background:#ffffff1a;border:1px solid #fff3;color:red;font-size:16px;height:36px;width:36px}.floating-decoration{display:none}.modern-header-cta{margin-top:1.5rem;padding:0 1rem}.modern-signup-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:50px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;max-width:280px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.modern-search-wrapper{background:#f8f9fa;margin-top:-1rem;padding:1rem 0}.results-container{padding:.75rem 0}.stats-container{color:#718096;font-size:.85rem;font-weight:500;margin-bottom:1rem;padding:0 1rem;text-align:center}.plew-action-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin:.75rem 0;padding:.75rem}.plew-action-button{align-items:center;border:none;border-radius:16px;box-shadow:0 6px 20px #00000026;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.plew-button-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1rem}.navbar{padding:.75rem 0}.navbar-container{padding:0 1rem}.navbar-logo a{font-size:1.25rem;font-weight:600}.navbar-links{gap:.5rem}.navbar-links a{font-size:.85rem;padding:.5rem .75rem}.mobile-menu-button{background:none;border:none;color:inherit;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.container{max-width:1000px}.container,.header-container{margin:0 auto;padding:0 1rem;width:100%}.header-container{max-width:700px}@media (min-width:320px){.modern-brand-title{font-size:2.2rem}.typing-text{font-size:.95rem}.header-searchbox-input{font-size:15px}}@media (min-width:480px){.modern-main-header{min-height:65vh;padding:1.5rem}.modern-brand-title{font-size:2.5rem;letter-spacing:-1.5px}.modern-cursor,.typing-text{font-size:1rem}.header-searchbox-form{height:50px;max-width:400px}.header-searchbox-input{font-size:16px;padding:0 18px}.modern-header-social{gap:10px;right:15px;top:15px}.modern-social-link{font-size:18px;height:40px;width:40px}.plew-action-buttons{flex-direction:row;gap:1rem;padding:1rem}.plew-action-button{font-size:.95rem;padding:.875rem 1.5rem}.plew-button-icon{font-size:1.1rem}.floating-decoration{display:block;opacity:.3}.decoration-left{left:-10%}.decoration-right{right:-10%}}@media (min-width:768px){.modern-main-header{min-height:70vh;padding:2rem}.modern-brand-title{font-size:3rem;letter-spacing:-2px}.modern-cursor,.typing-text{font-size:1.2rem}.header-searchbox-form{height:56px;max-width:500px}.header-searchbox-input{font-size:17px;padding:0 20px}.modern-header-social{gap:12px;right:20px;top:20px}.modern-social-link{font-size:20px;height:44px;width:44px}.plew-action-buttons{margin:1.5rem 0;padding:1.25rem}.plew-action-button{font-size:1rem;padding:1rem 1.75rem}.plew-button-icon{font-size:1.2rem}.floating-decoration{opacity:.5}.decoration-left{left:-5%}.decoration-right{right:-5%}.container{padding:0 1.5rem}}@media (min-width:1024px){.modern-main-header{min-height:75vh}.modern-brand-title{font-size:3.5rem}.modern-cursor,.typing-text{font-size:1.3rem}.header-searchbox-form{height:60px;max-width:600px}.header-searchbox-input{font-size:18px}.modern-header-social{gap:14px;right:25px;top:25px}.modern-social-link{font-size:22px;height:48px;width:48px}.floating-decoration{opacity:.7}.decoration-left{left:5%}.decoration-right{right:5%}}@media (min-width:1280px){.modern-main-header{min-height:80vh}.modern-brand-title{font-size:4rem;letter-spacing:-2px}.modern-cursor,.typing-text{font-size:1.4rem}.header-searchbox-form{height:64px;max-width:700px}.modern-header-social{gap:16px;right:30px;top:30px}.container{padding:0 2rem}}@media (hover:none) and (pointer:coarse){.plew-action-button{min-height:48px}.modern-social-link{min-height:44px;min-width:44px}.header-searchbox-form{min-height:48px}}@media (orientation:landscape) and (max-height:500px){.modern-main-header{min-height:90vh;padding:1rem}.modern-brand-title{font-size:2rem;margin-bottom:.5rem}.typing-text{font-size:.9rem}.header-search-container{margin:.75rem 0}.modern-header-cta{margin-top:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header-searchbox-form,.plew-action-button{border-width:.5px}}@media (prefers-reduced-motion:reduce){.modern-cursor{animation:none}.plew-action-button{transition:none}.floating-decoration{animation:none}}@media (prefers-color-scheme:dark){.modern-search-wrapper{background:#1f2937}.stats-container{color:#d1d5db}}@media print{.floating-decoration,.modern-header-social,.plew-action-buttons{display:none}.modern-main-header{background:none!important;color:#000!important;min-height:auto;padding:1rem}.modern-brand-title{color:#000!important;font-size:2rem}}@media (forced-colors:active){.header-searchbox-form{border:2px solid ButtonText}.plew-action-button{border:1px solid ButtonText}}.navbar-mobile-hidden{display:none}@media (max-width:767px){.navbar-links{display:none}.mobile-menu-button{display:block}.navbar-mobile-menu{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 4px 6px #0000001a;display:none;left:0;padding:1rem;position:absolute;right:0;top:100%}.navbar-mobile-menu.active{display:block}.navbar-mobile-menu a{border-bottom:1px solid #f1f5f9;color:inherit;display:block;padding:.75rem;text-decoration:none}}@container (max-width: 400px){.plew-action-buttons{padding:.5rem}.plew-action-button{font-size:.8rem;padding:.6rem 1rem}}.profile-greeting h1{font-size:28px!important;font-weight:600!important;margin:0 0 .5rem;text-shadow:0 2px 4px #0003}.profile-email{font-size:16px!important;font-weight:400!important;margin:0;opacity:.9}.stat-title{font-size:16px!important;font-weight:500!important;margin-bottom:.25rem}.stat-subtitle{font-size:14px!important;font-weight:400!important;opacity:.8}.stat-rank{font-size:20px!important;font-weight:600!important;margin-bottom:.5rem}.stat-description{margin-top:.25rem;opacity:.7}.profile-stat-card p,.stat-description{font-size:14px!important;font-weight:400!important}.summary-value{font-size:24px!important;font-weight:600!important;margin-bottom:.5rem}.summary-label{font-size:14px!important}.profile-tab,.summary-label{color:#666;font-weight:500!important}.profile-tab,.profile-tab.active{font-size:16px!important}.profile-tab.active{font-weight:600!important}.profile-section-title{font-size:20px!important;margin:0}.card-title,.profile-section-title{color:#2d3748;font-weight:600!important}.card-title{font-size:18px!important;margin:0 0 .5rem}.card-badge{border-radius:12px;font-size:12px!important;font-weight:500!important;letter-spacing:.5px;padding:.3rem .75rem;text-transform:uppercase}.card-meta{color:#666;font-size:14px!important;font-weight:400!important;margin:0 0 1rem}.score-value{font-size:20px!important;font-weight:600!important;margin-bottom:.25rem}.score-details{color:#666;font-size:14px!important;font-weight:400!important}.btn-orange,.btn-primary,.btn-purple,.btn-secondary,.profile-action-btn{border-radius:8px;cursor:pointer;font-size:14px!important;font-weight:500!important;padding:.6rem 1.2rem}.empty-state-title{color:#2d3748;font-size:20px!important;font-weight:600!important;margin-bottom:1rem}.empty-state-description{line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.empty-state-description,.loading-text{font-size:16px!important;font-weight:400!important}.loading-text{color:#666}.card-score-display .score-value,.profile-card .score-value{font-size:18px!important;font-weight:600!important}.results-summary .summary-card .summary-value{font-size:24px!important;font-weight:600!important}.results-summary .summary-card .summary-label{font-size:14px!important;font-weight:500!important}.profile-card .card-meta,.profile-card .score-details{font-size:14px!important;font-weight:400!important}@media (max-width:768px){.profile-greeting h1{font-size:24px!important;font-weight:600!important}.summary-value{font-size:20px!important;font-weight:600!important}.profile-section-title{font-size:18px!important;font-weight:600!important}.card-title,.score-value{font-size:16px!important;font-weight:600!important}}@media (max-width:480px){.profile-greeting h1{font-size:20px!important;font-weight:600!important}.profile-email,.stat-title,.tab-navigation{font-size:14px!important}}.badge-trial{animation:pulse 2s infinite;border-radius:9999px;font-size:.75rem;font-weight:600;left:1rem;padding:.25rem .75rem;position:absolute;top:-8px;z-index:10}.badge-trial,.button-trial{background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 4px 6px #10b9814d;color:#fff}.button-trial{border:2px solid #0000;overflow:hidden;position:relative}.button-trial:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.button-trial:hover:not(.button-disabled){background:linear-gradient(45deg,#059669,#047857);transform:translateY(-1px)}.button-trial:hover:not(.button-disabled):before{left:100%}.plan-card:has(.badge-trial){border:2px solid #10b981;box-shadow:0 8px 25px #10b98126;transform:scale(1.02)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.plan-card:has(.badge-trial) .feature-text{font-weight:500}.plan-card:has(.badge-trial) .feature-check{color:#10b981}@media (max-width:768px){.badge-trial{font-size:.65rem;padding:.2rem .6rem}.plan-card:has(.badge-trial){transform:scale(1.01)}}.pack-form-card{border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:1200px}.btn{font-size:13px!important;padding:6px 12px!important}.question-pack-page{background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pack-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:32px;padding:40px 0}.pack-header-content{margin:0 auto;max-width:1200px;padding:0 24px}.pack-header-info h1{font-size:32px;font-weight:700;line-height:1.2;margin:0 0 8px}.pack-header-description{font-size:16px;font-weight:400;margin:0 0 12px;opacity:.9}.pack-plan-info{font-size:14px;margin:0;opacity:.8}.pack-plan-info strong{font-weight:600}.profile-content{background:#0000;margin:0 auto;max-width:1200px;padding:0 24px}.form-label{font-size:14px;margin-bottom:8px}.filter-tabs{background-color:#f1f5f9;border-radius:8px;margin-bottom:24px;padding:4px}.filter-tab{background:#0000;border:none;border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px}.filter-tab:hover{background-color:#e2e8f0;color:#475569}.filter-tab.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#6366f1;font-weight:600}.questions-container{display:flex;flex-direction:column;gap:16px}.question-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:8px}.question-item:hover{background-color:#f8faff;border-color:#c7d2fe}.question-content{width:100%}.question-meta{color:#1e293b;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.question-preview{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:8px}.btn{border-radius:6px;font-size:14px;gap:6px;line-height:1.4;min-height:36px;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#6366f1;border-color:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5b21b6;border-color:#5b21b6}.btn-secondary{background-color:#f8fafc;border-color:#e2e8f0;color:#475569}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.btn-success{background-color:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669}.button-group{align-items:center;flex-wrap:wrap;gap:8px}.loading-container{text-align:center}.loading-spinner{border:2px solid #e2e8f0;height:24px;margin-bottom:12px;width:24px}.loading-text{color:#64748b;font-size:14px;margin:0}.spinner{animation:spin 1s linear infinite;border:1.5px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.7}.empty-state-text{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.stats-grid{grid-gap:16px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.stat-item{text-align:center}.stat-value{font-size:20px;font-weight:600;margin-bottom:4px}.stat-label{color:#64748b;font-size:13px}.form-section{margin-bottom:24px}@media (max-width:768px){.pack-header{padding:24px 0}.pack-header-content{padding:0 16px}.pack-header-info h1{font-size:24px}.pack-form-card{border-radius:8px;margin:0 16px;padding:24px}.button-group{align-items:stretch;flex-direction:column}.btn{justify-content:center}.filter-tabs{flex-direction:column}.filter-tab{flex:none}.questions-container{gap:12px}.question-item{padding:16px}}@media (max-width:480px){.pack-header-info h1{font-size:20px}.pack-header-description{font-size:14px}.pack-form-card{padding:16px}.question-meta{font-size:14px}.question-preview{font-size:13px}}.trial-icon svg{height:100%;width:100%}.trial-text strong{font-weight:600}.cancel-trial-button:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.cancel-trial-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-trial-button .button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.trial-notice-content{flex-direction:column;gap:.75rem;text-align:center}.cancel-trial-button{justify-content:center;width:100%}}.trial-notice{margin-bottom:2rem;padding:0 1rem}.trial-notice-content{align-items:center;background:linear-gradient(135deg,#fef3c7,#f59e0b);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;padding:1rem 1.5rem}.trial-icon{color:#92400e;flex-shrink:0;height:24px;width:24px}.trial-text{color:#92400e;flex-grow:1;font-size:.9rem;line-height:1.4}.cancel-trial-button{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.video-button-container{display:block!important;margin-bottom:2rem!important;text-align:center!important}.see-how-it-works-button{align-items:center!important;background:linear-gradient(135deg,#ff4757,#ff3742)!important;border:none!important;border-radius:50px!important;box-shadow:0 8px 20px #ff47574d!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:.75rem!important;outline:none!important;overflow:hidden!important;padding:1rem 2rem!important;position:relative!important;text-decoration:none!important;text-transform:lowercase!important;transition:all .3s ease!important}.see-how-it-works-button:hover{background:linear-gradient(135deg,#ff3742,#ff2f3a)!important;box-shadow:0 15px 35px #ff475766!important;color:#fff!important;transform:translateY(-3px)!important}.see-how-it-works-button:active{transform:translateY(-1px)!important}.see-how-it-works-button i{color:#fff!important;font-size:1.3rem!important}.see-how-it-works-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .6s!important;width:100%!important}.see-how-it-works-button:hover:before{left:100%!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modern-social-link{font-size:18px;height:44px;width:44px}.modern-header-social{gap:10px}}@media (max-width:480px){.modern-social-link{font-size:16px;height:40px;width:40px}.modern-header-social{gap:8px}}.modern-header-social{align-items:center;display:flex;gap:12px}.modern-social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff1a;font-size:20px;height:48px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.modern-social-link.youtube-link{background:linear-gradient(135deg,red,#c00);box-shadow:0 4px 20px #ff00004d;color:#fff}.modern-social-link.youtube-link:hover{background:linear-gradient(135deg,#ff1a1a,#e60000);box-shadow:0 8px 30px #f006;transform:translateY(-3px) scale(1.05)}.modern-social-link.discord-link{background:linear-gradient(135deg,#5865f2,#4752c4);box-shadow:0 4px 20px #5865f24d;color:#fff}.modern-social-link.discord-link:hover{background:linear-gradient(135deg,#6b73ff,#5865f2);box-shadow:0 8px 30px #5865f266;transform:translateY(-3px) scale(1.05)}.modern-social-link:before{background:inherit;border-radius:50%;bottom:0;content:"";filter:blur(8px);left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.modern-social-link:hover:before{opacity:.6}.modern-social-link i{transition:transform .3s ease}.modern-social-link:hover i{transform:scale(1.1)}.modern-social-link:active{transform:translateY(-1px) scale(1.02)}.coming-soon-message{margin-top:16px;text-align:center}.coming-soon-message span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ffffffb3;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.coming-soon-message span:hover{background:#ffffff26;color:#ffffffe6;transform:translateY(-1px)}@media (max-width:768px){.modern-social-link{font-size:18px;height:44px;width:44px}.modern-header-social{gap:10px}.coming-soon-message span{font-size:13px;padding:6px 14px}}@media (max-width:480px){.modern-social-link{font-size:16px;height:40px;width:40px}.modern-header-social{gap:8px}.coming-soon-message span{font-size:12px;padding:6px 12px}}.subject-toggle-container{display:flex;justify-content:center;width:100%}.subject-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;box-shadow:0 8px 32px #0000001a;display:inline-flex;padding:4px}.subject-toggle-button{background:#0000;border:none;border-radius:46px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:600;min-width:120px;overflow:hidden;padding:12px 24px;transition:all .3s ease}.alternate-theme .subject-toggle-button,.alternate-theme .subject-toggle-button.active,.alternate-theme .subject-toggle-button.active:hover,.alternate-theme .subject-toggle-button.locked,.alternate-theme .subject-toggle-button.locked:hover,.alternate-theme .subject-toggle-button:hover,.bmat-theme .subject-toggle-button,.bmat-theme .subject-toggle-button.active,.bmat-theme .subject-toggle-button.active:hover,.bmat-theme .subject-toggle-button.locked,.bmat-theme .subject-toggle-button.locked:hover,.bmat-theme .subject-toggle-button:hover,.community-theme .subject-toggle-button,.community-theme .subject-toggle-button.active,.community-theme .subject-toggle-button.active:hover,.community-theme .subject-toggle-button.locked,.community-theme .subject-toggle-button.locked:hover,.community-theme .subject-toggle-button:hover,.maths-theme .subject-toggle-button,.maths-theme .subject-toggle-button.active,.maths-theme .subject-toggle-button.active:hover,.maths-theme .subject-toggle-button.locked,.maths-theme .subject-toggle-button.locked:hover,.maths-theme .subject-toggle-button:hover,.subject-toggle .subject-toggle-button,.subject-toggle .subject-toggle-button *,.subject-toggle .subject-toggle-button:hover,.subject-toggle .subject-toggle-button:hover *,.subject-toggle-container .subject-toggle-button,.subject-toggle-container .subject-toggle-button *,.subject-toggle-container .subject-toggle-button:hover,.subject-toggle-container .subject-toggle-button:hover *,.tsa-theme .subject-toggle-button,.tsa-theme .subject-toggle-button.active,.tsa-theme .subject-toggle-button.active:hover,.tsa-theme .subject-toggle-button.locked,.tsa-theme .subject-toggle-button.locked:hover,.tsa-theme .subject-toggle-button:hover,div .subject-toggle-button,div .subject-toggle-button *,div .subject-toggle-button:hover,div .subject-toggle-button:hover *{color:#fff!important}.speech-bubble{animation:speechBubblePulse 8s ease-in-out infinite;background:#d4d0ff;border-radius:20px;box-shadow:0 4px 12px #d4d0ff66;color:#2d3748;font-size:12px;font-weight:500;line-height:1.4;max-width:380px;min-width:250px;padding:12px 16px;position:absolute;z-index:10}.speech-bubble:after{border-style:solid;content:"";height:0;position:absolute;width:0}.decoration-left .speech-bubble{left:120px;top:20px}.decoration-left .speech-bubble:after{border-color:#0000 #d4d0ff #0000 #0000;border-width:8px 10px 8px 0;left:-10px;top:20px}.decoration-right .speech-bubble{right:120px;top:20px}.decoration-right .speech-bubble:after{border-color:#0000 #0000 #0000 #d4d0ff;border-width:8px 0 8px 10px;right:-10px;top:20px}@keyframes speechBubblePulse{0%,to{box-shadow:0 4px 12px #d4d0ff66;transform:scale(1)}50%{box-shadow:0 6px 16px #d4d0ff99;transform:scale(1.02)}}@media (max-width:768px){.speech-bubble{display:none}}.subject-toggle-button:before{background:linear-gradient(45deg,#0000,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.subject-toggle-button:hover:before{opacity:1}.subject-toggle-button:hover{color:#fff;transform:translateY(-1px)}.subject-toggle-button.active{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:translateY(-2px)}.subject-toggle-button.under-construction{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;padding-bottom:8px;padding-top:10px}.subject-toggle-button .subject-name{display:block}.subject-toggle-button .construction-tag{display:block;font-size:9px;letter-spacing:.5px;line-height:1;opacity:.7;text-transform:lowercase}.subject-toggle-button.disabled-for-non-admin{background:#80808033;cursor:not-allowed!important;opacity:.5}.subject-toggle-button.disabled-for-non-admin:hover{background:#80808033!important;color:#fff;transform:none!important}.subject-toggle-button.disabled-for-non-admin:hover:before{opacity:0!important}.tsa-theme .subject-toggle-button.active{background:linear-gradient(45deg,#6b5ca5,#221368)!important;box-shadow:0 4px 15px #6b5ca566!important}.maths-theme .subject-toggle-button.active{background:linear-gradient(45deg,#3f72af,#2d4059);box-shadow:0 4px 15px #3f72af66}.alternate-theme .subject-toggle-button.active{background:linear-gradient(45deg,#2b55a1,#1a4490);box-shadow:0 4px 15px #2b55a166}@media (max-width:768px){.subject-toggle-container{margin-bottom:1.5rem}.subject-toggle-button{font-size:.9rem;min-width:100px;padding:10px 20px}}@media (max-width:480px){.subject-toggle{max-width:280px;width:100%}.subject-toggle-button{flex:1 1;font-size:.85rem;min-width:auto;padding:10px 16px}}.maths-filters{background:#fff9;border:1px solid #0000000d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.maths-filters h4{color:#4a5568;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{align-items:center;background:linear-gradient(45deg,#e2e8f0,#cbd5e0);border:1px solid #0000001a;border-radius:12px;color:#4a5568;display:inline-flex;font-size:.75rem;font-weight:500;padding:.3rem .6rem}.maths-theme .filter-tag{background:linear-gradient(45deg,#dce5ff,#b8ccff);border-color:#3f72af33;color:#2d4059}.question-year{align-items:center;background:linear-gradient(45deg,#f7fafc,#edf2f7);border:1px solid #0000000d;color:#718096;display:inline-flex;font-size:.8rem;margin-left:.5rem;padding:.3rem .6rem}.maths-theme .question-year{background:linear-gradient(45deg,#e1eeff,#d6e4f7);color:#3f72af}.answer-explanation{border-top:1px solid #15572433;margin-top:.75rem;padding-top:.75rem}.answer-explanation p{line-height:1.6;margin:0}.title-section{gap:.5rem}@media (max-width:768px){.maths-filters{padding:.75rem}.filter-tags{gap:.375rem}.filter-tag{font-size:.7rem;padding:.25rem .5rem}.title-section{align-items:flex-start;flex-direction:column;gap:.25rem}.question-year{margin-left:0}}.question-text-formatted{line-height:1.7}.question-text-formatted strong{color:#1e40af;font-weight:700}.denominator,.numerator,.question-text-formatted,.question-text-formatted sup{color:#374151}.maths-hit-container{border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:16px 0;padding:24px}.maths-hit-container:hover{border-color:#7c3aed;box-shadow:0 4px 16px #7c3aed26}.maths-hit-header{align-items:flex-start;border-bottom:2px solid #f8fafc;margin-bottom:20px;padding-bottom:16px}.question-header-left{gap:12px}.question-title{color:#1e293b;letter-spacing:-.025em}.question-year-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:.875rem;letter-spacing:.025em;padding:4px 12px}.question-metadata{gap:8px}.spec-topic-badge{background:linear-gradient(135deg,#10b981,#059669)}.spec-point-badge,.spec-topic-badge{border-radius:6px;font-size:.875rem;padding:6px 12px}.spec-point-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.marks-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:6px;font-size:.875rem;padding:6px 12px}.topic-context{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6;border-radius:8px;gap:12px;margin-bottom:20px;padding:12px 16px}.topic-label{color:#475569;font-size:.925rem}.topic-content{color:#1e293b;font-weight:500}.question-content-area{margin-bottom:24px}.formatted-question{margin-bottom:20px}.question-text-formatted{word-wrap:break-word;background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;color:#374151!important;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.8;padding:20px;white-space:normal}.question-text-formatted *{color:#374151!important}.question-text-formatted br{line-height:2.5}.question-text-formatted sup{color:#374151!important;font-weight:400}.fraction{margin:0 4px}.numerator{border-bottom:1px solid #374151;color:#374151!important;padding-bottom:2px}.denominator{color:#374151!important;padding-top:2px}.question-text-formatted sup{color:#7c3aed;font-size:.75em;font-weight:600}.question-image-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:24px 0;padding:16px;text-align:center}.question-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.question-image:hover{transform:scale(1.02)}.image-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;gap:8px;padding:20px}.error-icon{font-size:1.25rem}.error-text{font-weight:500}.related-topics-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:8px;margin:20px 0;padding:16px}.related-topics-title{color:#0c4a6e;margin:0 0 12px}.topic-tags{gap:8px}.topic-tag{background:linear-gradient(135deg,#0ea5e9,#0284c7);letter-spacing:.025em;padding:4px 10px}.question-actions{gap:12px;margin:24px 0}.action-button{border-radius:8px;font-size:.925rem;gap:8px;letter-spacing:.025em;padding:12px 20px}.video-solution-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.video-solution-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.answer-toggle-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 2px 8px #06b6d44d}.answer-toggle-btn:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 12px #06b6d466;transform:translateY(-2px)}.button-text{font-weight:600}.answer-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;margin-top:20px;padding:20px}.answer-header h4{align-items:center;color:#166534;display:flex;font-size:1.25rem;gap:8px;margin:0 0 16px}.answer-header h4:before{content:"✅";font-size:1.1rem}.answer-content,.explanation-content{display:flex;flex-direction:column;gap:8px;margin:12px 0}.answer-label,.explanation-label{color:#166534;font-size:.95rem}.answer-value,.explanation-text{background:#fff;border:1px solid #bbf7d0;border-radius:6px;color:#374151;font-family:Georgia,Times New Roman,serif;padding:12px 16px}.answer-value sup,.explanation-text sup{color:#7c3aed;font-weight:600}@media (max-width:768px){.maths-hit-container{margin:12px 0;padding:16px}.maths-hit-header{align-items:flex-start;flex-direction:column;gap:12px}.question-metadata{width:100%}.question-actions{flex-direction:column}.action-button{justify-content:center;width:100%}.topic-context{align-items:flex-start;flex-direction:column;gap:8px}}.video-button-top-left{left:20px;position:absolute;top:20px;z-index:100}.subject-toggle-button.locked{cursor:not-allowed;opacity:.6}.subject-toggle-button.locked:hover{transform:none}.coming-soon-badge{background:#ff6b6b;border-radius:10px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px}.lock-icon-small{font-size:12px;margin-left:5px;opacity:.7}.brand-title-container{align-items:center;display:flex;gap:15px;justify-content:center}.brand-logo{filter:drop-shadow(0 0 10px rgba(107,92,165,.3));height:50px;object-fit:contain;transition:filter .3s ease;width:auto}.brand-logo:hover{filter:drop-shadow(0 0 15px rgba(107,92,165,.5))}.video-button-container-new{left:20px;position:absolute;top:20px;z-index:1000}.see-how-it-works-button-new{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 2px 8px #fbbf244d;color:#1f2937;display:inline-flex;font-size:12px;letter-spacing:.5px;padding:8px 16px;text-transform:lowercase}.see-how-it-works-button-new:hover{box-shadow:0 4px 12px #fbbf2466;transform:translateY(-1px)}.see-how-it-works-button-new:active{box-shadow:0 2px 6px #fbbf244d;transform:translateY(0)}.coming-soon-badge-enhanced{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #ef444466;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;position:absolute;right:-12px;text-transform:uppercase;top:-8px;z-index:10}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #ef444466;transform:scale(1)}50%{box-shadow:0 4px 12px #ef444499;transform:scale(1.05)}}.subject-toggle-button{overflow:visible}.subject-toggle-button.locked{overflow:visible;position:relative}@media (max-width:768px){.video-button-container-new{left:15px;top:15px}.see-how-it-works-button-new{border-radius:16px;font-size:11px;padding:6px 12px}.see-how-it-works-button-new i{font-size:12px}.coming-soon-badge-enhanced{font-size:8px;padding:2px 6px;right:-8px;top:-6px}}.header-actions-container{display:flex;gap:12px;left:20px;position:absolute;top:20px;z-index:100}.see-how-it-works-button-new{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:25px;box-shadow:0 4px 12px #fbbf244d;color:#92400e;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.see-how-it-works-button-new:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #fbbf2466;transform:translateY(-2px)}.see-how-it-works-button-new i{color:#dc2626;font-size:14px}.pdf-download-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:25px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.pdf-download-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.pdf-download-button i{color:#fef7f7;font-size:14px}.pdf-download-button.locked{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;opacity:.7}.pdf-download-button.locked:hover{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 4px 12px #9ca3af4d;transform:none}.lock-icon-overlay{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}@media (max-width:768px){.header-actions-container{gap:8px;left:15px;top:15px}.pdf-download-button,.see-how-it-works-button-new{font-size:12px;padding:8px 12px}.pdf-download-button i,.see-how-it-works-button-new i{font-size:12px}.lock-icon-overlay{font-size:9px;height:16px;right:-6px;top:-6px;width:16px}}@media (max-width:480px){.header-actions-container{flex-direction:column;gap:6px}.pdf-download-button,.see-how-it-works-button-new{font-size:11px;padding:6px 10px}}.community-theme{--primary-color:#0f766e;--secondary-color:#134e4a;--accent-color:#14b8a6;--background-gradient:linear-gradient(135deg,#f0fdfa,#ccfbf1);--text-color:#0f172a;--muted-text:#64748b}.community-searchbox,.community-theme .modern-main-header{color:var(--text-color)}.community-searchbox::placeholder{color:var(--muted-text)}.community-searchbox:focus{box-shadow:0 0 0 3px #14b8a626}.no-results{color:var(--muted-text)}.no-results p{color:var(--text-color)}.subject-toggle-button.community{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;color:#fff}.subject-toggle-button.community.active{background:var(--secondary-color);color:#fff}.subject-toggle-button.community:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.clear-button,.search-icon{color:var(--muted-text)}.clear-button:hover{background-color:#14b8a61a}.community-theme .text-primary{color:var(--text-color)!important}.community-theme .text-secondary{color:var(--muted-text)!important}.community-theme .bg-primary{background-color:var(--primary-color)!important;color:#fff!important}.community-theme .border-primary{border-color:var(--primary-color)!important}.admin-upload-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:800px;padding:20px}.admin-upload-container h2{color:#111827;font-size:24px;font-weight:600;margin-bottom:24px}.question-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:6px}.form-row{grid-gap:16px;gap:16px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6b5ca5;border-color:var(--primary-color,#6b5ca5);box-shadow:0 0 0 3px #6b5ca51a}.form-group textarea{min-height:80px}.submit-button{background:#6b5ca5;background:var(--primary-color,#6b5ca5);border-radius:8px;font-weight:500;margin-top:8px;padding:14px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:#5a4d94;background:var(--secondary-color,#5a4d94);transform:translateY(-1px)}.error-message,.success-message{border-radius:8px;margin-bottom:16px;padding:12px 16px}@media (max-width:768px){.admin-upload-container{margin:20px;padding:16px}.form-row{grid-template-columns:1fr}}.subject-toggle-button{position:relative}.community-theme .subject-toggle-button:not(.locked) .coming-soon-badge-enhanced{display:none}.community-theme{--primary-color:#7c3aed;--secondary-color:#5b21b6;--accent-color:#a855f7;--background-gradient:linear-gradient(135deg,#faf5ff,#f3e8ff)}.community-theme .modern-main-header{background:var(--background-gradient)}.community-theme .modern-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}.community-theme .modern-cursor{color:var(--primary-color)}.community-theme .typing-text{color:#374151;font-weight:500}.subject-toggle-button.locked{background:#6b72801a!important;border:1px solid #d1d5db!important;color:#fff!important}.subject-toggle-button.locked .coming-soon-badge-enhanced{background:#f59e0b!important;color:#fff!important}.community-search-container{width:100%}.community-searchbox{background:#fff;border:2px solid var(--primary-color);border-radius:12px;color:#111827;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.community-searchbox:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.community-searchbox::placeholder{color:#9ca3af}.community-hits{display:flex;flex-direction:column;gap:16px;margin-top:20px}.community-hit-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:20px;transition:all .3s ease}.community-hit-wrapper:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.hit-header{align-items:flex-start;justify-content:space-between;margin-bottom:12px}.hit-header,.hit-meta{display:flex;flex-wrap:wrap;gap:8px}.hit-meta{align-items:center}.hit-subject{background:var(--primary-color);color:#fff;font-weight:500}.hit-difficulty,.hit-subject{border-radius:4px;font-size:12px;padding:4px 8px}.hit-difficulty{background:#f3f4f6;color:#374151}.hit-tag{background:#eff6ff;border-radius:3px;color:#1e40af;font-size:11px;padding:2px 6px}.hit-stats{color:#6b7280;font-size:14px;gap:12px}.hit-stats,.hit-upvotes{align-items:center;display:flex}.hit-upvotes{gap:4px}.hit-question{color:#111827;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.hit-explanation{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.solution-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.solution-btn{align-items:center;background:#fff;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.written-btn{border-color:#059669;color:#059669}.written-btn.active,.written-btn:hover{background:#059669;color:#fff}.video-btn{border-color:#dc2626;color:#dc2626}.video-btn.active,.video-btn:hover{background:#dc2626;color:#fff}.video-solution,.written-solution{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.solution-header{margin-bottom:12px}.solution-header h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.solution-content{color:#4b5563;line-height:1.6}.solution-heading{color:#111827;font-size:14px;font-weight:600;margin:16px 0 8px}.solution-bullet{color:#4b5563;margin-bottom:4px;margin-left:16px}.solution-paragraph{color:#4b5563;margin-bottom:8px}.video-container{border-radius:8px}.solution-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.no-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;padding:40px 20px;text-align:center}.no-results p{color:#374151;margin:8px 0}.loading-stats{color:var(--primary-color);font-weight:500}.community-theme .subject-toggle-button.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.community-theme .subject-toggle-button:not(.active):not(.locked){background:#7c3aed1a;border:1px solid var(--primary-color);color:#fff}.search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-icon{color:var(--primary-color);left:12px;position:absolute;z-index:1}.clear-button{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:12px;transition:color .2s ease}.clear-button:hover{color:var(--primary-color)}.community-theme .stats-container{color:#374151;font-weight:500;margin-bottom:16px}@media (max-width:768px){.community-hit-wrapper{padding:16px}.hit-header{align-items:flex-start}.hit-header,.solution-buttons{flex-direction:column}.solution-btn{justify-content:center}}.modern-search-wrapper{padding-bottom:60px}.community-search-container{padding-bottom:40px}@media (max-width:768px){.modern-search-wrapper{padding-bottom:80px}.community-search-container{padding-bottom:60px}}.submit-question-cta{margin-top:20px}.submit-question-button{background:var(--primary-color);border-radius:25px;box-shadow:0 2px 8px #7c3aed4d;color:#fff;font-weight:500}.submit-question-button:hover{background:var(--secondary-color);box-shadow:0 4px 12px #7c3aed66;color:#fff;text-decoration:none}.community-searchbox{padding-left:16px}.submit-question-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:40px auto;max-width:700px;padding:30px}.submit-question-header{margin-bottom:32px;text-align:center}.submit-question-header h1{color:#111827;font-size:28px;font-weight:700;margin-bottom:12px}.submit-question-header p{color:#6b7280;font-size:16px;line-height:1.5}.submit-question-form{gap:24px}.form-group,.submit-question-form{display:flex;flex-direction:column}.form-group{gap:8px;position:relative}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.form-group textarea{line-height:1.5;min-height:100px}.char-count{color:#9ca3af;font-size:12px;margin-top:-4px;text-align:right}.form-hint{color:#6b7280;font-size:12px;font-style:italic}.form-footer{margin-top:16px}.submission-info{background:#f8fafc;border-left:4px solid #7c3aed;border-radius:12px;margin-bottom:24px;padding:20px}.submission-info p{color:#374151;font-weight:600;margin:0 0 12px}.submission-info ul{color:#6b7280;margin:0;padding-left:20px}.submission-info li{line-height:1.4;margin-bottom:6px}.submit-button{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 12px #7c3aed4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46}.error-message,.success-message{font-weight:500;margin-bottom:20px;padding:16px 20px}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px}@media (max-width:768px){.submit-question-container{margin:20px;padding:24px}.submit-question-header h1{font-size:24px}.form-row{grid-template-columns:1fr}}.modern-header-social .tiktok-link{background:#000;color:#fff}.modern-header-social .tiktok-link:hover{background:#ff0050;transform:translateY(-2px)}.modern-social-link{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.community-theme .locked-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:40px 20px}.community-theme .locked-message h3{color:#111827!important}.community-theme .locked-message p{color:#6b7280!important}.community-theme .signup-action-button{background:var(--primary-color)!important;border:2px solid var(--primary-color)!important;color:#fff!important}.community-theme .login-action-button{background:#0000!important;border:2px solid var(--primary-color)!important;color:var(--primary-color)!important}.community-theme .signup-action-button:hover{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.community-theme .login-action-button:hover{background:var(--primary-color)!important;color:#fff!important}.community-theme .coming-soon-message span,.community-theme .modern-signup-button span{color:#111827!important}.community-theme .locked-content{align-items:center;display:flex;justify-content:center;min-height:300px}.community-theme .locked-message{max-width:400px;text-align:center}.file-upload-area{background:#fafafa;border:2px dashed #ddd;border-radius:8px;margin-bottom:1rem;padding:2rem;text-align:center;transition:border-color .3s ease}.file-upload-area:hover{background:#f5f5f5;border-color:#6b5ca5}.file-upload-button{align-items:center;background:#6b5ca5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.file-upload-button:hover{background:#5a4d94}.file-upload-hint{color:#666;font-size:.85rem;line-height:1.4;margin-top:.5rem}.selected-files{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:1rem;padding:1rem}.selected-files h4{color:#333;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.file-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.file-item:last-child{margin-bottom:0}.file-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.file-info i{color:#6b5ca5;font-size:1.1rem}.file-name{color:#333;font-size:.9rem;font-weight:500}.file-size{color:#666;font-size:.8rem;font-weight:400}.remove-file-button{align-items:center;background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;transition:background-color .3s ease;width:28px}.remove-file-button:hover{background:#ff3742;transform:scale(1.05)}.upload-progress{margin-top:1rem;text-align:center}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#6b5ca5,#8b7ec8);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:768px){.file-upload-area{padding:1.5rem 1rem}.file-item{padding:.5rem}.file-info{gap:.5rem}.file-name{font-size:.85rem}.remove-file-button{font-size:.7rem;height:24px;width:24px}}.subject-selection{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:8px}.subject-option{border-radius:8px;padding:16px;text-align:left}.subject-option:hover{background-color:#f8fafc}.subject-option.selected{background-color:#eef2ff}.subject-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.subject-name{color:#1e293b;font-size:16px;font-weight:600}.selected-icon{color:#6366f1;font-weight:700}.subject-description{color:#64748b;font-size:14px;line-height:1.4}.question-tag.tag-type{background-color:#e0f2fe;color:#0369a1}.question-tag.tag-year{background-color:#f3e8ff;color:#7c3aed}.preview-maths-info{color:#666;font-size:12px;margin-bottom:10px}.preview-maths-info div{margin-bottom:5px}.question-pack-page{background:#f8fafc;min-height:100vh}.split-screen-layout{display:flex;flex-direction:column;margin:0 auto;max-width:100%}.split-screen-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1600px;padding:0 24px 32px}.left-panel{min-width:0}.pack-form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;padding:32px}.step-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:between;margin-bottom:32px;padding-bottom:20px}.step-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.step-badge{background:#6366f1;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:6px 16px}.form-section{margin-bottom:32px}.form-label{color:#374151;display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.subject-selection{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.subject-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.subject-option:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.subject-option.selected{background:#f0f9ff;border-color:#6366f1}.filter-section{margin-bottom:32px}.filter-tabs{display:flex;gap:4px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.filter-tabs::-webkit-scrollbar{height:4px}.filter-tabs::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.filter-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.filter-tab{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;font-weight:500;min-width:fit-content;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.filter-tab:hover{border-color:#6366f1;color:#6366f1}.filter-tab.active{background:#6366f1;border-color:#6366f1;color:#fff}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;max-height:300px;overflow-y:auto;padding:4px}.filter-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.filter-button:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.filter-button.active{background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.slider-section{margin-bottom:32px}.slider-container{align-items:center;display:flex;gap:16px;margin:16px 0}.slider-input{border-radius:4px;cursor:pointer;flex:1 1;height:8px;outline:none}.slider-value{border-radius:6px;font-size:.875rem;font-weight:600;min-width:50px;padding:8px 12px;text-align:center}.slider-info{color:#64748b;font-size:.875rem;line-height:1.5;margin-top:12px}.questions-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-height:500px;overflow-y:auto;padding:16px}.question-item{align-items:flex-start;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;margin-bottom:12px;padding:20px;transition:all .2s ease}.question-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translateY(-1px)}.question-item.selected{background:#f0f9ff;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.button-group{border-top:2px solid #f1f5f9;display:flex;gap:16px;margin-top:32px;padding-top:24px}.btn{border:2px solid #0000;border-radius:10px;display:flex;font-size:1rem;font-weight:600;gap:8px;min-height:48px;padding:14px 24px;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.right-panel{min-width:0}.preview-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 200px)}.preview-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.preview-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.preview-wrapper{flex:1 1;overflow:auto;padding:20px}@media (max-width:1200px){.split-screen-content{gap:24px;grid-template-columns:1fr}.preview-panel{height:600px}.pack-form-card{max-height:none}}@media (max-width:768px){.split-screen-content{padding:0 16px 24px}.pack-form-card{padding:24px}.filter-tabs{gap:8px}.filter-tab{font-size:.875rem;padding:10px 16px}.filter-buttons{gap:8px}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}}.loading-container{color:#64748b;flex-direction:column;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:16px;width:40px}.success-message{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;margin-top:24px;padding:24px;text-align:center}.success-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.success-action{border:2px solid #0000;border-radius:8px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.success-action-primary{background:#fff;color:#059669}.success-action-secondary{background:#0000;border-color:#fff;color:#fff}.color-palette{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));margin-top:12px}.color-option{align-items:center;border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .2s ease;width:50px}.color-option:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.color-option.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.color-option-check{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 2px #00000080}.modern-main-header{height:auto;min-height:auto;position:relative}.modern-header-content,.modern-main-header{padding-bottom:2rem;padding-top:2rem}.subject-toggle-container{margin-bottom:2rem;position:relative}.app{display:flex;flex-direction:column;min-height:100vh}.modern-main-header{flex-shrink:0;padding:3rem 0}.modern-search-wrapper{flex-grow:1}.modern-main-header .container{padding-top:3rem}.modern-cursor,.typing-text{font-size:1.8rem!important}@media (max-width:768px){.modern-cursor,.typing-text{font-size:1.4rem!important}}@media (max-width:480px){.modern-cursor,.typing-text{font-size:1.2rem!important}}.modern-typing-container{margin:1.5rem 0;text-align:center}.typing-text{letter-spacing:.5px;line-height:1.4}.modern-cursor,.typing-text{font-family:Futura,Trebuchet MS,Arial,sans-serif!important;font-size:12pt!important;font-style:normal!important;font-weight:500}.modern-cursor{animation:blink 1s infinite}.maths-theme .modern-cursor,.maths-theme .typing-text,.tsa-theme .modern-cursor,.tsa-theme .typing-text{color:#fff!important}.community-theme .modern-cursor,.community-theme .typing-text{color:#333}@media (max-width:768px){.modern-cursor,.typing-text{font-size:11pt!important}}@media (max-width:480px){.modern-cursor,.typing-text{font-size:10pt!important}}.submit-question-cta{margin:1.5rem 0;text-align:center}.submit-question-button{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;display:inline-flex;font-family:Futura,Trebuchet MS,Arial,sans-serif;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.submit-question-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.submit-question-button i{font-size:16px}.maths-theme .submit-question-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.maths-theme .submit-question-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 6px 20px #4caf5066}.community-theme .submit-question-button{background:linear-gradient(135deg,#6b5ca5,#5a4a94);color:#fff}.community-theme .submit-question-button:hover{background:linear-gradient(135deg,#5a4a94,#4a3a84);box-shadow:0 6px 20px #6b5ca566}.tsa-theme .submit-question-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.tsa-theme .submit-question-button:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 20px #2196f366}@media (max-width:768px){.submit-question-button{font-size:13px;padding:10px 20px}.submit-question-button i{font-size:14px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-mode-button{align-items:center;background:linear-gradient(135deg,#00ced1,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 12px #00ced14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.demo-mode-button:hover{box-shadow:0 6px 16px #00ced166;transform:translateY(-2px)}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.5)}}.demo-mode-overlay{background:linear-gradient(135deg,#d8f0ed,#ccf);bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.demo-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;justify-content:space-between;padding:20px}.demo-progress,.demo-steps{align-items:center;display:flex}.demo-steps{gap:20px}.demo-step{flex-direction:column;gap:8px}.demo-step,.demo-step span{align-items:center;display:flex}.demo-step span{background:#e5e7eb;border-radius:50%;color:#6b7280;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.demo-step.active span{background:#00ced1;color:#fff}.demo-close{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:32px;width:32px}.demo-button-container{display:flex;justify-content:center;margin-top:16px}@media (max-width:768px){.demo-button-container{margin-top:12px}}.tsa-hit{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.tsa-hit:before{background:linear-gradient(90deg,#221368,#6b5ca5);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-hit:hover{border-color:#6b5ca5;box-shadow:0 8px 24px #6b5ca526}.tsa-hit-header{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.title-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#221368,#6b5ca5);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0}.question-year{background:#f5f5ff;border:1px solid #e0e0ff;border-radius:12px;color:#221368;font-size:.75rem;font-weight:500;padding:.25rem .6rem}.tsa-hit-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tsa-hit-type{background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:20px;box-shadow:0 2px 6px #6b5ca533;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.tsa-hit-subtype{background:#f8f8ff;border:1px solid #e0e0ff;border-radius:12px;color:#6b5ca5;font-size:.75rem;font-weight:500;padding:.25rem .6rem}.tsa-hit-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tsa-section-badge{background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:20px;box-shadow:0 2px 6px #6b5ca533;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.tsa-year-badge{background:#f5f5ff;color:#221368}.tsa-difficulty-badge,.tsa-year-badge{border:1px solid #e0e0ff;border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .6rem}.tsa-difficulty-badge{background:#f8f8ff;color:#6b5ca5}.tsa-hit-content{display:flex;flex-direction:column;gap:1.5rem}.tsa-hit-passage{background:#fafaff;border:1px solid #e0e0ff;border-radius:8px;padding:1rem}.tsa-hit-passage p{color:#221368;font-size:.95rem;line-height:1.6;margin:0}.tsa-hit-question{background:#f8f8ff;border:1px solid #e0e0ff;border-radius:8px;margin:1rem 0;padding:1rem}.tsa-hit-question p{color:#221368;font-size:1rem;font-weight:600;margin:0}.tsa-hit-image{align-items:center;background:#fafaff;border:2px solid #f5f5ff;border-radius:12px;display:flex;justify-content:center;margin:16px 0;min-height:120px;padding:16px;transition:all .3s ease}.tsa-hit-image:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 6px 16px #6b5ca533}.tsa-hit-image img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.tsa-hit-options{margin:20px 0}.tsa-hit-options ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.tsa-hit-options li{align-items:center;background:#fafaff;border:1px solid #e0e0ff;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.tsa-hit-options .option-id{align-items:center;background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:50%;box-shadow:0 2px 6px #6b5ca533;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:28px;justify-content:center;width:28px}.tsa-hit-options .option-text{color:#374151;flex:1 1;font-size:.9rem;line-height:1.5}.tsa-option{background:#fafaff;border:2px solid #f5f5ff;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .3s ease}.tsa-option:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 2px 4px #6b5ca51a}.tsa-option.correct{background:linear-gradient(135deg,#e6e6ff,#d6d6ff);border-color:#6b5ca5;color:#221368;font-weight:600}.tsa-option.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.tsa-option-label{color:#221368;font-size:1.1rem;font-weight:600;margin-right:12px}.tsa-hit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tsa-hit-button{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.tsa-hit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tsa-hit-button:hover:before{left:100%}.tsa-hit-button:hover{box-shadow:0 8px 20px #00000026}.tsa-hit-button.video-button{background:linear-gradient(135deg,#be185d,#9d174d);border:2px solid #be185d;color:#fff}.tsa-hit-button.video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d}.tsa-hit-button.answer-button{background:linear-gradient(135deg,#221368,#6b5ca5);border:2px solid #221368;color:#fff}.tsa-hit-button.answer-button:hover{background:linear-gradient(135deg,#6b5ca5,#8a73b8);border-color:#6b5ca5}.tsa-show-answer-btn{background:linear-gradient(135deg,#221368,#6b5ca5);border:none;border-radius:8px;box-shadow:0 4px 12px #6b5ca54d;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.tsa-show-answer-btn:hover{background:linear-gradient(135deg,#6b5ca5,#8a73b8);box-shadow:0 6px 16px #6b5ca54d}.tsa-video-link{align-items:center;background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:8px;box-shadow:0 3px 10px #6b5ca54d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.tsa-video-link:hover{background:linear-gradient(135deg,#6b5ca5,#8a73b8);box-shadow:0 6px 16px #6b5ca54d;color:#fff}.tsa-answer-content{animation:slideDown .3s ease}@media (max-width:768px){.tsa-hit{margin-bottom:16px;padding:20px}.tsa-hit-title{font-size:1.2rem}.tsa-hit-actions{flex-direction:column}.tsa-hit-button{justify-content:center;width:100%}.tsa-image-container{margin:12px 0;padding:12px}}.video-popup-overlay *,.video-popup-overlay :after,.video-popup-overlay :before{animation:none!important;box-sizing:border-box;margin:0;padding:0;transition:none!important}.video-popup-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;height:100vh;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100vw;z-index:9999}.video-popup-content,.video-popup-overlay{animation:none!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translateZ(0);transition:none!important;will-change:auto}.video-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:800px;overflow:hidden;position:relative;width:90%}.video-popup-close{align-items:center;animation:none!important;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transform:none!important;transition:none!important;width:30px;will-change:auto;z-index:10000}.video-popup-close:hover{background-color:#f0f0f0}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-error{color:#666;padding:40px;text-align:center}.maths-hit,.plew-hit,.tsa-hit{border:1px solid #ffffff80;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:900px;padding:2rem}.maths-hit:before,.plew-hit:before,.tsa-hit:before{background:linear-gradient(90deg,#667eea,#764ba2)}.maths-hit:hover,.plew-hit:hover,.tsa-hit:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.plew-hit-header,.tsa-hit-header{align-items:flex-start;border-bottom:1px solid #0000000f;justify-content:space-between}.plew-hit-theory,.plew-hit-type,.tsa-hit-marks,.tsa-hit-subtype,.tsa-hit-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 2px 8px #0000001a;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.plew-hit-theory,.tsa-hit-type{background:linear-gradient(45deg,#4fd1c7,#06b6d4)}.plew-hit-type,.tsa-hit-subtype{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff}.tsa-hit-marks{background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff}.plew-hit-content,.tsa-hit-content{padding-top:.5rem}.plew-hit-passage,.tsa-hit-passage{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #667eea;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative}.tsa-theme .tsa-hit-passage{background:linear-gradient(135deg,#f0e7f8,#e0d6eb);border-left-color:#6b5ca5}.alternate-theme .plew-hit-passage{background:linear-gradient(135deg,#e8f1fc,#d6e4f7);border-left-color:#2b55a1}.maths-theme .tsa-hit-passage{background:linear-gradient(135deg,#e1eeff,#dce5ff);border-left-color:#3f72af}.plew-hit-passage:before,.tsa-hit-passage:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:60px;position:absolute;right:0;top:0;width:60px}.plew-hit-passage p,.tsa-hit-passage p{color:#4a5568;font-size:1rem;font-weight:500;line-height:1.7}.plew-hit-actual-question,.tsa-hit-question{background:#fffc;border:1px solid #0000000d;margin-bottom:1.5rem}.plew-hit-actual-question p,.tsa-hit-question p{color:#2d3748;font-size:1.1rem;font-weight:600}.plew-hit-image,.tsa-hit-image{margin:1.5rem 0;position:relative;text-align:center}.plew-hit-image img,.tsa-hit-image img{border:1px solid #ffffff80;border-radius:12px;box-shadow:0 8px 30px #0000001f;max-height:500px;transition:transform .3s ease}.plew-hit-image img:hover,.tsa-hit-image img:hover{transform:scale(1.02)}.plew-hit-options,.tsa-hit-options{margin-bottom:2rem}.plew-hit-options ul,.tsa-hit-options ul{grid-gap:.75rem;display:grid;gap:.75rem}.plew-hit-options li,.tsa-hit-options li{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #0000000d;border-radius:12px;color:#4a5568;cursor:pointer;font-weight:500;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.plew-hit-options li:hover,.tsa-hit-options li:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);transform:translateX(4px)}.plew-hit-options li.correct-option,.tsa-hit-options li.correct-option{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;font-weight:600}.plew-hit-actions,.tsa-hit-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem}.answer-button,.plew-hit-button,.tsa-hit-button,.video-button{border:none;border-radius:12px;display:inline-flex;min-width:140px}.plew-hit .video-button,.video-button{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea4d}.answer-button,.plew-hit .answer-button{background:linear-gradient(45deg,#4fd1c7,#06b6d4);box-shadow:0 6px 20px #4fd1c74d}.tsa-theme .video-button{background:linear-gradient(45deg,#6b5ca5,#221368);box-shadow:0 6px 20px #6b5ca54d}.alternate-theme .video-button,.plew-hit .video-button{background:linear-gradient(45deg,#2b55a1,#1a4490);box-shadow:0 6px 20px #2b55a14d}.maths-theme .video-button{background:linear-gradient(45deg,#3f72af,#2d4059);box-shadow:0 6px 20px #3f72af4d}.answer-button:hover,.plew-hit-button:hover,.tsa-hit-button:hover,.video-button:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.video-button:before{content:"▶";font-size:.8rem}.answer-button:before{content:"💡";font-size:.8rem}.plew-hit-answer,.tsa-hit-answer,.tsa-hit-answers{background:linear-gradient(135d,#d4edda,#c3e6cb);border-left:4px solid #28a745;margin-top:2rem;overflow:hidden;position:relative}.plew-hit-answer:before,.tsa-hit-answer:before{background:radial-gradient(circle,#28a74533 0,#0000 70%);border-radius:50%;content:"";height:60px;position:absolute;right:0;top:0;width:60px}.plew-hit-answer h4,.tsa-hit-answer h4{font-size:1.1rem;font-weight:700}.plew-hit-answer p,.tsa-hit-answer p{font-weight:600}@media (max-width:768px){.maths-hit,.plew-hit,.tsa-hit{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.plew-hit-header,.tsa-hit-header{align-items:flex-start;flex-direction:column;gap:1rem}.plew-hit-title,.tsa-hit-title{font-size:1.2rem}.plew-hit-actions,.tsa-hit-actions{flex-direction:column;gap:.75rem}.plew-hit-button,.tsa-hit-button{width:100%}.plew-hit-options ul,.tsa-hit-options ul{gap:.5rem}.locked-content{margin:1.5rem auto;padding:3rem 1.5rem}.lock-icon{font-size:3rem}}.maths-hit,.plew-hit,.tsa-hit{background:#fff;border:2px solid #c9e5c9;border-radius:16px;box-shadow:0 4px 12px #6b5ca51a;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.maths-hit:before,.plew-hit:before,.tsa-hit:before{background:linear-gradient(90deg,#6b5ca5,#221368);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tsa-hit:before{background:linear-gradient(90deg,#6b5ca5,#221368)}.plew-hit:before{background:linear-gradient(90deg,#2b55a1,#1a4490)}.maths-hit:before{background:linear-gradient(90deg,#3f72af,#2d4059)}.maths-hit:hover,.plew-hit:hover,.tsa-hit:hover{border-color:#6b5ca5;box-shadow:0 8px 24px #6b5ca526}.plew-hit-header,.tsa-hit-header{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.plew-hit-title,.tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.4rem;font-weight:700;margin:0}.tsa-theme .tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#221368,#6b5ca5);-webkit-background-clip:text;background-clip:text}.alternate-theme .plew-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2b55a1,#4d7bc9);-webkit-background-clip:text;background-clip:text}.maths-theme .tsa-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2d4059,#3f72af);-webkit-background-clip:text;background-clip:text}.plew-hit-tags,.tsa-hit-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.plew-hit-theory,.plew-hit-type,.tsa-hit-marks,.tsa-hit-subtype,.tsa-hit-type{align-items:center;border-radius:20px;box-shadow:0 2px 6px #6b5ca533;display:inline-flex;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.plew-hit-theory,.tsa-hit-type{background:linear-gradient(135deg,#6b5ca5,#221368);box-shadow:0 2px 6px #6b5ca533;color:#fff}.plew-hit-type,.tsa-hit-marks,.tsa-hit-subtype{background:#f0f0ff;border:1px solid #e0e0ff;color:#6b5ca5}.plew-hit-content,.tsa-hit-content{display:flex;flex-direction:column;gap:1.5rem}.plew-hit-passage,.tsa-hit-passage{border-radius:8px;padding:1rem}.plew-hit-passage,.tsa-hit-passage,.tsa-theme .tsa-hit-passage{background:#f0f0ff;border:1px solid #e0e0ff}.alternate-theme .plew-hit-passage,.maths-theme .tsa-hit-passage{background:#f0f8ff;border:1px solid #e0f0ff}.plew-hit-passage p,.tsa-hit-passage p{color:#6b5ca5;font-size:.95rem;line-height:1.6;margin:0}.plew-hit-actual-question,.tsa-hit-question{background:#f0f0ff;border:1px solid #e0e0ff;border-radius:8px;padding:1rem}.plew-hit-actual-question p,.tsa-hit-question p{color:#6b5ca5;font-size:.95rem;line-height:1.6;margin:0}.plew-hit-image,.tsa-hit-image{background:#f0f0ff;border:2px solid #e0e0ff;border-radius:12px;box-shadow:0 4px 12px #6b5ca51a;overflow:hidden;padding:.5rem;transition:all .3s ease}.plew-hit-image:hover,.tsa-hit-image:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 6px 16px #6b5ca533}.plew-hit-image img,.tsa-hit-image img{display:block;height:auto;max-width:100%;object-fit:contain;width:100%}.plew-hit-options,.plew-hit-options ul,.tsa-hit-options,.tsa-hit-options ul{display:flex;flex-direction:column;gap:.5rem}.plew-hit-options ul,.tsa-hit-options ul{list-style:none;margin:0;padding:0}.plew-hit-options li,.tsa-hit-options li{align-items:flex-start;background:#f0f0ff;border:1px solid #e0e0ff;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.plew-hit-options li:hover,.tsa-hit-options li:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 2px 4px #6b5ca51a}.option-id{align-items:center;background:linear-gradient(135deg,#6b5ca5,#221368);border-radius:50%;box-shadow:0 2px 6px #6b5ca533;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;width:28px}.option-text{color:#374151;font-size:.9rem;line-height:1.5}.plew-hit-options li.correct-option,.tsa-hit-options li.correct-option{background:#e8f5e8;border-color:#28a745;border-width:2px}.plew-hit-options li.correct-option .option-id,.tsa-hit-options li.correct-option .option-id{background:linear-gradient(135deg,#28a745,#20c997)}.plew-hit-options li.correct-option .option-text,.tsa-hit-options li.correct-option .option-text{color:#155724;font-weight:600}.plew-hit-options li.correct-option:before,.tsa-hit-options li.correct-option:before{color:#28a745;content:"✓";font-size:1.2rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.plew-hit-actions,.tsa-hit-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.answer-button,.plew-hit-button,.tsa-hit-button,.video-button{align-items:center;border:2px solid;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.answer-button:before,.plew-hit-button:before,.tsa-hit-button:before,.video-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.answer-button:hover:before,.plew-hit-button:hover:before,.tsa-hit-button:hover:before,.video-button:hover:before{left:100%}.plew-hit .video-button,.video-button{background:linear-gradient(135deg,#e11d48,#be185d);border-color:#e11d48;box-shadow:0 4px 12px #e11d4833;color:#fff}.plew-hit .video-button:hover,.video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d;box-shadow:0 8px 20px #e11d484d}.video-button.disabled{background:#9ca3af;border-color:#9ca3af;color:#6b7280;cursor:not-allowed}.video-button.disabled:hover{background:#9ca3af;box-shadow:0 4px 12px #0000001a;transform:none}.answer-button,.plew-hit .answer-button{background:linear-gradient(135deg,#6b5ca5,#221368);border-color:#6b5ca5;box-shadow:0 4px 12px #6b5ca533;color:#fff}.answer-button:hover,.plew-hit .answer-button:hover{background:linear-gradient(135deg,#221368,#1a0f4e);border-color:#221368;box-shadow:0 8px 20px #6b5ca54d}.tsa-theme .video-button{background:linear-gradient(135deg,#e11d48,#be185d);border-color:#e11d48;box-shadow:0 4px 12px #e11d4833}.tsa-theme .video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d;box-shadow:0 8px 20px #e11d484d}.tsa-theme .answer-button{background:linear-gradient(135deg,#6b5ca5,#221368);border-color:#6b5ca5;box-shadow:0 4px 12px #6b5ca533}.tsa-theme .answer-button:hover{background:linear-gradient(135deg,#221368,#1a0f4e);border-color:#221368;box-shadow:0 8px 20px #6b5ca54d}.alternate-theme .video-button,.plew-hit .video-button{background:linear-gradient(135deg,#e11d48,#be185d);border-color:#e11d48;box-shadow:0 4px 12px #e11d4833}.alternate-theme .video-button:hover,.plew-hit .video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d;box-shadow:0 8px 20px #e11d484d}.maths-theme .video-button{background:linear-gradient(135deg,#e11d48,#be185d);border-color:#e11d48;box-shadow:0 4px 12px #e11d4833}.maths-theme .video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d;box-shadow:0 8px 20px #e11d484d}.answer-button.animating{transform:scale(.95)}.plew-hit-answer,.tsa-hit-answer,.tsa-hit-answers{animation:slideIn .3s ease;background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #c3e6cb;border-radius:12px;margin-top:1rem;padding:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plew-hit-answer h4,.tsa-hit-answer h4{color:#155724;font-size:1rem;font-weight:600;margin:0 0 .75rem}.plew-hit-answer p,.tsa-hit-answer p{color:#155724;font-size:.95rem;line-height:1.5;margin:0}.answer-content{gap:.5rem}.answer-content,.answer-id{align-items:center;display:flex}.answer-id{background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 2px 6px #28a74533;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:600;height:28px;justify-content:center;width:28px}.answer-text{color:#155724;font-size:.9rem;line-height:1.5}.tsa-hit-paper-details{background:#fff9;border:1px solid #0000000d;border-radius:8px;margin-bottom:1rem;padding:1rem}.tsa-hit-instructions{background:#6b72801a;border-radius:6px;color:#6b7280;font-style:italic;margin-bottom:1rem;padding:.75rem}.tsa-hit-parts{margin-bottom:1.5rem}.tsa-hit-part{background:#fffc;border-left:3px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1rem}.locked-content{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 30px #00000014;margin:2rem auto;max-width:600px;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.locked-content:before{animation:slowRotate 20s linear infinite;background:radial-gradient(circle,#667eea0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes slowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.locked-message{margin:0 auto;max-width:400px;position:relative;z-index:2}.lock-icon{animation:lockPulse 2s ease-in-out infinite;color:#667eea;font-size:4rem;margin-bottom:2rem;text-shadow:0 4px 12px #667eea4d}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.maths-hit,.plew-hit,.tsa-hit{border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.plew-hit-header,.tsa-hit-header{align-items:flex-start;flex-direction:column;gap:1rem}.plew-hit-title,.tsa-hit-title{font-size:1.2rem}.plew-hit-actions,.tsa-hit-actions{gap:.5rem}.answer-button,.plew-hit-button,.tsa-hit-button,.video-button{font-size:.9rem;justify-content:center;padding:.75rem 1rem;width:100%}.plew-hit-options ul,.tsa-hit-options ul{gap:.5rem}.locked-content{margin:1.5rem auto;padding:3rem 1.5rem}.lock-icon{font-size:3rem}}@media (max-width:480px){.maths-hit,.plew-hit,.tsa-hit{padding:1.25rem}.plew-hit-title,.tsa-hit-title{font-size:1.1rem}.plew-hit-passage,.tsa-hit-passage{padding:1.25rem}.plew-hit-button,.tsa-hit-button{font-size:.9rem;padding:.75rem 1.25rem}}.primary-question{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;display:flex;justify-content:center;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}.primary-question:hover{border-color:#3f72af;box-shadow:0 4px 20px #6b5ca51a}.question-image-primary{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;cursor:pointer;height:auto;max-width:100%;padding:1rem;transition:transform .3s ease}.question-image-primary:hover{box-shadow:0 8px 24px #00000026;transform:scale(1.02)}@media (max-width:768px){.question-image-primary{max-width:95%;padding:.5rem}.primary-question{margin:1rem 0;padding:1rem}}.no-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #6c757d;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:1.5rem 0;min-height:200px;padding:3rem 2rem;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.placeholder-text{color:#495057;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.placeholder-subtext{color:#6c757d;font-size:1rem;margin-bottom:1.5rem}.fallback-question-text{background:#fff;border-left:4px solid #6b5ca5;border-radius:8px;color:#495057;font-size:.9rem;line-height:1.5;margin:0 auto;max-width:600px;padding:1rem;text-align:left}.image-error-message{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:2rem;text-align:center}.error-icon{font-size:2.5rem;margin-bottom:1rem}.error-text{color:#856404;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.error-subtext{color:#6c757d;font-size:.9rem}.maths-hit-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:1.5rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.maths-hit-container:before{background:linear-gradient(90deg,#3f72af,#2d4059);content:"";height:4px;left:0;position:absolute;right:0;top:0}.maths-hit-container:hover{border-color:#3f72af;box-shadow:0 8px 32px #0000001f}.maths-hit-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-header-left{align-items:center;display:flex;gap:1rem}.question-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3f72af,#2d4059);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0}.question-year-badge{background:linear-gradient(135deg,#3f72af,#2d4059);border-radius:20px;box-shadow:0 2px 8px #6b5ca54d;color:#fff;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.spec-topic-badge{background:linear-gradient(135deg,#17a2b8,#20c997);box-shadow:0 2px 8px #17a2b84d}.spec-point-badge,.spec-topic-badge{border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.spec-point-badge{background:linear-gradient(135deg,#fd7e14,#ffc107);box-shadow:0 2px 8px #fd7e144d}.marks-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:16px;box-shadow:0 2px 8px #28a7454d;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.topic-context{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #6b5ca5;border-radius:12px;display:flex;margin-bottom:1.5rem;padding:1rem}.topic-label{color:#3f72af;font-size:.9rem;font-weight:600;margin-right:.8rem}.topic-content{color:#495057;flex:1 1;font-size:.95rem}.action-button{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:180px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.answer-toggle-btn,.video-solution-btn{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 4px 12px #3f72af4d;color:#fff}.answer-toggle-btn:hover,.video-solution-btn:hover{background:linear-gradient(135deg,#5a4d94,#7a6aa7);box-shadow:0 6px 20px #6b5ca566}.answer-toggle-btn{background:linear-gradient(135deg,#3f72af,#2d4059);color:#fff}.answer-toggle-btn:hover{background:linear-gradient(135deg,#5a4d94,#7a6aa7);box-shadow:0 6px 20px #6b5ca54d}.button-icon{font-size:1rem}.button-text{font-size:.9rem}.answer-section{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.answer-header h4{border-bottom:2px solid #3f72af;color:#3f72af;display:inline-block;font-size:1.2rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem}.answer-content,.explanation-content{background:#fff;border-left:4px solid #28a745;border-radius:8px;margin:1rem 0;padding:1rem}.answer-label,.explanation-label{color:#28a745;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.answer-value,.explanation-text{color:#495057;font-size:.95rem;line-height:1.6}.related-topics-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;margin:1.5rem 0;padding:1rem}.related-topics-title{color:#3f72af;font-size:1rem;font-weight:600;margin:0 0 .8rem}.topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.topic-tag{background:linear-gradient(135deg,#6c757d,#495057);border-radius:16px;box-shadow:0 2px 6px #6c757d4d;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem;transition:transform .2s ease}.topic-tag:hover{box-shadow:0 4px 10px #6c757d66;transform:translateY(-1px)}.fraction{display:inline-block;margin:0 .2rem;text-align:center;vertical-align:middle}.numerator{border-bottom:1px solid;padding-bottom:.1rem}.denominator,.numerator{display:block;font-size:.9em}.denominator{padding-top:.1rem}@media (max-width:768px){.maths-hit-container{margin:1rem 0;padding:1rem}.maths-hit-header{align-items:flex-start;flex-direction:column;gap:1rem}.question-metadata{align-self:stretch}.question-actions{flex-direction:column}.action-button{justify-content:center}.no-image-placeholder{min-height:150px;padding:2rem 1rem}.placeholder-icon{font-size:2rem}.placeholder-text{font-size:1.2rem}}.question-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.subject-badge{padding:.4rem .8rem}.action-button .button-icon{align-items:center;display:inline-flex;font-size:1rem}.action-button .button-text{font-size:.9rem;font-weight:600;white-space:nowrap}.video-solutions-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.part-video-btn{flex:0 0 auto;min-width:180px}.question-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}@media (max-width:768px){.action-button{min-width:100%;padding:.8rem 1.2rem}.question-actions,.video-solutions-buttons{flex-direction:column}.part-video-btn{min-width:100%}}.answer-toggle-btn,.part-video-btn,.video-solution-btn{font-size:.85rem!important;min-width:100px!important;padding:.4rem .8rem!important}.answer-toggle-btn .button-icon,.part-video-btn .button-icon,.video-solution-btn .button-icon{font-size:.9rem!important}.answer-toggle-btn .button-text,.part-video-btn .button-text,.video-solution-btn .button-text{font-size:.85rem!important}.bmat-hit{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.bmat-hit:before{background:linear-gradient(90deg,#d4d0ff,#e8e6ff);content:"";height:4px;left:0;position:absolute;right:0;top:0}.bmat-hit:hover{border-color:#6b5ca5;box-shadow:0 8px 24px #6b5ca526}.bmat-hit-header{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.bmat-hit-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#221368,#6b5ca5);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:1.4rem;font-weight:700;margin:0}.bmat-hit-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.bmat-section-badge{background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:20px;box-shadow:0 2px 6px #6b5ca533;color:#fff;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.bmat-year-badge{background:#f5f5ff;color:#221368}.bmat-difficulty-badge,.bmat-year-badge{border:1px solid #e0e0ff;border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .6rem}.bmat-difficulty-badge{background:#f8f8ff;color:#6b5ca5}.bmat-image-container{align-items:center;background:#fafaff;border:2px solid #f5f5ff;border-radius:12px;display:flex;justify-content:center;margin:16px 0;min-height:120px;padding:16px;transition:all .3s ease}.bmat-image-container:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 6px 16px #6b5ca533}.bmat-image-container img{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.bmat-options{list-style:none;margin:20px 0;padding:0}.bmat-option{background:#fafaff;border:2px solid #f5f5ff;border-radius:12px;cursor:pointer;margin-bottom:12px;padding:16px;position:relative;transition:all .3s ease}.bmat-option:hover{background:#f5f5ff;border-color:#6b5ca5;box-shadow:0 2px 4px #6b5ca51a}.bmat-option.correct{background:linear-gradient(135deg,#e8e5ff,#ddd6ff);border-color:#6b5ca5;color:#221368;font-weight:600}.bmat-option.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;color:#721c24}.bmat-option-label{color:#221368;font-size:1.1rem;font-weight:600;margin-right:12px}.bmat-hit-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.bmat-hit-button{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.bmat-hit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.bmat-hit-button:hover:before{left:100%}.bmat-hit-button:hover{box-shadow:0 8px 20px #00000026}.bmat-hit-button.video-button{background:linear-gradient(135deg,#be185d,#9d174d);border:2px solid #be185d;color:#fff}.bmat-hit-button.video-button:hover{background:linear-gradient(135deg,#be185d,#9d174d);border-color:#be185d}.bmat-hit-button.video-button.disabled{background:#9ca3af;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.bmat-hit-button.video-button.disabled:hover{background:#9ca3af;box-shadow:0 4px 12px #0000001a;transform:none}.bmat-hit-button.answer-button{background:linear-gradient(135deg,#221368,#6b5ca5);border:2px solid #221368;color:#fff}.bmat-hit-button.answer-button:hover{background:linear-gradient(135deg,#6b5ca5,#8a7bb8);border-color:#6b5ca5}.bmat-show-answer-btn{background:linear-gradient(135deg,#221368,#6b5ca5);border:none;border-radius:8px;box-shadow:0 4px 12px #6b5ca54d;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.bmat-show-answer-btn:hover{background:linear-gradient(135deg,#6b5ca5,#8a7bb8);box-shadow:0 6px 16px #6b5ca54d}.video-link{align-items:center;background:linear-gradient(135deg,#221368,#6b5ca5);border-radius:8px;box-shadow:0 3px 10px #6b5ca54d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:12px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.video-link:hover{background:linear-gradient(135deg,#6b5ca5,#8a7bb8);box-shadow:0 6px 16px #6b5ca54d;color:#fff}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.bmat-answer-content{animation:slideDown .3s ease}@media (max-width:768px){.bmat-hit{margin-bottom:16px;padding:20px}.bmat-hit-title{font-size:1.2rem}.bmat-hit-actions{flex-direction:column}.bmat-hit-button{justify-content:center;width:100%}.bmat-image-container{margin:12px 0;padding:12px}}.btn{align-items:center;border:1px solid #0000;cursor:pointer;display:inline-flex;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center;line-height:1.2;outline:none;position:relative;text-decoration:none;transition:all .2s ease-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn:active{transform:translateY(1px)}.btn__content{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:opacity .2s ease-out}.btn__content--loading{opacity:0}.btn__spinner{animation:btn-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:1rem;position:absolute;width:1rem}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn--small{border-radius:.25rem;box-shadow:0 1px 2px 0 #0000000d;font-size:.75rem;padding:.375rem .75rem}.btn--medium{border-radius:.375rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;font-size:.875rem;padding:.5rem 1rem}.btn--large{border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-size:1rem;padding:.625rem 1.25rem}.btn--full-width{width:100%}.btn--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--primary.btn--theme-tsa{background-color:#6b5ca5;border-color:#6b5ca5;color:#fff}.btn--primary.btn--theme-tsa:hover:not(.btn--disabled):not(.btn--loading){background-color:#5a4b94;border-color:#5a4b94;box-shadow:0 10px 15px -3px #6b5ca533,0 4px 6px -2px #6b5ca51a;transform:translateY(-2px)}.btn--primary.btn--theme-plew{background-color:#2b55a1;border-color:#2b55a1;color:#fff}.btn--primary.btn--theme-plew:hover:not(.btn--disabled):not(.btn--loading){background-color:#1a4490;border-color:#1a4490;box-shadow:0 10px 15px -3px #2b55a133,0 4px 6px -2px #2b55a11a;transform:translateY(-2px)}.btn--primary.btn--theme-maths{background-color:#3f72af;border-color:#3f72af;color:#fff}.btn--primary.btn--theme-maths:hover:not(.btn--disabled):not(.btn--loading){background-color:#2d4059;border-color:#2d4059;box-shadow:0 10px 15px -3px #3f72af33,0 4px 6px -2px #3f72af1a;transform:translateY(-2px)}.btn--secondary.btn--theme-tsa{background-color:#f0e7f8;border-color:#e0d6eb;color:#221368}.btn--secondary.btn--theme-tsa:hover:not(.btn--disabled):not(.btn--loading){background-color:#e0d6eb;border-color:#d0c5d6;box-shadow:0 4px 6px -1px #6b5ca51a,0 2px 4px -1px #6b5ca50f;transform:translateY(-1px)}.btn--secondary.btn--theme-plew{background-color:#e8f1fc;border-color:#d6e4f7;color:#2b55a1}.btn--secondary.btn--theme-plew:hover:not(.btn--disabled):not(.btn--loading){background-color:#d6e4f7;border-color:#c5d6f0;box-shadow:0 4px 6px -1px #2b55a11a,0 2px 4px -1px #2b55a10f;transform:translateY(-1px)}.btn--secondary.btn--theme-maths{background-color:#dce5ff;border-color:#c9d6ff;color:#2d4059}.btn--secondary.btn--theme-maths:hover:not(.btn--disabled):not(.btn--loading){background-color:#c9d6ff;border-color:#b6c7ff;box-shadow:0 4px 6px -1px #3f72af1a,0 2px 4px -1px #3f72af0f;transform:translateY(-1px)}.btn--ghost{background-color:initial;border-color:#0000}.btn--ghost.btn--theme-tsa{color:#6b5ca5}.btn--ghost.btn--theme-tsa:hover:not(.btn--disabled):not(.btn--loading){background-color:#f0e7f8;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.btn--ghost.btn--theme-plew{color:#2b55a1}.btn--ghost.btn--theme-plew:hover:not(.btn--disabled):not(.btn--loading){background-color:#e8f1fc;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.btn--ghost.btn--theme-maths{color:#3f72af}.btn--ghost.btn--theme-maths:hover:not(.btn--disabled):not(.btn--loading){background-color:#dce5ff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.btn--outline{background-color:initial}.btn--outline.btn--theme-tsa{border-color:#6b5ca5;color:#6b5ca5}.btn--outline.btn--theme-tsa:hover:not(.btn--disabled):not(.btn--loading){background-color:#6b5ca5;border-color:#6b5ca5;box-shadow:0 4px 6px -1px #6b5ca533,0 2px 4px -1px #6b5ca51a;color:#fff;transform:translateY(-1px)}.btn--outline.btn--theme-plew{border-color:#2b55a1;color:#2b55a1}.btn--outline.btn--theme-plew:hover:not(.btn--disabled):not(.btn--loading){background-color:#2b55a1;border-color:#2b55a1;box-shadow:0 4px 6px -1px #2b55a133,0 2px 4px -1px #2b55a11a;color:#fff;transform:translateY(-1px)}.btn--outline.btn--theme-maths{border-color:#3f72af;color:#3f72af}.btn--outline.btn--theme-maths:hover:not(.btn--disabled):not(.btn--loading){background-color:#3f72af;border-color:#3f72af;box-shadow:0 4px 6px -1px #3f72af33,0 2px 4px -1px #3f72af1a;color:#fff;transform:translateY(-1px)}.btn--danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn--danger:hover:not(.btn--disabled):not(.btn--loading){background-color:#c82333;border-color:#bd2130;box-shadow:0 10px 15px -3px #dc354533,0 4px 6px -2px #dc35451a;transform:translateY(-2px)}.btn--success{background-color:#28a745;border-color:#28a745;color:#fff}.btn--success:hover:not(.btn--disabled):not(.btn--loading){background-color:#218838;border-color:#1e7e34;box-shadow:0 10px 15px -3px #28a74533,0 4px 6px -2px #28a7451a;transform:translateY(-2px)}.btn--link{background:none;border:none;box-shadow:none;font-weight:500;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.btn--link.btn--theme-tsa{color:#6b5ca5;text-decoration-color:#6b5ca566}.btn--link.btn--theme-tsa:hover:not(.btn--disabled):not(.btn--loading){color:#5a4b94;text-decoration-color:#6b5ca5}.btn--link.btn--theme-plew{color:#2b55a1;text-decoration-color:#2b55a166}.btn--link.btn--theme-plew:hover:not(.btn--disabled):not(.btn--loading){color:#1a4490;text-decoration-color:#2b55a1}.btn--link.btn--theme-maths{color:#3f72af;text-decoration-color:#3f72af66}.btn--link.btn--theme-maths:hover:not(.btn--disabled):not(.btn--loading){color:#2d4059;text-decoration-color:#3f72af}@media (max-width:768px){.btn--large{font-size:1rem;padding:.75rem 1.5rem}.btn--medium{font-size:.9375rem;padding:.625rem 1.25rem}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn__spinner{animation-duration:2s}.btn:hover{transform:none}}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-wrapper--full-width{width:100%}.input-label{color:#374151;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1.5}.input-required{color:#dc3545;margin-left:.125rem}.input-container{align-items:center;display:flex;position:relative}.input-field{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;outline:none;transition:all .2s ease-out;width:100%}.input-field:focus{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;outline:2px solid #0000;outline-offset:2px}.input-field:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.input-field::placeholder{color:#9ca3af;font-weight:400}.input-field--small{border-radius:.375rem;font-size:.8125rem;padding:.5rem .75rem}.input-field--medium{border-radius:.5rem;font-size:.875rem;padding:.625rem .875rem}.input-field--large{border-radius:.5rem;font-size:1rem;padding:.875rem 1rem}.input-field--has-icons.input-field--small{padding-left:2.25rem}.input-field--has-icons.input-field--medium{padding-left:2.75rem}.input-field--has-icons.input-field--large{padding-left:3rem}.input-field--theme-tsa:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 1px 3px 0 #0000001a}.input-field--theme-plew:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a}.input-field--theme-maths:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a,0 1px 3px 0 #0000001a}.input-field--error,.input-field--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 1px 3px 0 #0000001a}.input-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;pointer-events:none;position:absolute;transition:color .15s ease;z-index:1}.input-icon--left{left:.75rem}.input-icon--right{right:.75rem}.input-icon svg{height:1rem;width:1rem}.input-container:focus-within .input-icon{color:#6b7280}.input-help{color:#6b7280}.input-error,.input-help{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8125rem;line-height:1.4}.input-error{align-items:flex-start;color:#ef4444;display:flex;font-weight:500;gap:.375rem}.input-error:before{content:"⚠";flex-shrink:0;font-size:.875rem;margin-top:.0625rem}.input-field--floating{padding-bottom:.5rem;padding-top:1.5rem}.input-label--floating{background-color:#fff;color:#9ca3af;font-size:.875rem;left:.875rem;padding:0 .25rem;pointer-events:none;position:absolute;top:.875rem;transition:all .15s ease}.input-field--floating:focus+.input-label--floating,.input-field--floating:not(:placeholder-shown)+.input-label--floating{color:#6b7280;font-size:.75rem;font-weight:500;left:.75rem;top:-.5rem}.input-field--success{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a,0 1px 3px 0 #0000001a}.input-field--glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fffc;border:1px solid #fff3}.input-field--glass:focus{background-color:#ffffffe6;border-color:#3b82f64d}@media (prefers-contrast:high){.input-field,.input-field:focus{border-width:2px}}@media (prefers-reduced-motion:reduce){.input-field,.input-icon,.input-label--floating{transition:none}}.loading-container{align-items:center;display:flex;justify-content:center;padding:2rem}.loading-container--fullscreen{position:fixed;z-index:9999}.loading-container--fullscreen,.loading-container--overlay{align-items:center;background-color:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.loading-container--overlay{border-radius:inherit;position:absolute;z-index:10}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.loading-spinner{position:relative}.loading-spinner__inner{display:inline-block;position:relative}.loading-spinner__inner div{animation:loading-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid #0000;border-radius:50%;position:absolute}.loading--small .loading-spinner__inner{height:1rem;width:1rem}.loading--small .loading-spinner__inner div{border-width:1px;height:1rem;width:1rem}.loading--medium .loading-spinner__inner{height:2rem;width:2rem}.loading--medium .loading-spinner__inner div{border-width:2px;height:2rem;width:2rem}.loading--large .loading-spinner__inner{height:3rem;width:3rem}.loading--large .loading-spinner__inner div{border-width:3px;height:3rem;width:3rem}.loading--theme-tsa .loading-spinner__inner div{border-right-color:#6b5ca5;border-top-color:#6b5ca5}.loading--theme-plew .loading-spinner__inner div{border-right-color:#2b55a1;border-top-color:#2b55a1}.loading--theme-maths .loading-spinner__inner div{border-right-color:#3f72af;border-top-color:#3f72af}.loading-spinner__inner div:first-child{animation-delay:-.45s}.loading-spinner__inner div:nth-child(2){animation-delay:-.3s}.loading-spinner__inner div:nth-child(3){animation-delay:-.15s}.loading-text{font-size:.75rem;font-weight:500;text-align:center}.loading-text.loading--theme-tsa{color:#6b5ca5}.loading-text.loading--theme-plew{color:#2b55a1}.loading-text.loading--theme-maths{color:#3f72af}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.loading-overlay-wrapper{position:relative}@keyframes loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.loading-spinner__inner div{animation-duration:2s}.skeleton{animation:none;background:#f0f0f0}}.error-boundary{align-items:center;background-color:#fafafa;border:1px solid #e5e5e5;border-radius:.5rem;display:flex;justify-content:center;min-height:400px;padding:2rem}.error-boundary__content{max-width:500px;text-align:center}.error-boundary__icon{display:flex;justify-content:center;margin-bottom:1.5rem}.error-boundary--theme-tsa .error-boundary__icon{color:#6b5ca5}.error-boundary--theme-plew .error-boundary__icon{color:#2b55a1}.error-boundary--theme-maths .error-boundary__icon{color:#3f72af}.error-boundary__title{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.error-boundary__message{color:#6b7280;font-size:.875rem;line-height:1.6;margin-bottom:2rem}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.error-boundary__details{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;margin-top:2rem;padding:1rem;text-align:left}.error-boundary__details summary{color:#374151;cursor:pointer;font-weight:500;margin-bottom:1rem}.error-boundary__details summary:hover{color:#111827}.error-boundary__error-info{margin-top:1rem}.error-boundary__error-info h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.error-boundary__error-info pre{background-color:#1f2937;border-radius:.375rem;color:#f9fafb;font-size:.75rem;line-height:1.4;margin-bottom:1rem;overflow-x:auto;padding:1rem}.error-message{align-items:flex-start;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#991b1b;display:flex;gap:.75rem}.error-message--small{font-size:.75rem;padding:.5rem}.error-message--large{font-size:.875rem;padding:1.25rem}.error-message__icon{flex-shrink:0;margin-top:.125rem}.error-message__content{flex:1 1}.error-message__text{font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.error-message__text:last-child{margin-bottom:0}.error-message--theme-tsa{background-color:#f0e7f8;border-color:#e0d6eb;color:#6b5ca5}.error-message--theme-plew{background-color:#e8f1fc;border-color:#d6e4f7;color:#2b55a1}.error-message--theme-maths{background-color:#f5f8ff;border-color:#dce5ff;color:#3f72af}@media (max-width:640px){.error-boundary{min-height:300px;padding:1rem}.error-boundary__actions{align-items:center;flex-direction:column}.error-boundary__actions .btn{max-width:200px;width:100%}}.navbar{background-color:#fff;border-bottom:1px solid #0000000f;box-shadow:0 2px 12px #00000014;padding:.3rem 0;position:sticky;top:0;z-index:1000}.alternate-theme.navbar{background-color:#2d3b50;border-bottom:1px solid #ffffff1a}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.navbar-left{flex:0 0 auto}.navbar-links,.navbar-right{align-items:center;display:flex;gap:2rem}.navbar-auth{margin-left:auto}.navbar-logo{font-size:1.3rem;font-weight:700;letter-spacing:-.025em}.navbar-logo a{color:#221368;text-decoration:none;transition:all .3s ease}.navbar-logo a:hover{color:#6b5ca5;transform:translateY(-1px)}.alternate-theme .navbar-logo a{color:#fff}.alternate-theme .navbar-logo a:hover{color:#d6e4f7}.navbar-links a{border-radius:8px;color:#4a5568;font-size:.8rem;font-weight:500;letter-spacing:.01em;padding:.4rem .6rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links a:hover{background-color:#6b5ca514;color:#6b5ca5;transform:translateY(-1px)}.navbar-links a.active{background-color:#6b5ca51f;color:#6b5ca5;font-weight:600}.navbar-links a.active:after{background:linear-gradient(90deg,#6b5ca5,#8b7cc8);border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.alternate-theme .navbar-links a{color:#e2e8f0!important;font-size:.95rem}.alternate-theme .navbar-links a:hover{background-color:#ffffff1a!important;color:#fff!important}.alternate-theme .navbar-links a.active{background-color:#ffffff26!important;color:#fff!important}.alternate-theme .navbar-links a.active:after{background:linear-gradient(90deg,#fff,#d6e4f7)!important}.profile-nav-link{align-items:center;display:flex;gap:.75rem}.nav-avatar{border:2px solid #6b5ca533;border-radius:50%;height:28px;object-fit:cover;transition:all .3s ease;width:28px}.nav-avatar:hover{border-color:#6b5ca5;transform:scale(1.05)}.nav-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6b5ca5,#8b7cc8);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;transition:all .3s ease;width:28px}.nav-avatar-placeholder:hover{box-shadow:0 4px 12px #6b5ca54d;transform:scale(1.05)}.alternate-theme .nav-avatar-placeholder{background:linear-gradient(135deg,#2b55a1,#4a73c1)}.dropdown-container{position:relative}.dropdown-container:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-button{align-items:center;background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;letter-spacing:.01em;padding:.5rem .75rem;transition:all .3s ease}.dropdown-button:hover{background-color:#6b5ca514;color:#6b5ca5;transform:translateY(-1px)}.dropdown-button i{font-size:.75rem;transition:transform .3s ease}.dropdown-container:hover .dropdown-button i{transform:rotate(180deg)}.alternate-theme .dropdown-button{color:#e2e8f0!important;font-size:.95rem}.alternate-theme .dropdown-button:hover{background-color:#ffffff1a!important;color:#fff!important}.dropdown-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;min-width:220px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1010}.alternate-theme .dropdown-menu{background-color:#3a4a61;border-color:#ffffff1a}.dropdown-menu button{background:none;border:none;border-bottom:1px solid #0000000f;color:#4a5568;cursor:pointer;font-size:.95rem;font-weight:500;padding:1rem 1.25rem;text-align:left;transition:all .3s ease;width:100%}.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button:hover{background-color:#6b5ca514;color:#6b5ca5;transform:translateX(4px)}.alternate-theme .dropdown-menu button{border-bottom-color:#ffffff1a;color:#e2e8f0!important;font-size:.95rem}.alternate-theme .dropdown-menu button:hover{background-color:#ffffff1a!important;color:#fff!important}.navbar-links .login-button{background:linear-gradient(135deg,#6b5ca5,#8b7cc8);border:none;border-radius:8px;box-shadow:0 2px 8px #6b5ca54d;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.01em;min-width:120px;padding:.875rem 2rem;text-align:center;transition:all .3s ease}.navbar-links .login-button:hover{background:linear-gradient(135deg,#5a4b94,#7a6bb7);box-shadow:0 4px 16px #6b5ca566;transform:translateY(-2px)}.alternate-theme .navbar-links .login-button{background:linear-gradient(135deg,#2b55a1,#4a73c1);box-shadow:0 2px 8px #2b55a14d}.alternate-theme .navbar-links .login-button:hover{background:linear-gradient(135deg,#1a4490,#3962b0);box-shadow:0 4px 16px #2b55a166}.logout-button{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.01em;min-width:120px;padding:.875rem 1.5rem;text-align:center;transition:all .3s ease}.logout-button:hover{background-color:#edf2f7;box-shadow:0 2px 8px #0000001a;color:#4a5568;transform:translateY(-1px)}.alternate-theme .logout-button{background-color:#41556f;border-color:#fff3;color:#d6e4f7}.alternate-theme .logout-button:hover{background-color:#4a5c76;color:#fff}.nav-loading{background-color:#f1f5f9;border-radius:6px;height:12px;overflow:hidden;position:relative;width:32px}.nav-loading:after{animation:navLoading 1.5s infinite;background:linear-gradient(90deg,#0000,#6b5ca599,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes navLoading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.navbar-left{margin-right:2rem}.navbar-links{gap:2rem}.navbar-auth{margin-left:2rem}}@media (max-width:768px){.navbar{padding:.75rem 0}.navbar-container{padding:0 1rem}.navbar-logo{font-size:1.5rem}.navbar-links{flex-wrap:wrap;gap:2.5rem}.navbar-auth{margin-left:1.5rem}.dropdown-button,.navbar-links a{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:640px){.navbar-container{align-items:flex-start;flex-direction:column;gap:1rem}.navbar-left{margin-right:0}.navbar-right{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.navbar-auth{margin-left:0;width:100%}.navbar-links{align-items:flex-start;flex-direction:column;gap:.5rem;width:100%}.dropdown-menu{border-radius:8px;box-shadow:none;margin-bottom:.5rem;margin-top:.5rem;position:static;width:100%}.dropdown-button,.navbar-links a{padding:.75rem;text-align:left;width:100%}.logout-button,.navbar-links .login-button{margin-top:.5rem;text-align:center;width:100%}}.navbar-glass-button{color:#333!important;opacity:.9!important}.navbar-glass-button:hover{color:#000!important;opacity:1!important}.navbar-logo a{color:#333!important}.see-how-it-works-button-new,.see-how-it-works-button-new.exact-colors,[class*=how-it-works],button.see-how-it-works-button-new{background-color:#ccf!important;background:#ccf!important;border-color:#ccf!important;border-radius:20px!important;color:#221468!important;font-size:14px!important;padding:8px 16px!important}.see-how-it-works-button-new.exact-colors:hover,.see-how-it-works-button-new:hover,[class*=how-it-works]:hover,button.see-how-it-works-button-new:hover{background-color:#ccccffe6!important;background:#ccccffe6!important;color:#221468!important}.pdf-download-button,.pdf-download-button.exact-colors,[class*=pdf-download],button.pdf-download-button{background-color:#00ced1!important;background:#00ced1!important;border-color:#00ced1!important;border-radius:20px!important;color:#1e3a8a!important;font-size:14px!important;padding:8px 16px!important}.pdf-download-button.exact-colors:hover,.pdf-download-button:hover,[class*=pdf-download]:hover,button.pdf-download-button:hover{background-color:#00ced1e6!important;background:#00ced1e6!important;color:#1e3a8a!important}.header-actions-container{align-items:center!important;flex-direction:column!important;gap:10px!important}.navbar-upgrade-button-exact{background-color:#00ced1!important;background:#00ced1!important;border-color:#00ced1!important;border:2px solid #00ced1!important;border-radius:20px!important;color:#1e3a8a!important;padding:8px 16px!important}.navbar-upgrade-button-exact:hover{background-color:#00ced1e6!important;background:#00ced1e6!important;color:#1e3a8a!important}.navbar-login-button-exact,button.navbar-glass-button{background-color:#ccf!important;border:2px solid #ccf!important;border-radius:20px!important;color:#221468!important;cursor:pointer!important;padding:8px 16px!important}.navbar-login-button-exact:hover,button.navbar-glass-button:hover{background-color:#ccccffe6!important;color:#221468!important}.navbar-brand-link{align-items:center;color:inherit;display:flex;text-decoration:none}.navbar-brand-text{align-items:center;display:inline-flex;font-weight:inherit;gap:8px;position:relative}.navbar-beta-label{animation:navbar-beta-glow 2s ease-in-out infinite alternate!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:linear-gradient(135deg,#00ced1,#ccf)!important;border:1px solid #ffffff4d!important;border-radius:8px!important;box-shadow:0 2px 6px #00ced166!important;color:#fff!important;display:inline-block!important;font-size:9px!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1!important;padding:2px 6px!important;position:relative!important;text-transform:uppercase!important;top:-1px!important;white-space:nowrap!important;z-index:10!important}@keyframes navbar-beta-glow{0%{box-shadow:0 2px 6px #00ced166;transform:scale(1)}to{box-shadow:0 3px 10px #00ced199;transform:scale(1.05)}}@media (max-width:1024px){.navbar-beta-label{font-size:8px!important;padding:1px 4px!important}.navbar-brand-text{gap:6px}}@media (max-width:768px){.navbar-beta-label{font-size:7px!important;padding:1px 3px!important}.navbar-brand-text{gap:4px}}.navbar-beta-label-simple{background:#00ced1!important;border-radius:4px!important;color:#fff!important;display:inline-block!important;font-size:8px!important;font-weight:700!important;margin-left:6px!important;padding:2px 5px!important;position:relative!important;text-transform:uppercase!important;top:-1px!important}.navbar-disabled-feature{align-items:center;border-radius:8px;color:#9ca3af;cursor:not-allowed;display:inline-flex;filter:grayscale(100%);font-size:.95rem;font-weight:500;gap:6px;opacity:.6;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-disabled-feature .feature-icon{font-size:16px}.navbar-disabled-feature .lock-icon{color:#6b7280;font-size:12px;margin-left:2px}.navbar-disabled-feature:hover{opacity:.8}.quiz-review-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:.5rem;position:fixed;right:0;top:0;z-index:1000}.quiz-review-modal{background:#fff;border:1px solid #fffc;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:98vh;max-width:1400px;overflow:hidden;width:100%}.score-summary{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:1.5rem;padding:1rem 1.5rem;position:relative}.score-summary:after{align-items:center;border-radius:8px;color:#9ca3af;content:"×";cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:.5rem;transition:all .2s ease;width:40px}.score-summary:after:hover{background-color:#f3f4f6;color:#6b7280}.score-circle{align-items:center;border:3px solid;border-radius:50%;display:flex;flex-direction:column;flex-shrink:0;height:80px;justify-content:center;width:80px}.score-circle.excellent{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#047857}.score-circle.good{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.score-circle.needs-improvement{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#dc2626}.percentage{font-size:1.25rem;font-weight:800;line-height:1}.score-text{font-size:.75rem;font-weight:600;margin-top:.25rem;opacity:.8}.score-details{gap:1rem}.score-stat{border-radius:8px;min-width:100px;padding:.75rem 1rem}.stat-label{font-size:.7rem;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{font-size:1.1rem}.questions-section{flex:1 1;min-height:0;overflow-y:auto;padding:.75rem 1.5rem 1rem}.questions-section h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem}.questions-list{display:flex;flex-direction:column;gap:.75rem;max-height:none}.question-review-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:.75rem;overflow:visible;transition:all .2s ease}.question-review-card.correct{background:linear-gradient(135deg,#f0fdf4,#f9fafb);border-left:4px solid #10b981}.question-review-card.incorrect{background:linear-gradient(135deg,#fef2f2,#f9fafb);border-left:4px solid #ef4444}.question-review-header{align-items:center;background:#fffc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.question-info{align-items:center;display:flex;gap:.75rem}.question-number{color:#6b7280;font-size:.8rem;font-weight:600}.status-badge{align-items:center;border-radius:16px;display:flex;font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.status-badge.correct{background:#d1fae5;color:#047857}.status-badge.incorrect{background:#fee2e2;color:#dc2626}.status-icon{font-size:.75rem}.video-solution-btn{align-items:center;background:linear-gradient(45deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.video-solution-btn:hover:not(.disabled){box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.video-solution-btn.disabled{background:#9ca3af;cursor:not-allowed}.video-icon{font-size:.7rem}.embedded-video-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:.75rem 0;overflow:hidden}.video-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem .75rem}.video-header h4{color:#374151;font-size:.8rem;font-weight:600;margin:0}.video-close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1.1rem;padding:.2rem;transition:all .2s ease}.video-close-btn:hover{background-color:#f3f4f6;color:#6b7280}.video-wrapper{height:0;max-height:280px;min-height:250px;overflow:hidden;padding-bottom:35%;position:relative}.video-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.question-review-card:has(.embedded-video-container){display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;max-height:85vh;overflow:hidden}.question-review-card:has(.embedded-video-container) .question-content{max-height:40vh;overflow-y:auto;padding:.75rem}.question-content{padding:.75rem}.question-content h4{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.question-passage,.question-text{margin-bottom:1rem}.question-passage p,.question-text p{color:#4b5563;font-size:.85rem;line-height:1.5;margin:0}.options-list{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.option-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.8rem;gap:.6rem;padding:.6rem .8rem;transition:all .2s ease}.option-item.correct-answer{background:#d1fae5;border-color:#10b981;color:#047857}.option-item.user-wrong-answer{background:#fee2e2;border-color:#ef4444;color:#dc2626}.option-item.user-correct-answer{background:#d1fae5;border-color:#10b981;color:#047857}.option-id{font-weight:600;min-width:18px}.option-text{flex:1 1}.option-badge{border-radius:10px;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.2rem .4rem;text-transform:uppercase}.option-badge.correct{background:#047857;color:#fff}.option-badge.your-answer{background:#dc2626;color:#fff}.answer-summary{grid-gap:.8rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:grid;gap:.8rem;grid-template-columns:1fr 1fr;padding:.75rem}.answer-item{display:flex;flex-direction:column;gap:.2rem}.answer-label{color:#6b7280;font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.answer-value{font-size:.8rem;font-weight:600}.answer-value.correct{color:#10b981}.answer-value.incorrect{color:#ef4444}.quiz-review-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;padding:.75rem 1.5rem}.close-review-btn,.try-again-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;padding:.6rem 1.2rem;transition:all .2s ease}.try-again-btn{background:linear-gradient(45deg,#6366f1,#8b5cf6);color:#fff;flex:1 1}.try-again-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.close-review-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.close-review-btn:hover{background:#e5e7eb}@media (max-width:768px){.quiz-review-modal{border-radius:0;margin:0;max-height:100%;max-width:100%}.quiz-review-overlay{padding:0}.questions-section,.quiz-review-footer{padding-left:1rem;padding-right:1rem}.score-summary{flex-direction:column;gap:1rem;padding:1rem}.score-details{flex-direction:column;width:100%}.question-review-header{align-items:flex-start;flex-direction:column;gap:.75rem}.video-solution-btn{align-self:stretch;justify-content:center}.answer-summary{grid-template-columns:1fr}.quiz-review-footer{flex-direction:column}.video-wrapper{max-height:220px;min-height:200px;padding-bottom:30%}}@media (max-width:480px){.score-circle{height:70px;width:70px}.percentage{font-size:1.1rem}.question-content{padding:.5rem}}.score-details{display:flex;flex:1 1;gap:.75rem}.score-stat{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;min-width:80px;padding:.5rem .75rem}.stat-label{color:#6b7280;font-size:.625rem;font-weight:500;letter-spacing:.3px;line-height:1.2;margin-bottom:.2rem;text-transform:uppercase}.stat-value{font-size:.95rem;font-weight:700;line-height:1}.stat-value.correct{color:#10b981}.stat-value.incorrect{color:#ef4444}@media (max-width:768px){.score-details{flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.score-stat{flex:1 1;min-width:70px;padding:.4rem .6rem}.stat-label{font-size:.55rem}.stat-value{font-size:.85rem}}@media (max-width:480px){.score-stat{min-width:60px;padding:.3rem .5rem}.stat-label{font-size:.5rem;margin-bottom:.1rem}.stat-value{font-size:.8rem}}.quiz-review-modal:after,.quiz-review-modal:before,.quiz-review-overlay:after,.quiz-review-overlay:before{display:none!important}.auth-container{align-items:center;background-color:#f8f9fa;display:flex;font-family:Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.auth-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;max-width:480px;padding:2.5rem;width:100%}.auth-form-container h2{color:#221368;font-size:1.8rem;margin:0 0 1.5rem;text-align:center}.alternate-theme .auth-form-container h2{color:#2b55a1}.auth-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;font-size:.9rem;padding:.8rem}.auth-error,.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{font-weight:500}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;transition:border-color .2s ease}.form-group input:focus{border-color:#6b5ca5}.alternate-theme .form-group input:focus{border-color:#2b55a1}.auth-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem;transition:all .2s ease;width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.7}.primary-button{background-color:#6b5ca5;color:#fff}.primary-button:hover:not(:disabled){background-color:#5a4b94}.alternate-theme .primary-button{background-color:#2b55a1}.alternate-theme .primary-button:hover:not(:disabled){background-color:#1a4490}.google-button{align-items:center;background-color:#fff;border:1px solid #ddd;color:#444;display:flex;gap:.5rem;justify-content:center}.google-button:hover:not(:disabled){background-color:#f5f5f5}.google-button i{color:#4285f4;font-size:1.2rem}.divider{align-items:center;color:#666;display:flex;margin:1.5rem 0}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider span{font-size:.9rem;padding:0 .8rem}.auth-links{font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-links p{color:#666;margin:.5rem 0}.auth-links a{color:#6b5ca5;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.alternate-theme .auth-links a{color:#2b55a1}@media (max-width:768px){.auth-form-container{padding:1.5rem}}.maths-filters-container{margin:2rem auto 1.5rem;max-width:1200px;padding:0 1rem;position:relative;width:100%;z-index:100}.filters-toggle-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #fff6;border-radius:12px;box-shadow:0 2px 12px #00000014;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:500;gap:.75rem;margin:0 auto;min-height:48px;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content}.filters-toggle-btn:hover{background:#ffffffe6;border-color:#00ced14d;box-shadow:0 4px 20px #0000001f;transform:translateY(-1px)}.filters-toggle-btn.expanded{background:#fffffff2;border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#00ced166;box-shadow:0 2px 12px #00000014}.filters-toggle-btn.has-filters{background:#00ced114;border-color:#00ced180;color:#00ced1;font-weight:600}.filters-toggle-btn.has-filters:hover{background:#00ced11f;border-color:#00ced1}.filter-icon{color:#00ced1;font-size:1rem;opacity:.8}.filter-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.01em}.active-count{align-items:center;background:#00ced1;border-radius:50%;box-shadow:0 2px 8px #00ced14d;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:22px;justify-content:center;margin-left:auto;margin-right:-.25rem;width:22px}.expand-arrow{color:#00ced1;font-size:.9rem;margin-left:auto;transition:transform .3s ease}.expand-arrow.rotated{transform:rotate(180deg)}.filters-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 32px #0000001a;margin-left:auto;margin-right:auto;max-height:0;max-width:1200px;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.filters-panel.expanded{border-color:#ffffff80;max-height:600px;padding:2rem}.filters-header{align-items:center;border-bottom:2px solid #00ced11a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-header h3{color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.clear-all-btn{align-items:center;border-radius:8px;box-shadow:0 2px 8px #ef444433;display:flex;font-size:.875rem;gap:.5rem}.clear-all-btn:hover{box-shadow:0 4px 12px #ef44444d}.clear-icon{font-size:.8rem}.filters-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.filter-label{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.filter-label,.filter-select{color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.filter-select{appearance:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;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='%2300ced1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;border:2px solid #ffffff80;border-radius:12px;box-shadow:0 2px 8px #00ced10d;cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}.filter-select:focus{background:#ffffffe6;border-color:#00ced1;box-shadow:0 0 0 3px #00ced11a;outline:none}.filter-select:hover:not(:disabled){background:#ffffffe6;border-color:#00ced199}.filter-select:disabled{background:#ffffff4d;border-color:#fff6;color:#9ca3af;cursor:not-allowed}.filter-hint{color:#9ca3af;font-size:.8rem;font-style:italic;margin-top:.25rem}.active-filters{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00ced10d;border:1px solid #00ced133;border-radius:12px;padding:1rem}.active-filters-header{color:#374151;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.active-filter-tag,.active-filters-header{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.active-filter-tag{background:#00ced1;border-radius:20px;box-shadow:0 2px 8px #00ced133;transition:all .2s ease}.active-filter-tag:hover{box-shadow:0 4px 12px #00ced14d;transform:translateY(-1px)}.active-filter-tag button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.active-filter-tag button:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.filters-grid{gap:1rem;grid-template-columns:1fr}.filters-panel.expanded{padding:1rem}.filters-header{align-items:stretch;flex-direction:column;gap:1rem}.filters-header h3{text-align:center}.clear-all-btn{align-self:center}.active-filters-list{justify-content:center}.filters-toggle-btn{font-size:.95rem;padding:.75rem 1rem}}@media (max-width:480px){.filters-toggle-btn{gap:.5rem}.filter-select,.filters-toggle-btn{font-size:.9rem;padding:.6rem .8rem}.filter-select{border-radius:8px}.active-filter-tag{font-size:.75rem;padding:.3rem .6rem}}@keyframes expandPanel{0%{max-height:0;opacity:0}to{max-height:600px;opacity:1}}.filters-panel.expanded{animation:expandPanel .4s cubic-bezier(.4,0,.2,1)}.active-filter-tag button:focus,.clear-all-btn:focus,.filters-toggle-btn:focus{outline:2px solid #00ced1;outline-offset:2px}*{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}.filters-panel::-webkit-scrollbar{width:6px}.filters-panel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.filters-panel::-webkit-scrollbar-thumb{background:#00ced14d;border-radius:3px}.filters-panel::-webkit-scrollbar-thumb:hover{background:#00ced180}.maths-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.filters-toggle-btn{color:#3f72af}.filter-count-badge{background:#3f72af}.category-tab:hover{border-color:#3f72af;box-shadow:0 2px 8px #3f72af26;color:#3f72af}.category-tab.active{background:linear-gradient(135deg,#3f72af,#2d4059);border-color:#3f72af;box-shadow:0 4px 12px #3f72af4d}.active-filters-summary{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1}.active-filter-tag{background:linear-gradient(135deg,#3f72af,#2d4059);box-shadow:0 2px 6px #3f72af33}.filter-options::-webkit-scrollbar-track{background:#f1f5f9}.filter-options::-webkit-scrollbar-thumb{background:#cbd5e1}.filter-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-option:hover{border-color:#3f72af;box-shadow:0 2px 8px #3f72af26;color:#3f72af}.filter-option.selected{background:linear-gradient(135deg,#3f72af,#2d4059);border-color:#3f72af;box-shadow:0 4px 12px #3f72af4d}@media (max-width:480px){.maths-filters{border-left:none;border-radius:0;border-right:none;margin:0 -1rem 2rem}.filters-content{padding:.75rem}.filter-options{max-height:150px}.active-filter-tag{font-size:.75rem;padding:.3rem .6rem}}.bmat-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.filters-toggle-btn{color:#023020}.filter-count-badge{background:#023020}.category-tab:hover{border-color:#023020;box-shadow:0 2px 8px #22c55e26;color:#023020}.category-tab.active{background:linear-gradient(135deg,#023020,#045d3a);border-color:#023020;box-shadow:0 4px 12px #22c55e4d}.active-filters-summary{background:linear-gradient(135deg,#f0f8f0,#d4f1d4);border:1px solid #c9e5c9}.active-filter-tag{background:linear-gradient(135deg,#023020,#045d3a);box-shadow:0 2px 6px #22c55e33}.filter-options::-webkit-scrollbar-track{background:#f0f8f0}.filter-options::-webkit-scrollbar-thumb{background:#c9e5c9}.filter-options::-webkit-scrollbar-thumb:hover{background:#a8d4a8}.filter-option:hover{border-color:#023020;box-shadow:0 2px 8px #22c55e26;color:#023020}.filter-option.selected{background:linear-gradient(135deg,#023020,#045d3a);border-color:#023020;box-shadow:0 4px 12px #22c55e4d}.selected-checkmark{color:#10b981}.filter-option.selected .selected-checkmark{color:#6ee7b7}@media (max-width:480px){.bmat-filters{border-left:none;border-radius:0;border-right:none;margin:0 -1rem 2rem}.filters-content{padding:.75rem}.filter-options{max-height:150px}.active-filter-tag{font-size:.75rem;padding:.3rem .6rem}}.tsa-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.filters-mobile-toggle{display:none}.filters-toggle-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:1rem;justify-content:space-between;padding:1rem;width:100%}.filter-count-badge,.filters-toggle-btn{align-items:center;display:flex;font-weight:600}.filter-count-badge{background:#7c3aed;border-radius:50%;color:#fff;font-size:.75rem;height:20px;justify-content:center;width:20px}.toggle-icon{color:#6b7280;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(180deg)}.filters-content{padding:1.5rem}.filter-categories{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.category-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:25px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .3s ease;white-space:nowrap}.category-tab:hover{border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed26;color:#7c3aed;transform:translateY(-1px)}.category-tab.active{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d;color:#fff}.active-indicator{color:#fbbf24;font-size:1.2rem;font-weight:700}.category-tab.active .active-indicator{color:#fef3c7}.active-filters-summary{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.active-filters-list{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.active-filter-tag{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-radius:16px;box-shadow:0 2px 6px #7c3aed33;font-size:.8rem;font-weight:500;gap:.5rem;padding:.4rem .8rem}.active-filter-tag,.remove-filter{align-items:center;color:#fff;display:flex}.remove-filter{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:.9rem;font-weight:700;height:18px;justify-content:center;transition:all .2s ease;width:18px}.remove-filter:hover{background:#ffffff4d;transform:scale(1.1)}.clear-all-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.clear-all-btn:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d;transform:translateY(-1px)}.filter-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:300px;overflow-y:auto;padding-right:.5rem}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.filter-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.filter-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.filter-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s ease}.filter-option:hover{border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed26;color:#7c3aed;transform:translateY(-1px)}.filter-option.selected{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d;color:#fff}.selected-checkmark{color:#8b5cf6;font-size:1rem;font-weight:700}.filter-option.selected .selected-checkmark{color:#c4b5fd}@media (max-width:768px){.filters-mobile-toggle{border-bottom:1px solid #e5e7eb;display:block}.filters-content{display:none;padding:1rem}.filters-content.expanded{display:block}.filter-categories{flex-direction:column;gap:.5rem}.category-tab{justify-content:center;width:100%}.filter-options{grid-template-columns:1fr;max-height:200px}.active-filters-summary{align-items:stretch;flex-direction:column;gap:1rem}.active-filters-list{justify-content:center}}@media (max-width:480px){.tsa-filters{border-left:none;border-radius:0;border-right:none;margin:0 -1rem 2rem}.filters-content{padding:.75rem}.filter-options{max-height:150px}.active-filter-tag{font-size:.75rem;padding:.3rem .6rem}}.admin-setup-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-setup-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:500px;padding:40px;width:100%}.admin-setup-box h1{color:#2d3748;font-size:28px;margin-bottom:10px;text-align:center}.warning-text{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#c53030;font-weight:500;margin-bottom:20px;padding:10px;text-align:center}.admin-setup-form{margin:30px 0}.form-group{margin-bottom:20px}.form-group label{color:#4a5568;margin-bottom:8px}.form-group input{border:2px solid #e2e8f0;border-radius:6px;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.form-group small{color:#718096;font-size:13px;margin-top:4px}.info-message{background:#ebf8ff;border:1px solid #90cdf4;border-radius:6px;color:#2b6cb4}.error-message,.info-message{margin-bottom:15px;padding:12px;text-align:center}.error-message{background:#fff5f5;border:1px solid #feb2b2;color:#c53030}.setup-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.setup-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea66;transform:translateY(-2px)}.setup-button:disabled{cursor:not-allowed;opacity:.6}.info-section{background:#f7fafc;margin-top:30px;padding:20px}.info-section h3{color:#2d3748;font-size:16px;margin-bottom:12px}.info-section li{color:#4a5568;padding:6px 0 6px 20px}.info-section li:before{color:#48bb78}.success-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:600px;padding:40px;text-align:center;width:100%}.success-box h2{color:#48bb78;font-size:32px;margin-bottom:20px}.success-details{margin:30px 0;text-align:left}.success-details p{color:#4a5568;font-size:16px;margin:10px 0}.success-details h3{color:#2d3748;font-size:18px;margin-bottom:12px;margin-top:25px}.success-details ol,.success-details ul{color:#4a5568;padding-left:20px}.success-details li{margin:8px 0}.login-redirect-button{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px 30px;transition:transform .2s,box-shadow .2s}.login-redirect-button:hover{box-shadow:0 10px 20px #48bb7866;transform:translateY(-2px)}@media (max-width:640px){.admin-setup-box,.success-box{padding:25px}.admin-setup-box h1{font-size:24px}.success-box h2{font-size:26px}}.admin-access-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-access-box{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:900px;padding:2.5rem;width:100%}.admin-access-box h1{color:#333;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.mode-toggle{flex-direction:column;margin-bottom:2rem}.bulk-mode-toggle,.input-mode-toggle,.mode-toggle{display:flex;gap:1rem}.bulk-mode-toggle button,.input-mode-toggle button{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:all .3s ease}.bulk-mode-toggle button:hover,.input-mode-toggle button:hover{border-color:#667eea}.bulk-mode-toggle button.active,.input-mode-toggle button.active{background:#667eea;border-color:#667eea;color:#fff}.input-mode-toggle button.active{background:#28a745;border-color:#28a745}.document-id-input{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.9rem;letter-spacing:.5px}.example-note{background:#e8f4fd;border-left:4px solid #2196f3;border-radius:0 4px 4px 0;color:#1565c0;font-size:.85rem;margin-top:.5rem;padding:.75rem}.access-form{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=email],.form-group textarea{border:2px solid #e1e4e8;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input[type=email]:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.5rem}.grant-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.grant-button:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.grant-button:disabled{cursor:not-allowed;opacity:.6}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:1rem;padding:1rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1rem;padding:1rem}.info-section{background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.info-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:#555;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-section li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.note{background:#fff;border-radius:6px;color:#555;font-size:.9rem;margin-top:1rem;padding:1rem}.error-box,.loading-box{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.loading-box h2{color:#667eea;margin-bottom:1rem}.error-box h2{color:#dc3545;margin-bottom:1rem}.error-box p{color:#666;font-size:1.1rem}.users-section{background:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.users-section h3{color:#333;font-size:1.3rem;margin-bottom:1.5rem}.users-table{overflow-x:auto}.users-table table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.users-table thead{background:#667eea;color:#fff}.users-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e1e4e8;color:#333;padding:1rem}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr:last-child td{border-bottom:none}.status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status.active{background:#d4edda;color:#155724}.status.free{background:#f8d7da;color:#721c24}.admin-badge{background:gold;border-radius:20px;color:#333;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.revoke-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .3s ease}.revoke-button:hover{background:#c82333}@media (max-width:768px){.admin-access-container{padding:1rem}.admin-access-box{padding:1.5rem}.admin-access-box h1{font-size:1.5rem}.mode-toggle{flex-direction:column}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.5rem}}.tsa-announcement-overlay{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}.tsa-announcement-modal{background:#f8f9fa;border:1px solid #000;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:540px;min-height:408px;padding:28px;position:relative;width:100%}.tsa-announcement-close{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:4px;position:absolute;right:12px;top:8px;width:24px}.tsa-announcement-close:hover{opacity:.7}.tsa-announcement-title{background:#b3f0f2;border:1px solid #000;border-radius:8px;box-shadow:0 4px 8px #00000026;color:#000;font-family:Madimi One,cursive;font-size:22px;font-weight:400;line-height:1.3;margin-bottom:20px;padding:16px 20px;text-align:center}.tsa-announcement-content{align-items:flex-start;background:#fff;border:1px solid #000;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding:20px}.tsa-announcement-left{display:flex;flex:1 1;flex-direction:column;gap:20px}.tsa-go-try-button{align-items:center;background:#e3e1ff;border:1px solid #000;border-radius:12px;color:#000;cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:18px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.04em;padding:12px 16px;transition:all .3s ease;width:fit-content}.tsa-go-try-button:hover{background:#d0ccff;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.tsa-workshop-info{align-items:flex-start;display:flex;flex-direction:column;width:100%}.tsa-workshop-info h3{color:#000;font-family:Figtree,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.1;margin:0;text-transform:uppercase}.tsa-workshop-info h3:first-child{margin-bottom:2px}.tsa-workshop-info h3:last-of-type{margin-bottom:8px}.tsa-discord-link{background:none;border:none;color:#000;cursor:pointer;font-family:Figtree,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;padding:0;text-decoration:underline}.tsa-discord-link:hover{opacity:.7}.tsa-announcement-right{flex-shrink:0}.tsa-ghost-icon{height:100px;object-fit:contain;width:100px}.tsa-premium-notice{color:#666;font-family:Figtree,sans-serif;font-size:12px;font-weight:400;letter-spacing:.04em;line-height:1.4;margin-bottom:12px;text-align:center}.tsa-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding-top:8px}.tsa-dont-show-again{background:none;border:none;color:#6b7280;cursor:pointer;font-family:Figtree,sans-serif;font-size:13px;font-weight:500;letter-spacing:.04em;padding:8px 16px;text-decoration:underline;transition:all .3s ease}.tsa-dont-show-again:hover{color:#374151;opacity:.8}@media (max-width:768px){.tsa-announcement-modal{margin:10px;max-width:90%;min-height:340px;padding:20px}.tsa-announcement-title{font-size:18px;line-height:1.4;padding:12px 16px}.tsa-announcement-content{flex-direction:column;gap:16px;text-align:center}.tsa-ghost-icon{height:70px;width:70px}.tsa-go-try-button{font-size:16px;padding:10px 20px}.tsa-workshop-info h3{font-size:14px}.tsa-workshop-info h3:first-child{margin-bottom:1px}.tsa-workshop-info h3:last-of-type{margin-bottom:6px}.tsa-premium-notice{font-size:11px}.tsa-modal-footer{padding-top:6px}.tsa-dont-show-again{font-size:12px;padding:6px 12px}}
/*# sourceMappingURL=main.67ca1fea.css.map*/