.floating-back-btn{position:fixed;bottom:2rem;left:2rem;width:48px;height:48px;background-color:#1E293B;border:1px solid #334155;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:50;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
.floating-back-btn:hover{background-color:#334155;border-color:#14B8A6;transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.4)}
.floating-back-btn svg{width:24px;height:24px;stroke:#94A3B8;transition:all 0.3s ease}
.floating-back-btn:hover svg{stroke:#14B8A6;transform:translateX(-2px)}
.article-header{padding:3rem 0;text-align:center;border-bottom:1px solid #334155;margin-bottom:3rem}
.article-category{display:inline-block;padding:0.375rem 1rem;background:rgba(20,184,166,0.15);border:1px solid rgba(20,184,166,0.3);color:#14B8A6;border-radius:9999px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem;transition:all 0.3s ease}
.article-category:hover{background:rgba(16,185,129,0.2);border-color:rgba(16,185,129,0.4);color:#10B981}
.article-title{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2}
.article-meta{color:#94A3B8;font-size:0.875rem;text-align:center}
.article-meta>div{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}
.article-image{display:block;width:100%;height:400px;border-radius:16px;object-fit:cover;object-position:center;margin:0 auto}
.rating-section{background-color:#1E293B;border:1px solid #334155;border-radius:16px;padding:1rem;margin-bottom:3rem;text-align:center}
.submit-rating{background-color:#334155;color:#94A3B8;border:none;padding:0.75rem 2.25rem;border-radius:6px;font-size:1.3rem;cursor:pointer;margin-top:1rem;transition:all 0.3s ease}
.submit-rating.active{background-color:#10B981;color:white}
.submit-rating.active:hover{background-color:#0D9668}
.submit-rating:disabled{background-color:#64748B!important;cursor:not-allowed!important;opacity:0.7}
.submit-rating.rated{background-color:#059669!important;cursor:default!important}
.rating-message{margin-top:1rem;padding:0.75rem;background-color:rgba(20,184,166,0.1);border:1px solid #14B8A6;border-radius:6px;color:#10B981;font-size:0.875rem;opacity:0;transition:opacity 0.3s ease}
.rating-message.show{opacity:1}
.rating-message.error{background-color:rgba(239,68,68,0.1);border-color:#EF4444;color:#EF4444}
.article-content{margin:0 auto;padding:0 1rem;line-height:1.65;color:#d0d0d0;font-size:18px}
    padding: 0 2.5rem;line-height:1.65;color:#d0d0d0;font-size:19px}
.article-content h2{font-size:1.75rem;margin:2rem 0 1rem;color:#ffffff}
.article-content h3{font-size:1.5rem;margin:1.5rem 0 0.75rem;color:#ffffff}
.article-content p{margin-bottom:1.5rem;font-size:19px;line-height:1.65;color:#d0d0d0}
.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}
.article-content li{margin-bottom:0.5rem}
.article-content blockquote{border-left:4px solid #14B8A6;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#94A3B8}
.article-abstract{margin:0 auto 3rem;padding:0 1rem;font-size:20px;color:#c8c8c8;line-height:1.7;text-align:left}
.pc-model-section{background-color:#0F172A;border:2px solid #14B8A6;border-radius:16px;padding:1rem;margin:3rem auto;}
.pc-model-title{font-size:1.75rem;color:#14B8A6;margin-bottom:2rem;text-align:center}
.pc-rating-item{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #334155}
.pc-rating-item:last-child{border-bottom:none;margin-bottom:1rem}
.pc-rating-label{font-size:1.125rem;color:#E2E8F0;margin-bottom:0.75rem;display:block;font-weight:500}
.pc-rating-label .highlight{color:#14B8A6;font-weight:700}
.pc-stars{display:flex;gap:0.5rem;margin-bottom:0.75rem;align-items:center}
.pc-star{width:32px;height:32px;fill:#334155}
.pc-star.filled{fill:#14B8A6}
.pc-star.half{fill:url(#half-gradient)}
.pc-star.empty{fill:#334155}
.pc-description{color:#d0d0d0;font-size:19px;line-height:1.65}
.pc-total-score{margin-top:2rem;padding:1.5rem;background-color:#1E293B;border-radius:12px;text-align:center}
.pc-total-label{font-size:1.125rem;color:#94A3B8;margin-bottom:0.5rem}
.pc-total-value{font-size:2.5rem;font-weight:bold;color:#10B981}
.pc-summary{margin-top:2rem;padding:1.5rem;background-color:#1E293B;border-radius:12px;color:#d0d0d0;line-height:1.65;font-size:19px}
.stars{display:flex;gap:4px;justify-content:center;margin:0 auto}
.star{width:48px;height:48px;cursor:pointer;transition:all 0.2s ease}
.star.filled{fill:#10B981}
.star.half-filled{fill:url(#user-half-gradient)}
.star:not(.filled):not(.half-filled){fill:#334155}
.star:hover{transform:scale(1.1)}
.rating-display{display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin-bottom:0.5rem}
.zero-rating-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:1000;animation:fadeIn 0.3s ease}
.zero-rating-modal.show{display:flex;align-items:center;justify-content:center}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-content{background-color:#1E293B;border:2px solid #14B8A6;border-radius:12px;padding:2rem;width:90%;text-align:center;animation:slideUp 0.3s ease}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-title{font-size:1.5rem;color:#14B8A6;margin-bottom:1rem}
.modal-message{color:#E5E7EB;line-height:1.6;margin-bottom:1.5rem}
.modal-buttons{display:flex;gap:1rem;justify-content:center}
.modal-btn{padding:0.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all 0.3s ease}
.modal-btn-cancel{background-color:#334155;color:#E5E7EB}
.modal-btn-cancel:hover{background-color:#475569}
.modal-btn-confirm{background-color:#10B981;color:white}
.modal-btn-confirm:hover{background-color:#0D9668}
.references-section{margin:3rem auto;font-size:0.75rem;line-height:1.4}
.references-section *{font-size:0.75rem}
@media (max-width:768px){.floating-back-btn{left:1rem;width:44px;height:44px}.article-title{font-size:1.75rem}.pc-model-section{padding:1.5rem;margin:2rem 1rem}}
@media (max-width:480px){.floating-back-btn{left:1rem}.article-image{height:250px}}

/* Rating section improvements */
.user-rating h4{font-size:1.75rem !important}
.rating-section p{font-size:1.25rem !important}  
.rating-info{font-size:1.25rem !important}
.rating-value{font-size:1.75rem !important}
.your-rating-label{font-size:1.25rem !important}
.rating-message{font-size:1.25rem !important}
.submit-rating{padding:1.3rem 3rem !important;font-size:1.25rem !important}
 
.pc-summary p{margin-bottom:1.5rem;font-size:19px;line-height:1.65;color:#d0d0d0}