*{box-sizing:border-box}
.public-voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.public-voice-card{position:relative;display:flex;flex-direction:column;min-height:252px;overflow:hidden;padding:20px;border:1px solid #2a374b;border-radius:21px;background:linear-gradient(150deg,#131c2a,#0b121d 72%);box-shadow:inset 0 1px #ffffff08;transition:transform .22s,border-color .22s,box-shadow .22s}
.public-voice-card.voice-filtered{display:none!important}
.public-voice-card:hover{transform:translateY(-4px);border-color:hsl(var(--hue) 44% 51%);box-shadow:0 20px 48px #0007,0 0 0 1px hsl(var(--hue) 55% 45%/.12)}
.public-voice-card:before{content:"";position:absolute;width:150px;height:150px;left:-85px;top:-85px;border-radius:50%;background:hsl(var(--hue) 75% 58%/.15);pointer-events:none}
.public-voice-card:after{content:"";position:absolute;inset:auto -45px -65px auto;width:120px;height:120px;border-radius:50%;background:hsl(var(--hue) 60% 50%/.06);pointer-events:none}
.public-voice-top{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px}
.public-voice-avatar{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:16px;background:linear-gradient(145deg,hsl(var(--hue) 52% 36%),hsl(var(--hue) 48% 23%));box-shadow:inset 0 1px #ffffff20,0 9px 22px hsl(var(--hue) 50% 20%/.32);color:hsl(var(--hue) 90% 91%);font-size:19px;font-weight:900}
.public-voice-top>div{min-width:0}
.public-voice-top strong,.public-voice-top small{display:block}
.public-voice-top strong{color:#f5f7fb;font-size:15px;font-weight:800}
.public-voice-top small{overflow:hidden;margin-top:5px;color:#8895aa;font-size:10px;text-overflow:ellipsis;white-space:nowrap;direction:rtl}
.public-voice-top em{align-self:start;padding:5px 8px;border:1px solid #286b58;border-radius:999px;background:#11382f;color:#73e4ba;font-size:8px;font-style:normal;white-space:nowrap}
.public-voice-top em.missing{border-color:#374255;background:#202938;color:#8d98a9}
.public-voice-wave{position:relative;display:flex;align-items:center;justify-content:center;gap:4px;height:62px;margin:20px 0;padding:0 14px;border:1px solid #263349;border-radius:14px;background:linear-gradient(180deg,#080e17,#0b131f);overflow:hidden}
.public-voice-wave:before{content:"";position:absolute;inset:50% 12px auto;height:1px;background:#243044}
.public-voice-wave i{position:relative;width:3px;height:calc(8px + var(--bar)*31px);border-radius:5px;background:linear-gradient(180deg,hsl(var(--hue) 85% 72%),hsl(var(--hue) 68% 52%));box-shadow:0 0 8px hsl(var(--hue) 70% 55%/.25)}
.public-voice-actions{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:9px;margin-top:auto}
.public-voice-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 11px;border:1px solid #35445a;border-radius:11px;background:#121c2a;color:#dbe2ec;font:700 10px Vazirmatn;cursor:pointer;transition:.2s}
.public-voice-actions button:hover:not(:disabled){transform:translateY(-1px);border-color:#66758e;background:#192537;color:#fff}
.public-voice-actions button:last-child{border-color:hsl(var(--hue) 46% 48%);background:linear-gradient(135deg,hsl(var(--hue) 45% 25%),hsl(var(--hue) 43% 19%));color:#fff}
.public-voice-actions button:last-child:hover{border-color:hsl(var(--hue) 70% 65%);filter:brightness(1.13)}
.public-voice-actions button span{font-size:13px}
.public-voice-actions button:disabled{opacity:.42;cursor:not-allowed}
.voice-library-empty{grid-column:1/-1;padding:60px;border:1px dashed #354056;border-radius:20px;color:#8994a7;text-align:center}
.landing-voice-section{display:block!important;min-height:auto!important;padding-top:120px!important;padding-bottom:110px!important;background:radial-gradient(circle at 15% 35%,#32205240,transparent 34%)}
.landing-voice-heading{max-width:720px;margin:0 auto 48px;text-align:center}
.landing-voice-heading .eyebrow{justify-content:center}
.landing-voice-heading h2{margin:7px 0 13px;font-size:38px}
.landing-voice-heading h2 em{color:#a98bf5;font-style:normal}
.landing-voice-heading p{max-width:650px;margin:0 auto;color:#929daf;font-size:12px;line-height:2}
.landing-voice-section>.public-voice-grid{width:min(1120px,100%);margin:0 auto}
.landing-voice-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1120px,100%);margin:38px auto 0;padding:24px 26px;overflow:hidden;border:1px solid #765bd0;border-radius:23px;background:radial-gradient(circle at 8% 15%,#ff5ca12d,transparent 34%),radial-gradient(circle at 88% 8%,#4de2ef2b,transparent 31%),linear-gradient(115deg,#251849f2,#17243cf2 52%,#152f3af2);box-shadow:0 24px 70px #0008,0 0 0 1px #ffffff0b inset;color:#fff}.landing-voice-footer:before,.landing-voice-footer:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.landing-voice-footer:before{width:170px;height:170px;top:-112px;right:42%;border:1px solid #d7c3ff2e;box-shadow:0 0 45px #9b6dff21}.landing-voice-footer:after{width:100px;height:100px;left:-43px;bottom:-58px;background:#ff5f9d2b;filter:blur(4px)}
.landing-voice-gift{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:17px}.landing-voice-gift-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border:1px solid #ffffff38;border-radius:19px;background:linear-gradient(145deg,#ff5f9d,#8a5cf5 52%,#36cbd8);box-shadow:0 12px 30px #7c4edf52;color:#fff;font-size:25px;animation:voiceGiftFloat 3.8s ease-in-out infinite}.landing-voice-gift small{display:block;margin-bottom:3px;color:#8feaf0;font-size:9px;font-weight:800}.landing-voice-gift h3{margin:0;color:#f8f7ff;font-size:18px;line-height:1.7}.landing-voice-gift h3 strong{color:#ffd27c;font-size:21px}.landing-voice-gift p{max-width:610px;margin:3px 0 0;color:#b6bfd0;font-size:10px;line-height:1.9}
.landing-voice-cta-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex:0 0 auto}.landing-voice-footer a{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:45px;padding:0 17px;border-radius:12px;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap;transition:transform .22s,filter .22s,border-color .22s}.landing-voice-footer a:hover{transform:translateY(-2px);filter:brightness(1.08)}.landing-voice-signup{border:1px solid #ffd3e4;background:linear-gradient(110deg,#f05698,#8b5cf6 58%,#4dcedb);color:#fff;box-shadow:0 12px 28px #9d4bd346}.landing-voice-signup b{font-size:15px}.landing-voice-all{border:1px solid #ffffff24;background:#0c13238f;color:#d9e1ec}
@keyframes voiceGiftFloat{50%{transform:translateY(-4px) rotate(4deg);box-shadow:0 17px 38px #7c4edf68}}
.voices-page{min-height:100vh;margin:0;background:radial-gradient(circle at 82% -5%,#34215a 0,transparent 34%),radial-gradient(circle at 0 55%,#10253755 0,transparent 28%),#070b12;color:#eef2f8;font-family:Vazirmatn,Tahoma,sans-serif}
.voices-page-shell{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:34px 0 80px}
.voices-page-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:30px;margin-bottom:30px;padding:30px;border:1px solid #2c3850;border-radius:24px;background:linear-gradient(135deg,#111927cc,#19132ccc);overflow:hidden}
.voices-page-head:before{content:"";position:absolute;width:280px;height:280px;left:-130px;top:-160px;border-radius:50%;background:#7656d324}
.voices-page-heading{position:relative}
.voices-page-head a{display:inline-flex;align-items:center;gap:6px;color:#bfa9f2;text-decoration:none;font-size:11px;font-weight:700}
.voices-page-head h1{max-width:760px;margin:20px 0 8px;font-size:34px;line-height:1.5;letter-spacing:-.7px}
.voices-page-head p{max-width:760px;margin:0;color:#9aa6b9;font-size:12px;line-height:2}
.voices-page-summary{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:17px;border:1px solid #4c3c6b;border-radius:16px;background:#171329}
.voices-page-summary>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#7655cf,#47317f);color:#fff;font-size:22px}
.voices-page-summary strong,.voices-page-summary small{display:block}
.voices-page-summary strong{font-size:12px}
.voices-page-summary small{margin-top:4px;color:#9588b6;font-size:9px;line-height:1.7}
.voices-page-toolbar{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:13px 15px;border:1px solid #303e54;border-radius:16px;background:#0d151feb;box-shadow:0 12px 35px #0005;backdrop-filter:blur(15px)}
.voice-search{position:relative;width:min(390px,100%)}
.voice-search>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#78869c;font-size:18px}
.voices-page-toolbar input{width:100%;min-height:43px;padding:10px 42px 10px 13px;border:1px solid #37465c;border-radius:11px;outline:0;background:#080f18;color:#fff;font:11px Vazirmatn}
.voices-page-toolbar input:focus{border-color:#8062ca;box-shadow:0 0 0 3px #7656d322}
.public-voice-filters{display:flex;align-items:center;gap:6px;margin-left:auto}
.public-voice-filters button{min-height:36px;padding:7px 12px;border:1px solid #354258;border-radius:999px;background:#111a27;color:#9ca8ba;font:700 9px Vazirmatn;cursor:pointer;transition:.2s}
.public-voice-filters button:hover,.public-voice-filters button.active{border-color:#8062ca;background:#2a2043;color:#e8deff}
.voices-page-toolbar>span{padding:7px 11px;border-radius:9px;background:#171f2c;color:#a9b4c4;font-size:10px;font-weight:700}
@media(max-width:1050px){.public-voice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){.public-voice-grid{grid-template-columns:1fr}
.landing-voice-heading{margin-bottom:34px}
.landing-voice-footer{align-items:stretch;flex-direction:column;margin-top:30px;padding:20px;text-align:right}
.landing-voice-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.landing-voice-footer a{width:100%}
.voices-page-shell{width:min(100% - 24px,1240px);padding-top:16px}
.voices-page-head{grid-template-columns:1fr;padding:22px}
.voices-page-head h1{font-size:27px}
.voices-page-summary{max-width:300px}
.voices-page-toolbar{top:7px}
.public-voice-filters{margin-left:0;overflow:auto}
.voice-search{width:100%}
}
@media(max-width:500px){.landing-voice-heading h2{font-size:27px}
.public-voice-card{min-height:236px;padding:17px}
.public-voice-top{grid-template-columns:46px minmax(0,1fr) auto}
.public-voice-avatar{width:46px;height:46px}
.public-voice-actions{grid-template-columns:1fr}
.landing-voice-footer{padding:17px;border-radius:19px}.landing-voice-gift{align-items:flex-start}.landing-voice-gift-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px;font-size:20px}.landing-voice-gift h3{font-size:14px}.landing-voice-gift h3 strong{display:block;font-size:18px}.landing-voice-gift p{font-size:9px}.landing-voice-cta-actions{grid-template-columns:1fr}
.voices-page-toolbar{align-items:stretch;flex-direction:column}
.voices-page-toolbar>span{align-self:flex-start}
}