.testimonial-card,.testimonials-empty{background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.testimonials-empty{text-align:center;padding:var(--space-3xl) var(--space-lg);margin-bottom:var(--space-xl);transition:background-color var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing)}.testimonials{text-align:center;border-radius:var(--radius-lg)}.testimonials-empty-icon{font-size:3rem;color:var(--c-primary);margin-bottom:var(--space-lg);opacity:.7}.testimonials-empty h3{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--body-fg);font-weight:var(--font-weight-bold)}.author-info h4,.modal-header h3,.testimonial-cta-btn{font-weight:var(--font-weight-semibold)}.testimonials-empty p{font-size:1rem;color:var(--c-dark-text);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}.testimonial-cta-btn{padding:var(--space-sm) var(--space-lg);font-size:1rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.form-group,.modal-error,.testimonial-content{margin-bottom:var(--space-lg)}.testimonial-card{padding:var(--space-xl);transition:transform var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing),background-color var(--transition-speed) var(--transition-easing);height:100%;display:flex;flex-direction:column}.testimonial-card:hover{transform:var(--hover-lift);box-shadow:var(--card-shadow-hover)}.testimonial-content{font-size:1rem;line-height:1.6;color:var(--body-fg);flex-grow:1;position:relative}.testimonial-content::before{content:'"';font-size:4rem;line-height:1;position:absolute;top:-10px;left:-5px;color:var(--c-primary);opacity:.2}.testimonial-author{display:flex;align-items:center;border-top:1px solid var(--divider-color);padding-top:var(--space-md)}.author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:var(--space-md);flex-shrink:0;border:2px solid var(--body-bg);box-shadow:0 2px 5px rgba(0,0,0,.1)}.author-avatar img,.avatar-preview-image{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:1rem;margin-bottom:var(--space-xs);color:var(--body-fg)}.author-info p{font-size:.875rem;color:var(--c-light-text)}.testimonial-action{display:flex;justify-content:center;margin-top:var(--space-lg)}.testimonial-submitted-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--c-primary);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);background-color:rgba(64,227,120,.1);border-radius:var(--radius-full)}.modal-body,.modal-header,.modal-overlay{padding:var(--space-lg)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.active{display:flex;animation:.3s forwards fadeIn}.modal-container{background-color:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow-hover);animation:.3s forwards modalOpen}@keyframes modalOpen{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--divider-color)}.modal-close,.modal-error{display:flex;align-items:center}.modal-header h3{font-size:1.25rem;color:var(--body-fg)}.avatar-preview-name,.feature-highlight,.form-group label{font-weight:var(--font-weight-medium)}.modal-close{background:0 0;border:none;font-size:1.25rem;color:var(--c-light-text);cursor:pointer;width:30px;height:30px;justify-content:center;border-radius:50%;transition:background-color var(--transition-speed) var(--transition-easing),color var(--transition-speed) var(--transition-easing)}.modal-close:hover{background-color:var(--section-alt-bg);color:var(--body-fg)}.modal-error{background-color:rgba(255,57,57,.1);color:var(--c-red);padding:var(--space-md);border-radius:var(--radius-md);gap:var(--space-sm)}.form-group label{display:block;margin-bottom:var(--space-sm);color:var(--body-fg)}.feature-modal-content h4,.form-preview h4{margin-bottom:var(--space-md);color:var(--body-fg)}.feature-list li strong,.form-actions button,.form-preview h4{font-weight:var(--font-weight-semibold)}.form-hint{font-size:.75rem;color:var(--c-light-text);margin-top:var(--space-xs)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--body-bg);border-radius:var(--radius-md);background-color:var(--body-bg);color:var(--body-fg);font-size:1rem;transition:border-color var(--transition-speed) var(--transition-easing),box-shadow var(--transition-speed) var(--transition-easing)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-primary);outline:0;box-shadow:0 0 0 2px rgba(64,227,120,.2)}.form-group textarea{min-height:120px;resize:vertical}.character-counter{margin-top:var(--space-sm);text-align:right;font-size:.875rem;color:var(--c-light-text)}.form-preview{margin:var(--space-xl) 0;padding:var(--space-lg);background-color:var(--section-alt-bg);border-radius:var(--radius-md);text-align:center}.form-preview h4{font-size:1rem}.avatar-preview-container{width:80px;height:80px;margin:0 auto var(--space-md);border-radius:50%;overflow:hidden;background-color:var(--body-bg);border:3px solid var(--body-bg);box-shadow:0 4px 10px rgba(0,0,0,.1)}.avatar-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--section-alt-bg);color:var(--c-light-text);font-size:1.875rem}.avatar-preview-name{font-size:.875rem;color:var(--c-dark-text)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl)}.form-actions button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);transition:all var(--transition-speed) var(--transition-easing)}.form-actions button.btn-primary{background-color:var(--c-primary);color:var(--c-white)}.form-actions button.btn-primary:hover{background-color:var(--c-hashtag);transform:var(--hover-lift);box-shadow:0 4px 12px rgba(64,227,120,.25)}.form-actions button.btn-outline{background-color:transparent;color:var(--c-primary);border:1px solid var(--c-primary)}.form-actions button.btn-outline:hover{background-color:var(--c-primary);color:var(--c-white);transform:var(--hover-lift)}@media (max-width:576px){.modal-body,.modal-header{padding:var(--space-md)}.testimonial-card{padding:var(--space-lg)}.author-info h4,.testimonial-content{font-size:.9375rem}.testimonial-content::before{font-size:3.125rem}.author-avatar{width:40px;height:40px}.author-info p{font-size:.8125rem}.avatar-preview-container{width:70px;height:70px}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.testimonial-cta-btn{animation:2s infinite pulse}.form-actions button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.testimonial-card:focus-within{outline:2px solid var(--c-primary);outline-offset:2px}.feature-modal-content{padding:var(--space-md) 0}.feature-modal-image{width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--space-lg);box-shadow:0 5px 15px rgba(0,0,0,.1)}.feature-modal-content h4{font-size:1.25rem;font-weight:var(--font-weight-bold)}.feature-list{list-style:none;padding:0;margin:var(--space-lg) 0}.feature-list li{display:flex;margin-bottom:var(--space-lg);align-items:flex-start;gap:var(--space-md)}.feature-icon-small{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--c-primary);color:var(--c-white);border-radius:50%;flex-shrink:0;font-size:1.125rem}.feature-list li div{flex:1}.feature-list li strong{display:block;margin-bottom:var(--space-xs);color:var(--body-fg)}.feature-list li p{font-size:.9375rem;color:var(--c-dark-text);margin:0}.feature-highlight{background-color:rgba(64,227,120,.1);border-left:3px solid var(--c-primary);padding:var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-lg) 0}@media (prefers-color-scheme:dark){.feature-highlight,.testimonial-submitted-info{background-color:rgba(64,227,120,.2)}.modal-error{background-color:rgba(255,57,57,.2)}.author-avatar{border-color:var(--c-black-sheet-bg)}.feature-modal-image{box-shadow:0 5px 15px rgba(0,0,0,.3)}}@media (max-width:768px){.modal-container{width:95%;max-height:85vh}.testimonial-grid{grid-template-columns:1fr;gap:var(--space-lg)}.form-actions{flex-direction:column}.form-actions button{width:100%}.testimonials-empty{padding:var(--space-xl) var(--space-md)}.testimonials-empty-icon{font-size:2.5rem}.testimonials-empty h3{font-size:1.25rem}.form-preview{padding:var(--space-md)}.feature-list li{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.feature-icon-small{margin-bottom:var(--space-xs)}}.feature-modal-content,.modal-body,.modal-container,[data-scrollable=true]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.feature-modal-content::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.modal-container::-webkit-scrollbar,[data-scrollable=true]::-webkit-scrollbar{width:var(--scrollbar-width-thin);height:var(--scrollbar-width-thin)}.feature-modal-content::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.modal-container::-webkit-scrollbar-track,[data-scrollable=true]::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--radius-full)}.feature-modal-content::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.modal-container::-webkit-scrollbar-thumb,[data-scrollable=true]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-full);border:1px solid var(--scrollbar-track);background-clip:padding-box}.feature-modal-content::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.modal-container::-webkit-scrollbar-thumb:hover,[data-scrollable=true]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.modal-container,.testimonial-cta-btn{animation:none}.form-actions button:hover,.testimonial-card:hover{transform:none}*{transition-duration:1ms!important}::-webkit-scrollbar-thumb{transition:none}}