.library-header{padding:60px 0 30px;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.library-header h1{font-weight:700;margin-bottom:20px}.library-header p{font-size:1.2rem;opacity:0.9}.library-filters{background-color:rgba(255,255,255,0.5);padding:20px 0;border-bottom:1px solid rgba(233,236,239,0.5)}.filter-form{display:flex;flex-wrap:wrap;gap:15px}.filter-form .form-group{flex:1;min-width:200px}.filter-form label{font-weight:500;margin-bottom:5px}.filter-form .btn-filter{background-color:var(--bs-info);color:#fff;align-self:flex-end}@media (max-width: 768px){.filter-form{flex-direction:column}.filter-form .form-group{width:100%}}.case-grid{padding:50px 0}.case-card{height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease, opacity 0.5s ease;border:none;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);opacity:0;transform:translateY(20px)}.case-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.case-card .card-img-top{height:180px;object-fit:cover}@media (max-width: 768px){.case-card .card-img-top{height:160px}}.case-card .card-body{padding:1.5rem}.case-card .card-title{font-weight:700;margin-bottom:10px}.case-card .card-text{color:#98a3b5;margin-bottom:15px;min-height:48px}.case-card .case-meta{display:flex;justify-content:space-between;margin-bottom:15px}.case-card .btn-solve{width:100%;background-color:var(--bs-info);border:none;color:#fff;padding:10px;border-radius:5px;font-weight:500;transition:background-color 0.3s ease}.case-card .btn-solve:hover{background-color:#02a8a8}.case-badge{font-size:0.8rem;padding:5px 10px;border-radius:20px;color:white}.badge-difficulty-1{background-color:#0d7e74}.badge-difficulty-2{background-color:#ffc107;color:#000}.badge-difficulty-3{background-color:#dc3545}.subscription-badge{position:absolute;top:10px;right:10px;background-color:#6610f2;color:white;font-size:0.8rem;padding:5px 10px;border-radius:20px;font-weight:500}.completed-badge{position:absolute;top:10px;left:10px;background-color:#28a745;color:white;font-size:0.8rem;padding:5px 10px;border-radius:20px;font-weight:500;display:flex;align-items:center;gap:5px}.completed-badge i{font-size:0.9rem}.no-cases{text-align:center;padding:50px 0}.no-cases i{font-size:3rem;color:#ced4da;margin-bottom:20px}.no-cases h3{font-weight:600;margin-bottom:10px}.no-cases p{color:#98a3b5;max-width:500px;margin:0 auto}.pathway-section{background-color:rgba(255,255,255,0.5);padding:60px 0;border-top:1px solid rgba(233,236,239,0.5)}.pathway-section .pathway-header{text-align:center;margin-bottom:40px}.pathway-section .pathway-header h2{font-weight:700;margin-bottom:15px;color:var(--color-text-primary)}.pathway-section .pathway-header p{color:#98a3b5;font-size:1.1rem}.pathway-section .pathway-card{background:white;border-radius:15px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease, box-shadow 0.3s ease}.pathway-section .pathway-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.12)}.pathway-section .pathway-card .pathway-content{display:flex;align-items:flex-start;gap:20px}.pathway-section .pathway-card .pathway-content .pathway-icon{font-size:2.5rem;color:var(--bs-info);background:rgba(var(--bs-info-rgb), 0.1);padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:70px;height:70px}.pathway-section .pathway-card .pathway-content .pathway-info{flex:1}.pathway-section .pathway-card .pathway-content .pathway-info h3{font-weight:700;margin-bottom:10px;color:var(--color-text-primary)}.pathway-section .pathway-card .pathway-content .pathway-info p{color:#98a3b5;margin-bottom:20px;line-height:1.6}.pathway-section .pathway-card .pathway-progress{margin-bottom:30px}.pathway-section .pathway-card .pathway-progress .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:0.95rem}.pathway-section .pathway-card .pathway-progress .progress-info .progress-percentage{font-weight:600;color:var(--bs-info)}.pathway-section .pathway-card .pathway-progress .progress-bar-container{background-color:#e9ecef;border-radius:10px;height:8px;overflow:hidden}.pathway-section .pathway-card .pathway-progress .progress-bar-container .progress-bar{background:linear-gradient(45deg, #00b7b7, #00eaea);height:100%;border-radius:10px;transition:width 0.6s ease}.pathway-section .pathway-card .pathway-cases h4{font-weight:600;margin-bottom:15px;font-size:1.1rem;color:var(--color-text-primary)}.pathway-section .pathway-card .pathway-cases .case-list{display:flex;flex-direction:column;gap:10px}.pathway-section .pathway-card .pathway-cases .pathway-case{display:flex;align-items:center;gap:12px;padding:10px 15px;background-color:rgba(255,255,255,0.5);border-radius:8px;transition:all 0.3s ease}.pathway-section .pathway-card .pathway-cases .pathway-case:hover{background-color:rgba(247,247,247,0.5)}.pathway-section .pathway-card .pathway-cases .pathway-case.completed{background-color:rgba(40,167,69,0.1);border-left:3px solid #28a745}.pathway-section .pathway-card .pathway-cases .pathway-case.completed i{color:#28a745}.pathway-section .pathway-card .pathway-cases .pathway-case.completed a{color:#28a745;font-weight:500}.pathway-section .pathway-card .pathway-cases .pathway-case i{font-size:1.1rem;color:#98a3b5}.pathway-section .pathway-card .pathway-cases .pathway-case a{flex:1;text-decoration:none;color:var(--color-text-primary);font-weight:500}.pathway-section .pathway-card .pathway-cases .pathway-case a:hover{color:var(--bs-info)}.pathway-section .pathway-card .pathway-cases .pathway-case .case-difficulty{font-size:0.8rem;padding:5px 10px;border-radius:20px;font-size:0.75rem;padding:3px 8px}.pathway-section .pathway-card .pathway-signup-incentive p{margin-bottom:15px;line-height:1.6}.pathway-section .pathway-card .pathway-signup-incentive p:first-child{font-size:1.1rem;color:var(--color-text-primary)}.pathway-section .pathway-card .pathway-signup-incentive ul{margin-bottom:25px;padding-left:20px}.pathway-section .pathway-card .pathway-signup-incentive ul li{margin-bottom:8px;color:#98a3b5;line-height:1.5}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions{display:flex;gap:15px;flex-wrap:wrap}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn{padding:10px 25px;border-radius:8px;font-weight:500;text-decoration:none;transition:all 0.3s ease}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn.btn-primary{background-color:var(--bs-info);border-color:var(--bs-info);color:white}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn.btn-primary:hover{background-color:#02a8a8;border-color:#02a8a8}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn.btn-outline-primary{color:var(--bs-info);border-color:var(--bs-info);background-color:transparent}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn.btn-outline-primary:hover{background-color:var(--bs-info);color:white}.pathway-section .pathway-card .pathway-stats{display:flex;flex-direction:column;gap:20px;padding-left:20px}.pathway-section .pathway-card .pathway-stats .stat-item{text-align:center;padding:20px;background-color:rgba(255,255,255,0.5);border-radius:12px;transition:transform 0.3s ease}.pathway-section .pathway-card .pathway-stats .stat-item:hover{transform:scale(1.05)}.pathway-section .pathway-card .pathway-stats .stat-item .stat-number{display:block;font-size:2rem;font-weight:700;color:var(--bs-info);margin-bottom:5px}.pathway-section .pathway-card .pathway-stats .stat-item .stat-label{font-size:0.9rem;color:#98a3b5;text-transform:uppercase;letter-spacing:0.5px}@media (max-width: 768px){.pathway-section{padding:40px 0}.pathway-section .pathway-card{padding:20px}.pathway-section .pathway-card .pathway-content{flex-direction:column;text-align:center}.pathway-section .pathway-card .pathway-content .pathway-icon{align-self:center}.pathway-section .pathway-card .pathway-stats{padding-left:0;flex-direction:row;justify-content:space-around;margin-top:30px}.pathway-section .pathway-card .pathway-stats .stat-item{flex:1;margin:0 5px}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions{justify-content:center}.pathway-section .pathway-card .pathway-signup-incentive .pathway-actions .btn{flex:1;min-width:120px}}
