@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cardGlow{0%,to{box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 30px rgba(147,112,219,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}50%{box-shadow:0 6px 30px rgba(0,0,0,.35),0 0 50px rgba(0,206,209,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}}@keyframes borderPulse{0%,to{border-color:rgba(147,112,219,.3)}50%{border-color:rgba(0,206,209,.5)}}.question-card{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(147,112,219,.2);padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.2),0 0 40px rgba(147,112,219,.1);position:relative;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardGlow 6s ease-in-out infinite}.question-card:hover{transform:translateY(-4px);border-color:rgba(0,206,209,.4);box-shadow:0 8px 40px rgba(0,0,0,.25),0 0 60px rgba(0,206,209,.2)}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9370db,#00ced1,#9370db);background-size:200% 100%;border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}.question-card:hover:before{opacity:1}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.question-info{display:flex;align-items:center;gap:.75rem}.question-number{font-size:1.25rem;color:#1a1a2e}.question-number,.year-badge{font-family:var(--font-heading),"Century Gothic",sans-serif;font-weight:500}.year-badge{background:linear-gradient(135deg,#00ced1,#40e0d0);color:#000;padding:4px 12px;font-size:.875rem;border-radius:20px;box-shadow:0 2px 10px rgba(0,206,209,.3);transition:all .2s ease}.year-badge:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,206,209,.4)}.marks-badge{background:linear-gradient(135deg,#9370db,#7b68ee);color:#fff;font-family:var(--font-heading),"Century Gothic",sans-serif;font-size:.875rem;box-shadow:0 2px 10px rgba(147,112,219,.3)}.marks-badge,.type-badge{padding:4px 12px;font-weight:500;border-radius:20px}.type-badge{font-size:.75rem;transition:all .2s ease}.type-badge-critical{background:rgba(59,130,246,.15);color:#3b82f6}.type-badge-problem{background:rgba(34,197,94,.15);color:#22c55e}.type-badge-default{background:hsla(220,9%,46%,.15);color:#6b7280}.subtype-badge{background:rgba(0,0,0,.05);color:#6b7280;padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:20px}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;margin-bottom:1rem}.filter-btn{background:rgba(147,112,219,.1);color:#6b7280;padding:4px 12px;font-size:.75rem;font-weight:500;border-radius:8px;border:1px solid rgba(147,112,219,.2);transition:all .2s ease}.filter-btn:hover{background:rgba(147,112,219,.2);border-color:rgba(147,112,219,.4)}.question-content{color:#4b5563;width:100%}.question-passage{font-weight:600;line-height:1.6;width:100%;word-wrap:break-word;overflow-wrap:break-word}.question-passage,.question-text{font-family:var(--font-body),system-ui,sans-serif;font-size:.9375rem;margin-bottom:1.25rem}.question-text{color:#1a1a2e;font-weight:400;background-color:#fff;border:2px solid #1a1a2e;padding:1rem 1.25rem;border-radius:8px;box-shadow:3px 0 0 0 #d0d0d0,0 3px 0 0 #d0d0d0,3px 3px 0 0 #d0d0d0,4px 4px 8px rgba(0,0,0,.1)}.answer-options{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:center;padding:.875rem;background-color:transparent;border:1px solid transparent;border-radius:8px;transition:all .2s ease;cursor:pointer}.option:hover{background-color:rgba(0,206,209,.1);border-color:rgba(0,206,209,.2)}.option-letter{font-family:var(--font-heading),"Century Gothic",sans-serif;font-size:1.25rem;font-weight:500;margin-right:.875rem;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:6px;border:2px solid #1a1a2e;color:#1a1a2e}.option-text{font-family:var(--font-body),system-ui,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.5;color:#4b5563}.option-selected{border:2px solid #9370db;background-color:rgba(147,112,219,.1)}.option-selected .option-letter{background-color:#9370db;border-color:#9370db;color:#fff}.option-correct{border:2px solid #00ced1!important;background-color:#dbf7f9!important}.option-correct .option-letter{background-color:#00ced1;border-color:#00ced1;color:#fff}.option-incorrect{border:2px solid #e91e63!important;background-color:#fadee8!important}.option-incorrect .option-letter{background-color:#e91e63;border-color:#e91e63;color:#fff}.option-no-hover:hover{background-color:inherit;border-color:inherit;cursor:default}.action-buttons{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.show-answer-btn{background:linear-gradient(135deg,#9370db,#7b68ee)!important;color:#fff!important;border:none!important;border-radius:12px!important;padding:.75rem 1.5rem!important;font-family:var(--font-heading),"Century Gothic",sans-serif!important;font-size:.875rem!important;font-weight:500!important;box-shadow:0 4px 15px rgba(147,112,219,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;cursor:pointer}.show-answer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.show-answer-btn:hover:before{left:100%}.show-answer-btn:hover{transform:translateY(-3px)!important;box-shadow:0 6px 25px rgba(147,112,219,.4),0 0 40px rgba(147,112,219,.2),inset 0 1px 0 hsla(0,0%,100%,.3)!important}.video-btn{background:linear-gradient(135deg,#00ced1,#40e0d0)!important;color:#000!important;border:none!important;border-radius:12px!important;padding:.75rem 1.5rem!important;font-family:var(--font-heading),"Century Gothic",sans-serif!important;font-size:.875rem!important;font-weight:500!important;box-shadow:0 4px 15px rgba(0,206,209,.3),inset 0 1px 0 hsla(0,0%,100%,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer}.video-btn:hover{transform:translateY(-3px)!important;box-shadow:0 6px 25px rgba(0,206,209,.4),0 0 40px rgba(0,206,209,.2),inset 0 1px 0 hsla(0,0%,100%,.3)!important}.video-container{width:100%;margin-top:1rem;border-radius:12px;overflow:hidden;background:#000}.video-container iframe{width:100%;aspect-ratio:16/9;border:none;display:block}.question-image-container{margin-bottom:1.25rem;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff}.question-image{width:100%;height:auto;display:block}.expand-btn{color:#9370db;font-size:.75rem;font-weight:500;background:none;border:none;cursor:pointer;padding:0;margin-top:.5rem;transition:color .2s ease}.expand-btn:hover{color:#00ced1;text-decoration:underline}.image-indicators{display:flex;gap:.75rem;margin-top:.5rem}.image-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.image-indicator svg{width:12px;height:12px}@media (max-width:768px){.question-card{padding:1.25rem;border-radius:12px}.question-header{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column;width:100%}.action-buttons button,.filter-buttons{width:100%}}@media (prefers-reduced-motion:reduce){.question-card{animation:none}.question-card:hover{transform:none}.show-answer-btn:hover,.video-btn:hover{transform:none!important}.show-answer-btn:before{display:none}}