.interaction-section{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.stats-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stats-card:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.like-button{transition:all .3s ease}.like-button:hover{transform:scale(1.05)}.like-button.liked{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 30px rgba(239,68,68,.3)}.comment-card{background:rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.comment-card:hover{border-color:rgba(255,255,255,.2);background:rgba(0,0,0,.4)}.comment-form{background:rgba(0,0,0,.2);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1)}.star-rating{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-text{background:linear-gradient(135deg,#f59e0b,#ef4444 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:640px){.stats-card{padding:.5rem .75rem}.stats-card span{font-size:.875rem}.comment-card{padding:1rem}.comment-button,.like-button{padding:.5rem 1rem;font-size:.875rem}}@media (prefers-color-scheme:dark){.interaction-section{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.stats-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.comment-card{background:rgba(0,0,0,.4);border-color:rgba(255,255,255,.08)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.comment-button:focus,.like-button:focus{outline:2px solid #ef4444;outline-offset:2px}.star-rating button:focus{outline:2px solid #f59e0b;outline-offset:2px;border-radius:2px}.arabic-text{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;direction:rtl;text-align:right}.comment-content{line-height:1.6;word-spacing:.1em}.quick-comment-btn{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);box-shadow:0 10px 30px rgba(16,185,129,.3);transform:perspective(1000px) rotateX(0deg);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.quick-comment-btn:hover{background:linear-gradient(135deg,#059669,#047857 50%,#065f46);box-shadow:0 20px 40px rgba(16,185,129,.4);transform:perspective(1000px) rotateX(-5deg) translateY(-2px)}.quick-comment-btn:active{transform:perspective(1000px) rotateX(0deg) translateY(0);box-shadow:0 5px 15px rgba(16,185,129,.3)}.user-review-card{background:rgba(55,65,81,.5);backdrop-filter:blur(15px);border:1px solid rgba(75,85,99,.3);transition:all .4s ease}.user-review-card:hover{background:rgba(55,65,81,.7);border-color:rgba(251,191,36,.3);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.faq-item{background:rgba(55,65,81,.3);backdrop-filter:blur(15px);border:1px solid rgba(75,85,99,.2);transition:all .4s ease}.faq-item:hover{background:rgba(55,65,81,.5);border-color:rgba(59,130,246,.3);transform:translateX(5px)}.faq-icon{transition:all .3s ease}.faq-item:hover .faq-icon{transform:scale(1.1) rotate(5deg)}@media (max-width:640px){.quick-comment-btn{padding:.75rem 1.5rem;font-size:.875rem}.faq-item,.user-review-card{padding:1rem}.comment-card,.comment-form{padding:.75rem}.stats-card{padding:.375rem .5rem;font-size:.75rem}.interaction-section h2{font-size:1rem!important}.interaction-section .space-y-4>*+*{margin-top:.75rem}.max-h-80{max-height:15rem}.like-button{padding:.375rem .75rem;font-size:.75rem}textarea{min-height:3rem!important}}@media (prefers-color-scheme:dark){.user-review-card{background:rgba(31,41,55,.6);border-color:rgba(55,65,81,.4)}.faq-item{background:rgba(31,41,55,.4);border-color:rgba(55,65,81,.3)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.quick-comment-btn:focus{outline:2px solid #10b981;outline-offset:2px}.faq-item:focus-within{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.glow-effect{position:relative;overflow:hidden}.glow-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.glow-effect:hover:before{left:100%}.floating-animation{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}html{scroll-behavior:smooth}#comments-section{scroll-margin-top:2rem}.depth-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.depth-2{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.depth-3{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}