/* Stage 76 — final website refinements requested from the mobile screenshots. */
.brand,.brand span,.auth-v2-brand,.auth-v2-brand strong,.error-brand{font-weight:900!important}
.header-inner>.brand img{width:40px!important;height:48px!important;object-fit:contain!important}
.header-account{display:flex;align-items:center;gap:10px;direction:rtl}
.theme-toggle{order:0;flex:0 0 auto}
.user-link{order:1;min-height:48px;padding:5px 13px 5px 7px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff,#f2f8f3);box-shadow:0 8px 24px rgba(18,63,53,.09);transition:.22s}
.user-link:hover{transform:translateY(-2px);border-color:#a8c4ae;box-shadow:0 12px 30px rgba(18,63,53,.14)}
.user-link img{width:36px;height:36px;object-fit:cover;padding:2px;background:#fff;border:1px solid #d8e5dc}
.nav-toggle span{width:27px;margin-inline-start:auto;border-radius:99px;transition:.2s}
.nav-toggle span:nth-child(2){width:19px}.nav-toggle span:nth-child(3){width:11px}
.nav-toggle[aria-expanded=true] span{width:25px}

.hero-signup-cta{position:relative;overflow:hidden;padding-inline:25px;background:linear-gradient(135deg,#0d4a3c,#1d705c);box-shadow:0 15px 34px rgba(18,63,53,.24)}
.hero-signup-cta:before{content:"";position:absolute;inset:-3px auto -3px -45%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);animation:ctaShine 4.2s ease-in-out infinite}
@keyframes ctaShine{0%,68%{left:-45%}90%,100%{left:125%}}
.hero-media{isolation:isolate}.hero-media>img{object-position:center}
.hero-media-logo{position:absolute;left:22px;top:22px;z-index:2;width:68px;height:68px;padding:8px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(18,63,53,.18);backdrop-filter:blur(8px)}
.hero-media-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.app-coming-soon{opacity:.72;cursor:not-allowed;box-shadow:none!important;transform:none!important}

.voices{overflow:hidden;padding-bottom:120px}.voice-marquee{overflow:hidden;width:100%;padding:8px 0 32px;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.voice-list{display:flex!important;width:max-content;gap:20px;animation:voiceMove 52s linear infinite;will-change:transform}
.voice-marquee:hover .voice-list{animation-play-state:paused}
.voice-list blockquote{width:min(390px,82vw);min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;direction:rtl;border-top:4px solid var(--gold)!important}
.voice-list blockquote p{text-align:center;line-height:2}.voice-list footer{justify-content:center!important;gap:13px!important}.voice-list footer strong,.voice-list footer span{display:inline-flex;align-items:center}
.review-hearts,.review-stars{display:flex;justify-content:center;gap:5px;margin-bottom:13px}.review-hearts span{font-size:19px;color:#d9e2dc}.review-hearts span.active{color:#d95969}
@keyframes voiceMove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.voice-list{animation:none}.hero-signup-cta:before{animation:none}}

.invite-panel{text-align:center!important;color:#fff;background:linear-gradient(145deg,#0d4337,#17614f)!important;border:0!important;box-shadow:0 22px 50px rgba(18,63,53,.2)}
.invite-panel .panel-heading{justify-content:center;margin-bottom:8px}.invite-panel h2,.invite-panel>p{color:#fff!important}.invite-code{max-width:330px;margin-inline:auto;min-height:64px;border:1px dashed rgba(255,255,255,.55)!important;background:rgba(255,255,255,.1)!important;color:#fff!important;padding-inline:20px!important}.invite-code b{font-size:20px}.invite-panel>small{color:#ccebb8!important;text-align:center}
.review-panel .panel-heading,.review-panel .panel-heading>div{text-align:center;justify-content:center;width:100%}.heart-rating{border:0;padding:16px;margin:0;display:flex;flex-direction:row-reverse;justify-content:center;border-radius:14px;background:#f7faf8}.heart-rating input{position:absolute;opacity:0}.heart-rating label{font-size:34px;color:#d9e2dc;cursor:pointer;line-height:1}.heart-rating input:checked~label,.heart-rating label:hover,.heart-rating label:hover~label{color:#d95969}.review-submit{width:max-content;min-width:160px;margin:6px auto 0}.profile-review-form{text-align:center}.review-text-label,.profile-review-form textarea{text-align:right}
.profile-avatar{object-fit:cover;padding:4px}.profile-avatar-default{object-fit:contain;padding:20px;background:linear-gradient(145deg,#fff,#eef7ef)}
.profile-upload-field{margin:20px 0;padding:18px!important;border:1px dashed #9db6a4;border-radius:15px;background:#f6faf7;text-align:center}.profile-upload-field input{margin-top:10px;width:100%;direction:rtl}

.footer-brand,.footer-brand .brand{display:flex;flex-direction:column;align-items:center;text-align:center;justify-self:center}.footer-brand .brand{gap:5px}.footer-brand .brand img{width:52px!important;height:62px!important;object-fit:contain}.footer-brand p{text-align:center}.social-row{justify-content:center!important;gap:15px!important}.social-row a{width:44px;height:44px;padding:6px!important;border:0!important;border-radius:50%!important;background:transparent!important;display:grid!important;place-items:center;margin:0!important;transition:.2s}.social-row a:hover{transform:translateY(-3px);background:#edf5ef!important}.social-row img{width:30px!important;height:30px!important;object-fit:contain}.footer-bottom strong{font-weight:900;color:var(--forest)}

input,textarea,select,.duo-input,.profile-dialog input{direction:rtl!important;text-align:right!important}.password-toggle{left:9px;right:auto}.input-icon{right:15px;left:auto}.mobile-ltr,.ltr,input[name=mobile],input[name=otp]{direction:rtl!important;text-align:right!important}
.auth-v2-intro{margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;position:relative;z-index:1}.auth-v2-brand{flex-direction:column;justify-content:center;gap:8px;text-align:center}.auth-v2-brand img{width:78px;height:78px;object-fit:contain;border-radius:22px;background:rgba(255,255,255,.95);padding:8px}.auth-v2-intro p{margin:0!important;color:#dfc78e!important;font-weight:800}.auth-v2-welcome{justify-content:center;align-items:center}.auth-v2-card{direction:rtl}.auth-header{text-align:center!important}
.auth-profile-note{text-align:center;margin:0;padding:13px 15px;border-radius:13px;background:#f1f7f2;color:#456257;font-size:12px;line-height:1.9}

html[data-theme=dark] .user-link{background:linear-gradient(135deg,#173c31,#102d26);border-color:#31554b;color:#edf6f2}
html[data-theme=dark] .user-link img{background:#eaf3ed;border-color:#4c7065}
html[data-theme=dark] .heart-rating,html[data-theme=dark] .profile-upload-field{background:#102820;border-color:#41685c;color:#edf6f2}
html[data-theme=dark] .forgot-link,html[data-theme=dark] .auth-footer p,html[data-theme=dark] .role-label,html[data-theme=dark] .auth-subtitle{color:#d4e6de!important}
html[data-theme=dark] .duo-input::placeholder,html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9fb8ad!important;opacity:1}
html[data-theme=dark] .role-card{color:#cfe0d8!important}html[data-theme=dark] .role-option input:checked+.role-card{background:#244c3f!important;color:#fff!important}
html[data-theme=dark] .auth-profile-note{background:#102820;color:#cfe0d8;border:1px solid #31554b}
html[data-theme=dark] .voice-list blockquote{background:#17362e!important;border-color:#31554b!important;color:#edf6f2}html[data-theme=dark] .voice-list p{color:#d1e1da}
html[data-theme=dark] .footer-bottom strong{color:#e8f3ee}

@media(max-width:900px){.header-account{justify-self:end;gap:6px}.user-link{padding:4px;border-radius:13px}.user-link img{width:34px;height:34px}.footer-grid>div{text-align:center}.footer-grid .social-row{margin-inline:auto}.hero-media-logo{width:58px;height:58px;left:14px;top:14px}.voice-list{animation-duration:46s}.profile-identity,.identity-copy,.identity-actions,.contact-line{align-items:center;text-align:center;justify-content:center}.profile-review-form{width:100%}}
@media(max-width:520px){.header-account .theme-toggle{width:40px;height:40px}.hero-signup-cta{width:100%}.voice-list blockquote{width:84vw;min-height:250px}.social-row a{width:42px;height:42px}.auth-v2-welcome{padding:20px}.auth-v2-intro{gap:5px}.auth-v2-brand img{width:60px;height:60px}.auth-v2-brand strong{font-size:20px}.auth-v2-intro p{font-size:12px}.heart-rating label{font-size:30px}}
