:root{--primary-hue:220;--secondary-hue:205;--accent-hue:40;--primary:hsl(var(--primary-hue), 70%, 45%);--primary-light:hsl(var(--primary-hue), 70%, 60%);--primary-dark:hsl(var(--primary-hue), 70%, 30%);--secondary:hsl(var(--secondary-hue), 80%, 55%);--secondary-light:hsl(var(--secondary-hue), 80%, 70%);--secondary-dark:hsl(var(--secondary-hue), 80%, 40%);--accent:hsl(var(--accent-hue), 100%, 50%);--accent-light:hsl(var(--accent-hue), 100%, 60%);--accent-dark:hsl(var(--accent-hue), 85%, 45%);--success:#198754;--warning:#ffc107;--danger:#dc3545;--info:#0dcaf0;--dark:#1a202c;--light:#f7fafc;--white:#FFFFFF;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);--glow-primary:0 0 20px hsla(var(--primary-hue), 70%, 60%, 0.4);--glow-accent:0 0 20px hsla(var(--accent-hue), 100%, 50%, 0.4);--border-radius-sm:0.25rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-pill:50rem;--transition-fast:0.15s ease-in-out;--transition:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--z-header:1030;--z-overlay:1040;--z-dropdown:1000;--z-modal:1050;--z-fixed-player:1035;--z-player-toggle:1036;--font-primary:'Tajawal', sans-serif;--font-secondary:'Poppins', 'Tajawal', sans-serif;--font-mono:'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fixed-player-height:75px;--fixed-player-height-sm:65px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--light);color:var(--gray-800);line-height:1.7;font-size:1rem;overflow-x:hidden;padding-bottom:0;transition:padding-bottom var(--transition)}body.audio-player-active{padding-bottom:var(--fixed-player-height)}@media (max-width:576px){body.audio-player-active{padding-bottom:var(--fixed-player-height-sm)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:700;color:var(--primary-dark);line-height:1.3;letter-spacing:-.01em}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}.container{max-width:1280px}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:4px;border:2px solid var(--gray-100)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gray-400)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--gray-100)}.btn{border-radius:var(--border-radius-pill);padding:.6rem 1.5rem;font-weight:600;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border:1px solid #fff0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-inner)}.btn:disabled,.btn.disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.btn-sm{padding:.4rem 1rem;font-size:.875rem}.btn-lg{padding:.8rem 2rem;font-size:1.1rem}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--gray-600);border-color:var(--gray-600);color:var(--white)}.btn-secondary:hover{background-color:var(--gray-700);border-color:var(--gray-700)}.btn-success{background-color:var(--success);border-color:var(--success);color:var(--white)}.btn-warning{background-color:var(--accent);border-color:var(--accent);color:var(--dark)}.btn-warning:hover{background-color:var(--accent-dark);border-color:var(--accent-dark)}.btn-info{background-color:var(--info);border-color:var(--info);color:var(--white)}.btn-danger{background-color:var(--danger);border-color:var(--danger);color:var(--white)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-outline-primary:hover{background-color:var(--primary);color:var(--white)}.btn-link{text-decoration:none;color:var(--primary);box-shadow:none}.btn-link:hover{text-decoration:underline;color:var(--primary-dark)}.spinner{display:inline-block;width:1.2em;height:1.2em;border:2px solid currentColor;border-right-color:transparent!important;border-radius:50%;animation:spin 0.75s linear infinite;vertical-align:-.2em;opacity:.7}.spinner-dark{border-color:var(--gray-600);border-right-color:transparent!important}.spinner-light{border-color:var(--white);border-right-color:transparent!important}.is-loading .icon-default{display:none!important}.is-loading .spinner{display:inline-block!important}.is-loading .btn-text{display:none!important}.btn.is-loading{opacity:.9;cursor:wait}@keyframes spin{to{transform:rotate(360deg)}}.bg-gradient-light{background:linear-gradient(to bottom,var(--white),var(--gray-50))}.bg-gradient-dark{background:linear-gradient(145deg,var(--gray-900),var(--primary-dark))}.header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--secondary-dark) 100%);color:var(--white);padding:5rem 0 7rem;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);min-height:70vh;display:flex;align-items:center;justify-content:center}.header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(hsl(var(--primary-hue),70%,50%,.1) 1px,transparent 1px);background-size:15px 15px;opacity:.3;z-index:0;animation:pulsePattern 20s infinite linear}@keyframes pulsePattern{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.4}100%{transform:scale(1);opacity:.2}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.particle{position:absolute;display:block;border-radius:50%;background-color:hsl(0 0% 100% / .15);box-shadow:0 0 10px hsl(0 0% 100% / .1);animation:floatParticle 25s linear infinite;will-change:transform,opacity}@keyframes floatParticle{0%{transform:translateY(5vh) translateX(0) scale(.8);opacity:0}10%{opacity:.7}90%{opacity:.7}100%{transform:translateY(-105vh) translateX(calc(var(--random-x, 0) * 1px)) scale(1.2);opacity:0}}.header-content{position:relative;z-index:2;text-align:center;padding:0 1rem}.logo-container{position:relative;display:inline-block;margin-bottom:1.5rem}.logo{font-family:var(--font-secondary);font-size:clamp(2.5rem, 8vw, 4rem);font-weight:800;color:var(--white);text-shadow:0 4px 10px rgb(0 0 0 / .3);margin:0;display:inline-flex;align-items:baseline;letter-spacing:-.03em}.logo span{color:var(--accent);margin-right:.1em}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:100px;background:radial-gradient(ellipse,hsla(var(--accent-hue),100%,50%,.3) 0%,transparent 70%);filter:blur(25px);z-index:-1;animation:pulseGlow 5s ease-in-out infinite alternate}@keyframes pulseGlow{from{opacity:.4;transform:translate(-50%,-50%) scale(.9)}to{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}.badge-beta{position:absolute;top:-10px;right:-35px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--dark);font-size:.7rem;padding:.2rem .7rem;border-radius:var(--border-radius-pill);font-weight:700;box-shadow:0 2px 5px rgb(0 0 0 / .2);transform:rotate(15deg);animation:pulseBeta 3s infinite;letter-spacing:.05em;text-transform:uppercase}@keyframes pulseBeta{0%,100%{transform:rotate(15deg) scale(1);opacity:.9}50%{transform:rotate(15deg) scale(1.1);opacity:1}}.tagline{font-family:var(--font-primary);font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;margin-bottom:2.5rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;color:var(--gray-100);text-shadow:0 1px 3px rgb(0 0 0 / .2)}.hero-features{display:flex;justify-content:center;gap:1rem;margin:2rem auto;max-width:900px;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;background-color:hsl(0 0% 100% / .08);border-radius:var(--border-radius-pill);padding:.6rem 1.2rem;transition:all var(--transition);color:var(--white);backdrop-filter:blur(8px);border:1px solid hsl(0 0% 100% / .1);box-shadow:var(--shadow-sm);font-size:.9rem}.hero-feature:hover{background-color:hsl(0 0% 100% / .15);box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:hsl(0 0% 100% / .2)}.hero-feature i{font-size:1rem;margin-left:.6rem;color:var(--accent-light);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(var(--accent-hue),100%,50%,.1)}.hero-feature span{font-weight:500}.cta-container{margin:2.5rem auto 0;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-button{border:none;border-radius:var(--border-radius-pill);padding:.8rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;letter-spacing:.02em;min-width:200px}.cta-button.primary-cta{background:linear-gradient(to right,var(--accent),var(--accent-light));color:var(--dark)}.cta-button.primary-cta:hover{background:linear-gradient(to right,var(--accent-light),var(--accent));box-shadow:var(--shadow-md),var(--glow-accent);transform:translateY(-3px)}.cta-button.secondary-cta{background-color:hsl(0 0% 100% / .15);color:var(--white);border:1px solid hsl(0 0% 100% / .2);backdrop-filter:blur(5px)}.cta-button.secondary-cta:hover{background-color:hsl(0 0% 100% / .25);border-color:hsl(0 0% 100% / .4);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cta-button i{font-size:1rem}.auth-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:5;align-items:center}.btn-style{padding:.5rem 1rem;font-size:.85rem;border-radius:var(--border-radius-pill);transition:all var(--transition-fast);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;backdrop-filter:blur(5px);border:1px solid #fff0}.btn-style .btn-text{display:inline}.btn-login{background-color:hsl(0 0% 100% / .1);border-color:var(--accent);color:var(--accent)}.btn-login:hover{background-color:var(--accent);color:var(--dark);box-shadow:var(--glow-accent)}.btn-register{background-color:var(--accent);color:var(--dark);box-shadow:0 3px 8px hsla(var(--accent-hue),100%,50%,.3)}.btn-register:hover{background:linear-gradient(to right,var(--accent),var(--accent-light));box-shadow:0 5px 12px hsla(var(--accent-hue),100%,50%,.4),var(--glow-accent)}.btn-logout{background-color:hsl(0 0% 100% / .1);border-color:hsl(0 0% 100% / .2);color:var(--white);opacity:.8}.btn-logout:hover{background-color:hsl(0 0% 100% / .2);border-color:hsl(0 0% 100% / .4);opacity:1}.points-display{background:hsla(var(--primary-hue),50%,40%,.5);backdrop-filter:blur(5px);color:var(--white);padding:.4rem .8rem;border-radius:var(--border-radius-pill);box-shadow:var(--shadow-inner);font-family:var(--font-secondary);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.5rem;border:1px solid hsl(0 0% 100% / .1)}.points-value{font-size:1rem;font-weight:700;background:hsl(0 0% 100% / .1);padding:.1rem .5rem;border-radius:var(--border-radius-sm)}.points-text{opacity:.8;font-size:.75rem}.earn-points-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:var(--dark);border:none;border-radius:50%;width:26px;height:26px;margin-right:.3rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition);font-size:.7rem}.earn-points-button:hover{transform:scale(1.15);box-shadow:var(--shadow),var(--glow-accent)}.earn-points-button:active{transform:scale(1.05)}@media (max-width:768px){.auth-buttons{top:.8rem;right:.8rem;gap:.4rem}.btn-style{padding:.4rem .8rem;font-size:.8rem}.points-display{padding:.3rem .6rem;font-size:.8rem}.points-value{font-size:.9rem}.points-text{font-size:.7rem}.earn-points-button{width:24px;height:24px;font-size:.65rem}}@media (max-width:576px){.auth-buttons{top:.5rem;right:.5rem;flex-wrap:wrap;justify-content:flex-end;max-width:180px}.btn-style .btn-text{display:none}.btn-style{padding:.5rem;width:34px;height:34px;gap:0}.btn-style i{margin:0;font-size:.9rem}.points-display{order:-1;width:100%;justify-content:center;margin-bottom:.3rem}}.stats-section{background-color:#fff0;padding:0;margin-top:-5rem;position:relative;z-index:3;margin-bottom:3rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.stat-card{background:var(--white);border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition);border:1px solid var(--gray-200);position:relative}.stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.stat-value{font-family:var(--font-secondary);font-size:2.2rem;font-weight:700;color:var(--primary-dark);margin-bottom:.25rem;display:block;line-height:1.1}.stat-label{font-size:.9rem;color:var(--gray-600);font-weight:500}.main-container{margin-top:0}.card{background:var(--white);border-radius:var(--border-radius-xl);border:1px solid var(--gray-200);margin-bottom:1.5rem;overflow:hidden;transition:all var(--transition)}.card:hover{border-color:var(--gray-300)}.card-header{background:linear-gradient(120deg,var(--gray-50),var(--gray-100));color:var(--primary-dark);border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem;font-size:1.1rem;font-weight:700}.card-header h3{margin:0;font-size:1.15rem;display:flex;align-items:center;gap:.6rem}.card-header h3 i{color:var(--primary);font-size:1.1em}.card-body{padding:1.5rem}.card-footer{background-color:var(--gray-50);padding:1rem 1.5rem;border-top:1px solid var(--gray-200);font-size:.85rem;color:var(--gray-600)}.tts-card .card-header{background:linear-gradient(120deg,var(--primary),var(--primary-light));color:var(--white)}.tts-card .card-header h3 i{color:var(--white);opacity:.8}.text-input-wrapper{position:relative}textarea.form-control{border:1px solid var(--gray-300);background-color:var(--white);padding:1rem 1.5rem;font-size:1.1rem;line-height:1.8;color:var(--gray-800);transition:all var(--transition);min-height:200px;border-radius:var(--border-radius-lg);resize:vertical;box-shadow:var(--shadow-inner)}textarea.form-control::placeholder{color:var(--gray-400)}textarea.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--primary-hue),70%,50%,.15),var(--shadow-inner);outline:none}textarea.enhanced-feedback{animation:enhanced-pulse 0.8s ease-out}@keyframes enhanced-pulse{0%{background-color:hsla(var(--primary-hue),70%,50%,.05)}100%{background-color:var(--white)}}.text-actions{position:absolute;top:10px;left:10px;display:flex;gap:.5rem;z-index:2}.text-action-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-600);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.text-action-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow);border-color:var(--primary)}.text-action-btn.clear-text-btn:hover{background:var(--danger);border-color:var(--danger)}.text-action-btn.random-text-btn:hover{background:var(--success);border-color:var(--success)}.text-action-btn.enhance-text-btn:hover{background:var(--secondary);border-color:var(--secondary)}.word-counter{position:absolute;bottom:10px;right:15px;font-size:.75rem;color:var(--gray-500);padding:.2rem .6rem;background:var(--gray-100);border-radius:var(--border-radius-sm);z-index:2;transition:all var(--transition);font-weight:500}.word-counter.warning{color:var(--accent-dark);background-color:hsl(var(--accent-hue),100%,95%)}.word-counter.danger{color:var(--danger);background-color:hsl(355 78% 95%);font-weight:600}.upgrade-link{font-weight:600;color:var(--primary);text-decoration:underline;cursor:pointer}.upgrade-link i{color:var(--accent);margin-right:2px}.form-select{border-radius:var(--border-radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px hsla(var(--primary-hue),70%,50%,.15)}.btn-convert{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;border-radius:var(--border-radius-lg);padding:.9rem 2rem;font-weight:700;font-size:1.1rem;transition:all var(--transition);box-shadow:0 4px 12px hsla(var(--primary-hue),70%,50%,.3);width:100%;letter-spacing:.03em}.btn-convert:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));transform:translateY(-3px);box-shadow:0 6px 15px hsla(var(--primary-hue),70%,50%,.4),var(--glow-primary)}.btn-convert:active{transform:translateY(0);box-shadow:0 2px 8px hsla(var(--primary-hue),70%,50%,.2)}.btn-convert .spinner{width:1.4em;height:1.4em}.pulse-loader-container{text-align:center;padding:2rem 0}.pulse-loader{display:inline-block;width:40px;height:40px;border:4px solid hsla(var(--primary-hue),70%,50%,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s infinite linear}.loader-text{margin-top:1rem;font-size:.9rem;color:var(--gray-600)}.audio-result{background:var(--gray-50);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid var(--gray-200)}.audio-header{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--primary-dark);font-size:1rem}.audio-header i{color:var(--primary)}#loginPrompt{border-left:5px solid var(--warning)}.history-card .card-header{background:linear-gradient(120deg,var(--gray-100),var(--gray-200))}.history-list-container{max-height:400px;min-height:100px;overflow-y:auto;position:relative}#noHistoryMessage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid var(--gray-100);transition:background-color var(--transition-fast);cursor:pointer}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:var(--gray-50)}.history-text{font-weight:500;flex-grow:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-700);margin-left:1rem}.history-meta{display:flex;align-items:center;gap:1rem;white-space:nowrap}.history-date{color:var(--gray-500);font-size:.75rem}.history-play{width:30px;height:30px;border-radius:50%;background:var(--gray-200);color:var(--primary);border:none;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.history-item:hover .history-play{background:var(--primary);color:var(--white);transform:scale(1.1);box-shadow:var(--shadow)}.load-more-container{background:var(--gray-50);border-top:1px solid var(--gray-200)}.btn-load-more{font-size:.9rem;background-color:var(--white);border-color:var(--gray-300);color:var(--primary)}.btn-load-more:hover{background-color:var(--gray-100);border-color:var(--gray-400)}.api-card .code-snippet{font-family:var(--font-mono);background-color:var(--gray-100);border:1px solid var(--gray-200)}.api-card pre{margin:0}.api-card code{background:none;padding:0;font-size:.8rem;color:var(--gray-700)}.features-section{overflow:hidden}.section-header{position:relative}.section-title{font-size:clamp(1.8rem, 5vw, 2.5rem);color:var(--primary-dark);margin-bottom:.8rem}.section-subtitle{font-size:clamp(1rem, 3vw, 1.1rem);color:var(--gray-600);max-width:700px;margin:0 auto;line-height:1.7}.section-header::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-light),var(--secondary));border-radius:2px;opacity:.8}.feature-card{background:var(--white);border-radius:var(--border-radius-xl);padding:2rem 1.5rem;box-shadow:var(--shadow);transition:all var(--transition);border:1px solid var(--gray-200);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.feature-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);font-size:1.6rem;border-radius:var(--border-radius-lg);margin:0 auto 1.5rem;box-shadow:0 6px 12px hsla(var(--primary-hue),70%,50%,.25);transition:all var(--transition)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 16px hsla(var(--primary-hue),70%,50%,.3)}.feature-title{font-size:1.2rem;font-weight:700;color:var(--gray-800);margin-bottom:.8rem}.feature-text{color:var(--gray-600);font-size:.95rem;line-height:1.7}.testimonials-section{position:relative;overflow:hidden;color:var(--white)}.testimonials-section::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.testimonials-section .container{position:relative;z-index:1}.testimonials-section .section-title{color:var(--white)}.testimonials-section .section-header::after{background:linear-gradient(90deg,var(--accent-light),var(--accent))}.testimonial-card{background:hsla(var(--primary-hue),70%,20%,.3);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:2rem;border:1px solid hsl(0 0% 100% / .15);box-shadow:0 10px 30px rgb(0 0 0 / .2);transition:all var(--transition)}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 15px 40px rgb(0 0 0 / .3);border-color:hsl(0 0% 100% / .25)}.testimonial-content{position:relative;padding-right:2.5rem;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;font-weight:300;opacity:.95}.testimonial-content::before{content:"\f10e";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-10px;right:-5px;font-size:3rem;color:hsla(var(--accent-hue),100%,50%,.3);line-height:1;z-index:0}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-light));display:flex;align-items:center;justify-content:center;color:var(--dark);font-weight:700;font-size:1.2rem;box-shadow:0 3px 10px rgb(0 0 0 / .1);border:2px solid hsl(0 0% 100% / .2);flex-shrink:0}.author-details{flex-grow:1}.author-name{font-weight:700;font-size:1.1rem;margin-bottom:.1rem}.author-position{opacity:.8;font-size:.85rem;font-weight:400}.footer{border-top:5px solid var(--primary)}.footer-logo{font-family:var(--font-secondary);font-size:1.8rem;font-weight:800;color:var(--white)}.footer-logo span{color:var(--accent)}.footer-text{font-size:.9rem;line-height:1.7}.footer-heading{font-size:1.1rem;font-weight:700;margin-bottom:1.2rem;position:relative;padding-bottom:.5rem;color:var(--gray-100)}.footer-heading::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:3px;background:var(--accent);border-radius:1.5px}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:.7rem}.footer-links-list a{color:var(--gray-300);text-decoration:none;transition:all var(--transition-fast);font-size:.9rem;display:inline-flex;align-items:center;gap:.5rem}.footer-links-list a:hover{color:var(--accent);transform:translateX(-5px)}.footer-links-list a i{font-size:.7rem;opacity:.7}.social-links{display:flex;gap:.8rem;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:hsl(0 0% 100% / .1);color:var(--white);font-size:1rem;transition:all var(--transition-fast);border:1px solid hsl(0 0% 100% / .1)}.social-link:hover{background-color:var(--accent);color:var(--dark);transform:translateY(-3px);border-color:var(--accent);box-shadow:0 4px 10px hsla(var(--accent-hue),100%,50%,.3)}.footer-bottom{font-size:.85rem;opacity:.8}.fixed-audio-player{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(135deg,var(--gray-800),var(--gray-900));color:var(--white);padding:.8rem 0;box-shadow:0 -5px 20px rgb(0 0 0 / .2);transition:transform var(--transition);z-index:var(--z-fixed-player);border-top:3px solid var(--primary);height:var(--fixed-player-height);display:flex;align-items:center}.fixed-audio-player.hidden{transform:translateY(100%)}.audio-player-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.audio-actions{display:flex;align-items:center;gap:.75rem}.left-actions{flex-shrink:0}.right-actions{flex-shrink:0}.player-btn{background:hsl(0 0% 100% / .1);border:none;color:var(--white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);opacity:.8}.player-btn:hover{background:hsl(0 0% 100% / .2);opacity:1;transform:scale(1.1)}.player-btn:active{transform:scale(1)}#fixedAudioPlayer{flex:1 1 auto;min-width:150px;height:45px;border-radius:var(--border-radius-lg);outline:none;background-color:hsl(0 0% 0% / .2);box-shadow:var(--shadow-inner)}#fixedAudioPlayer::-webkit-media-controls-panel{background-color:#fff0;border-radius:var(--border-radius-lg);padding:0 5px}#fixedAudioPlayer::-webkit-media-controls-play-button{background-color:hsla(var(--primary-hue),70%,60%,.8);border-radius:50%;transition:background-color var(--transition-fast);margin:0 5px}#fixedAudioPlayer::-webkit-media-controls-play-button:hover{background-color:var(--primary)}#fixedAudioPlayer::-webkit-media-controls-timeline{background-color:hsl(0 0% 100% / .1);border-radius:5px;margin:0 10px;height:6px;transition:background-color var(--transition-fast)}#fixedAudioPlayer::-webkit-media-controls-current-time-display,#fixedAudioPlayer::-webkit-media-controls-time-remaining-display{color:var(--gray-300);font-size:.8rem;text-shadow:0 1px 2px rgb(0 0 0 / .5);margin:0 5px;min-width:40px;text-align:center}#fixedAudioPlayer::-webkit-media-controls-volume-slider-container{margin-right:5px}#fixedAudioPlayer::-webkit-media-controls-volume-slider{background-color:hsl(0 0% 100% / .1);border-radius:5px;height:6px;min-width:60px}#fixedAudioPlayer::-webkit-media-controls-mute-button{opacity:.8;transition:opacity var(--transition-fast);margin:0 5px}#fixedAudioPlayer::-webkit-media-controls-mute-button:hover{opacity:1}#togglePlayerBtn.active i{transform:rotate(180deg)}.audio-player-toggle{position:fixed;bottom:20px;right:20px;background:var(--primary);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition);z-index:var(--z-player-toggle);border:none;opacity:.9}.audio-player-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-xl);background:var(--primary-dark);opacity:1}.audio-player-toggle.hidden{transform:scale(0);opacity:0;pointer-events:none}@media (max-width:768px){.audio-player-content{gap:.8rem}.audio-actions{gap:.5rem}.player-btn{width:36px;height:36px;font-size:.9rem}#fixedAudioPlayer{height:40px}}@media (max-width:576px){.fixed-audio-player{height:var(--fixed-player-height-sm);padding:.5rem 0}.audio-player-content{padding:0 .8rem;gap:.5rem}.player-btn{width:32px;height:32px;font-size:.8rem}.left-actions{gap:.3rem}#fixedAudioPlayer{min-width:100px}#fixedAudioPlayer::-webkit-media-controls-volume-slider-container{display:none}#fixedAudioPlayer::-webkit-media-controls-mute-button{margin-right:0}}.modal-content{border-radius:var(--border-radius-xl);border:none;box-shadow:var(--shadow-xl)}.modal-header{border-bottom:1px solid var(--gray-200);padding:1rem 1.5rem}.modal-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.modal-body{padding:1.5rem}.modal-footer{background-color:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem 1.5rem}.btn-close{filter:grayscale(1) opacity(.7)}.btn-close:hover{filter:grayscale(0) opacity(1)}#subscribeModal .modal-dialog{max-width:1140px}.plan-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow);transition:all var(--transition);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.plan-card.highlighted{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px hsla(var(--accent-hue),100%,50%,.2)}.plan-card.highlighted:hover{box-shadow:var(--shadow-lg),0 0 0 4px hsla(var(--accent-hue),100%,50%,.3)}.highlight-badge{position:absolute;top:17px;left:50%;transform:translateX(-50%) translateY(-50%);background:var(--accent);color:var(--dark);padding:.3rem 1rem;border-radius:var(--border-radius-pill);font-size:.75rem;font-weight:700;box-shadow:var(--shadow-sm)}.plan-header{margin-bottom:1.5rem}.plan-title{font-size:1.3rem;font-weight:700;color:var(--gray-800);margin-bottom:.5rem}.plan-price{font-size:1.8rem;font-weight:700;color:var(--primary);margin-bottom:0;line-height:1}.plan-price .fs-sm{font-size:.8rem;color:var(--gray-500);font-weight:400;display:inline}.plan-features{list-style:none;padding:0;margin-bottom:2rem;font-size:.9rem}.plan-features li{margin-bottom:.8rem;display:flex;align-items:flex-start;gap:.6rem;color:var(--gray-700)}.plan-features li i{color:var(--success);font-size:.9em;margin-top:.2em;width:16px;text-align:center;flex-shrink:0}.plan-features li.text-muted{color:var(--gray-500)}.plan-features li.text-muted i{color:var(--gray-400)}.earn-points-icon i{background:linear-gradient(135deg,var(--primary-light),var(--primary));-webkit-background-clip:text;background-clip:text;color:#fff0}.step-number{width:30px;height:30px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.step-content{font-size:.95rem}.share-text{font-family:var(--font-primary);font-size:.85rem;color:var(--gray-700);word-break:break-all}.social-share-options a{text-decoration:none}#submitShareForm .btn{height:calc(1.5rem + 0.5rem + 2px)}.voice-slider-wrapper{position:relative;padding:0 45px;margin:0 -10px}.voice-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:.8rem;padding:.5rem 10px;margin-bottom:-18px;padding-bottom:18px;-ms-overflow-style:none;scrollbar-width:none}.voice-slider::-webkit-scrollbar{display:none}.voice-card{flex:0 0 auto;width:160px;border:2px solid var(--gray-300);border-radius:var(--border-radius-lg);padding:1rem .8rem;text-align:center;cursor:pointer;transition:all var(--transition-fast);background-color:var(--white);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.voice-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-3px)}.voice-card.selected{border-color:var(--primary);background-color:hsla(var(--primary-hue),70%,95%,1);box-shadow:0 0 0 2px var(--primary-light),var(--shadow)}.voice-card-icon{font-size:1.5rem;color:var(--primary);margin-bottom:.3rem;background-color:hsla(var(--primary-hue),70%,50%,.1);width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.voice-card.selected .voice-card-icon{color:var(--primary-dark);background-color:hsla(var(--primary-hue),70%,50%,.2)}.voice-card-details{line-height:1.3}.voice-card-name{font-weight:600;font-size:.9rem;color:var(--gray-800);margin-bottom:.1rem}.voice-card-accent{font-size:.75rem;color:var(--gray-500);font-weight:500}.voice-card-selected-indicator{position:absolute;top:8px;left:8px;font-size:1.1rem;color:var(--primary);opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.voice-card.selected .voice-card-selected-indicator{opacity:1;transform:scale(1)}.placeholder-card{flex:1;text-align:center;color:var(--gray-500);padding:2rem;font-style:italic}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:hsl(0 0% 100% / .7);border:1px solid var(--gray-300);color:var(--gray-700);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);backdrop-filter:blur(3px)}.slider-nav-btn:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:var(--shadow)}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:hsl(0 0% 100% / .5);box-shadow:none;transform:translateY(-50%) scale(.95)}.slider-nav-btn.prev-btn{right:5px}.slider-nav-btn.next-btn{left:5px}@media (max-width:576px){.voice-card{width:130px;padding:.8rem .5rem;gap:.3rem}.voice-card-icon{font-size:1.3rem;width:35px;height:35px}.voice-card-name{font-size:.8rem}.voice-card-accent{font-size:.7rem}.voice-slider-wrapper{padding:0 35px}.slider-nav-btn{width:30px;height:30px;font-size:.8rem}.slider-nav-btn.prev-btn{right:3px}.slider-nav-btn.next-btn{left:3px}}:root{--gray-300:#dee2e6;--gray-500:#adb5bd;--gray-700:#495057;--gray-800:#343a40;--primary:#0d6efd;--primary-light:#7cacf4;--primary-dark:#0a58ca;--primary-hue:211;--white:#fff;--border-radius-lg:0.5rem;--transition-fast:0.2s ease-in-out;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow:0 3px 6px rgba(0,0,0,0.1)}.voice-card{flex:0 0 auto;width:95px;border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);padding:.4rem .3rem;text-align:center;cursor:pointer;transition:all var(--transition-fast);background-color:var(--white);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.1rem;box-shadow:var(--shadow-sm);user-select:none;min-height:85px}.voice-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow);transform:translateY(-3px)}.voice-card.selected{border-color:var(--primary);background-color:hsla(var(--primary-hue),70%,95%,1);box-shadow:0 0 0 1.5px var(--primary-light),var(--shadow-sm);transform:translateY(-1px)}.voice-card:focus{outline:2px solid var(--primary-light);outline-offset:1px}.voice-card:focus:not(:focus-visible){outline:none}.voice-card-icon{font-size:.9rem;color:var(--primary);margin-bottom:0;background-color:hsla(var(--primary-hue),70%,50%,.1);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.voice-card.selected .voice-card-icon{color:var(--primary-dark);background-color:hsla(var(--primary-hue),70%,50%,.2)}.voice-card-details{line-height:1.15;overflow:hidden;width:100%}.voice-card-name{font-weight:600;font-size:.7rem;color:var(--gray-800);margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-card-accent{font-size:.6rem;color:var(--gray-500);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-card-selected-indicator{position:absolute;top:3px;left:3px;font-size:.7rem;color:var(--primary);opacity:0;transform:scale(.5) rotate(-15deg);transition:all var(--transition-fast)}html[dir="ltr"] .voice-card-selected-indicator{left:auto;right:3px}.voice-card.selected .voice-card-selected-indicator{opacity:1;transform:scale(1) rotate(0deg)}.placeholder-card{flex:1;text-align:center;color:var(--gray-500);padding:2rem;font-style:italic;border:2px dashed var(--gray-300);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;min-height:85px}.slider-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:hsl(0 0% 100% / .7);border:1px solid var(--gray-300);color:var(--gray-700);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);backdrop-filter:blur(3px)}.slider-nav-btn:hover:not(:disabled){background-color:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:var(--shadow)}.slider-nav-btn:disabled{opacity:.4;cursor:not-allowed;background-color:hsl(0 0% 100% / .5);box-shadow:none;transform:translateY(-50%) scale(.95)}.slider-nav-btn.prev-btn{right:5px}.slider-nav-btn.next-btn{left:5px}html[dir="ltr"] .slider-nav-btn.prev-btn{right:auto;left:5px}html[dir="ltr"] .slider-nav-btn.next-btn{left:auto;right:5px}@media (max-width:576px){.voice-card{width:85px;padding:.3rem .2rem;min-height:75px}.voice-card-icon{font-size:.8rem;width:22px;height:22px}.voice-card-name{font-size:.65rem}.voice-card-accent{font-size:.55rem}.voice-card-selected-indicator{top:2px;left:2px;font-size:.65rem}html[dir="ltr"] .voice-card-selected-indicator{right:2px;left:auto}.voice-slider-wrapper{padding:0 35px}.slider-nav-btn{width:30px;height:30px;font-size:.8rem}.slider-nav-btn.prev-btn{right:3px}.slider-nav-btn.next-btn{left:3px}html[dir="ltr"] .slider-nav-btn.prev-btn{right:auto;left:3px}html[dir="ltr"] .slider-nav-btn.next-btn{left:auto;right:3px}}.voice-slider-wrapper{position:relative;padding:0 45px;margin:0 -8px}.voice-slider{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:.3rem;padding:.5rem 8px;margin-bottom:-18px;padding-bottom:18px;-ms-overflow-style:none;scrollbar-width:none}.voice-slider::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.btn.is-loading{opacity:0.9!important;cursor:wait!important}.is-loading .spinner,.is-loading .fa-spinner,.is-loading .fa-circle-notch{display:inline-block!important}.is-loading .btn-text,.is-loading .icon-default,.is-loading i:not(.spinner):not(.fa-spinner):not(.fa-circle-notch){display:none!important}@keyframes point-flash{0%{background-color:hsla(var(--bs-warning-rgb,255,193,7),0)}50%{background-color:hsla(var(--bs-warning-rgb,255,193,7),.3)}100%{background-color:hsla(var(--bs-warning-rgb,255,193,7),0)}}.point-update-flash{animation:point-flash 1s ease-out}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#aaa}


/* --- Voice Modal Styles --- */
#voiceListModal .modal-body {
    /* Adjust max height if needed, modal-dialog-scrollable handles scrolling */
    /* max-height: 70vh; */
    /* overflow-y: auto; */ /* Handled by modal-dialog-scrollable */
}

#modalVoiceListContainer .list-group-item {
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem; /* Adjust padding */
    border-bottom: 1px solid #eee; /* Lighter border */
}
#modalVoiceListContainer .list-group-item:last-child {
     border-bottom: none;
}


#modalVoiceListContainer .list-group-item:hover {
    background-color: #f8f9fa; /* Light grey on hover */
}

#modalVoiceListContainer .list-group-item.active {
    background-color: var(--bs-primary-bg-subtle, #cfe2ff); /* Use Bootstrap subtle background */
    color: var(--bs-primary-text-emphasis, #052c65); /* Use Bootstrap emphasis text */
    border-color: var(--bs-primary-border-subtle, #9ec5fe);
    font-weight: 600; /* Slightly bolder */
    z-index: 2; /* Ensure active item is above others */
    position: relative;
}
#modalVoiceListContainer .list-group-item.active .voice-icon {
    color: var(--bs-primary, #0d6efd); /* Match primary color */
}


#modalVoiceListContainer .voice-info {
    display: flex;
    align-items: center;
    flex-grow: 1; /* Take remaining space */
}

#modalVoiceListContainer .voice-icon {
    font-size: 1.3em; /* Slightly larger icon */
    margin-left: 12px; /* Margin-left in RTL */
    color: #6c757d; /* Muted icon color */
    width: 25px; /* Fixed width */
    text-align: center;
    transition: color 0.15s ease-in-out;
}

#modalVoiceListContainer .voice-details {
    display: flex;
    flex-direction: column;
}

#modalVoiceListContainer .voice-name {
    font-weight: 500;
    color: #333;
}

#modalVoiceListContainer .voice-accent {
    font-size: 0.85em;
    color: #6c757d;
}

/* Make search input slightly less prominent */
#voiceSearchInput {
    margin-bottom: 0; /* Removed bottom margin */
}
#voiceListModal .sticky-top {
    z-index: 1045; /* Ensure it's above list items but below modal header */
}


/* Hide items that don't match search */
#modalVoiceListContainer .list-group-item.hidden-by-search {
     display: none;
}

/* Style for no results message */
#modalVoiceListContainer .no-results {
    display: none; /* Initially hidden */
    padding: 1.5rem 1rem;
    font-style: italic;
}
#modalVoiceListContainer .no-results.show {
    display: block;
}

/* Adjust slider placeholder */
#voiceSlider .placeholder-card {
     padding: 1rem;
     text-align: center;
     width: 100%; /* Take full width */
     display: flex;
     align-items: center;
     justify-content: center;
}

/* Style for expand button */
.expand-voice-btn {
     white-space: nowrap; /* Prevent wrapping */
}