.faqs-container{max-width:1200px;margin:0 auto;padding:20px}.faqs-header{margin-top:100px;text-align:center;margin-bottom:40px;padding:40px 0;border-bottom:2px solid #333}.faqs-header h1{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,#ffffff,#cccccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faqs-subtitle{font-size:1.2rem;color:#888888;font-weight:300}.search-section{margin-bottom:30px;display:flex;justify-content:center}.search-box{position:relative;width:100%;max-width:500px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#888888;pointer-events:none}.search-input{width:100%;padding:15px 15px 15px 50px;background-color:#222222;border:1px solid #444444;border-radius:12px;color:#ffffff;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#888888;box-shadow:0 0 0 2px rgba(136,136,136,.2);background-color:#333333}.search-input::placeholder{color:#666666}.filters-section{margin-bottom:30px}.filters-grid{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.filter-select{background-color:#222222;color:#ffffff;border:1px solid #444444;padding:12px 15px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:200px}.filter-select:hover{border-color:#666666;background-color:#333333}.filter-select:focus{outline:none;border-color:#888888;box-shadow:0 0 0 2px rgba(136,136,136,.2)}.clear-filters-btn{background-color:#333333;color:#ffffff;border:1px solid #555555;padding:12px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.clear-filters-btn:hover{background-color:#444444;border-color:#777777;transform:translateY(-1px)}.stats-section{display:flex;gap:20px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.stat-card{background-color:#111111;border:1px solid #333333;border-radius:12px;padding:20px 30px;text-align:center;min-width:120px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#555555}.stat-number{display:block;font-size:2rem;font-weight:700;color:#ffffff;margin-bottom:5px}.stat-label{font-size:.9rem;color:#888888}.faqs-list{display:flex;flex-direction:column;gap:20px}.faq-item{background-color:#111111;border:1px solid #333333;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#555555;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.1)}.faq-header{padding:25px;cursor:pointer;display:flex;align-items:flex-start;gap:20px;transition:background-color .3s ease}.faq-header:hover{background-color:#1a1a1a}.faq-meta{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:120px}.year-badge{background-color:#333333;color:#ffffff}.difficulty-badge,.year-badge{padding:4px 8px;border-radius:15px;font-size:.75rem;font-weight:600;text-align:center}.difficulty-beginner{background-color:#1a5d1a;color:#90ee90}.difficulty-intermediate{background-color:#5d4a1a;color:#ffd700}.difficulty-advanced{background-color:#5d1a1a;color:#ff6b6b}.category-badge{background-color:#444444;color:#cccccc;padding:4px 8px;border-radius:15px;font-size:.75rem;font-weight:500;text-align:center}.faq-question-section{flex:1}.faq-title{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#ffffff}.faq-question{font-size:1.1rem;color:#dddddd;line-height:1.6}.expand-btn{background:none;border:none;color:#888888;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;flex-shrink:0}.expand-btn:hover{color:#ffffff;background-color:#333333}.faq-answer{padding:0 25px 25px;border-top:1px solid #333333;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.answer-label{font-size:.9rem;color:#888888;margin-bottom:15px;margin-top:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.answer-text{font-size:1rem;color:#cccccc;line-height:1.7}.no-results{text-align:center;padding:60px 20px;color:#888888}.no-results p{font-size:1.2rem;margin-bottom:20px}@media (max-width:768px){.faqs-container{padding:15px}.faqs-header h1{font-size:2.2rem;margin-top:55px}.faqs-header{padding:30px 0;margin-bottom:30px}.filters-grid{flex-direction:column;align-items:stretch}.filter-select{min-width:auto}.stats-section{flex-direction:column;align-items:center}.stat-card{width:100%;max-width:200px}.faq-header{flex-direction:column;gap:15px}.faq-meta{flex-direction:row;flex-wrap:wrap;min-width:auto;width:100%}.expand-btn{align-self:flex-end;margin-top:-10px}.faq-title{font-size:1.2rem}.faq-question{font-size:1rem}}@media (max-width:480px){.faqs-header h1{font-size:1.8rem;margin-top:64px}.faq-header{padding:20px}.faq-answer{padding:0 20px 20px}.search-input{padding:12px 12px 12px 45px}.clear-filters-btn,.filter-select{padding:10px 15px}}.expand-btn:focus,.faq-header:focus{outline:2px solid #888888;outline-offset:2px}.clear-filters-btn,.expand-btn,.faq-header,.faq-item,.filter-select,.search-input{transition:all .3s ease}.faq-item.loading{opacity:.7;pointer-events:none}.faq-item.expanded{border-color:#666666}.faq-item.expanded .faq-header{background-color:#1a1a1a}.floating-filter-btn{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background-color:#333333;color:#ffffff;border:1px solid #555555;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;z-index:1000}.floating-filter-btn:hover{background-color:#444444;border-color:#777777;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.floating-filter-btn:active{transform:translateY(0)}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filter-popup{background-color:#111111;border:1px solid #333333;border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.filter-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #333333}.filter-popup-header h3{color:#ffffff;font-size:1.2rem;font-weight:600;margin:0}.filter-popup-close{background:none;border:none;color:#888888;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.filter-popup-close:hover{color:#ffffff;background-color:#333333}.filter-popup-content{padding:20px}.filter-group{margin-bottom:20px}.filter-group label{display:block;color:#cccccc;font-size:.9rem;font-weight:500;margin-bottom:8px}.popup-search-box{position:relative;width:100%}.popup-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888888;pointer-events:none}.popup-search-input{width:100%;padding:12px 12px 12px 40px;background-color:#222222;border:1px solid #444444;border-radius:8px;color:#ffffff;font-size:.9rem;transition:all .3s ease}.popup-search-input:focus{outline:none;border-color:#888888;box-shadow:0 0 0 2px rgba(136,136,136,.2);background-color:#333333}.popup-search-input::placeholder{color:#666666}.filter-popup-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #333333}.apply-filters-btn{background-color:#444444;color:#ffffff;border:1px solid #666666;padding:12px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;flex:1}.apply-filters-btn:hover{background-color:#555555;border-color:#888888}.filter-popup-actions .clear-filters-btn{flex:1;justify-content:center}@media (max-width:768px){.floating-filter-btn{bottom:20px;right:20px;width:50px;height:50px}.filter-popup{width:95%;margin:10px}.filter-popup-content,.filter-popup-header{padding:15px}}