@font-face{font-family:'A Massir Ballpoint';src:local('A Massir Ballpoint'),url('A Massir Ballpoint.woff2') format('woff2'),url('A Massir Ballpoint.woff') format('woff'),url('A Massir Ballpoint.ttf') format('truetype'),url('A Massir Ballpoint.otf') format('opentype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Sierra Danielle';src:local('Sierra Danielle'),url('Sierra Danielle.woff2') format('woff2'),url('Sierra Danielle.woff') format('woff'),url('Sierra Danielle.ttf') format('truetype'),url('Sierra Danielle.otf') format('opentype');font-weight:normal;font-style:normal;font-display:swap}
:root{--brand-gold:#0ea5e9;--brand-gold-hover:#0284c7;--brand-gold-light:rgba(14,165,233,0.15);--brand-gold-glow:rgba(14,165,233,0.3);--brand-green:#5c6b5e;--brand-green-hover:#4e5a4f;--brand-dark:#ffffff;--brand-dark-light:#e2e8f0;--bg-beige:#0b1120;--bg-gradient:linear-gradient(135deg,#0b1120 0%,#1e293b 100%);--bg-overlay:linear-gradient(rgba(11,17,32,0.85),rgba(11,17,32,0.95));--text-dark:#ffffff;--text-muted:#94a3b8;--white:#ffffff;--error-color:#f87171;--error-light:rgba(239,68,68,0.15);--success-color:#4ade80;--glass-bg:rgba(15,23,42,0.94);--glass-border:rgba(14,165,233,0.3);--section-bg:rgba(30,41,59,0.65);--success-bg:rgba(11,17,32,0.98);--star-default:#cbd5e1;--selected-bg:#0ea5e9;--selected-color:#ffffff;--selected-border:#0ea5e9;--selected-glow:rgba(14,165,233,0.4);--shadow-soft:0 12px 30px rgba(0,0,0,0.3);--shadow-medium:0 20px 45px rgba(0,0,0,0.5);--shadow-inset:inset 0 2px 4px rgba(0,0,0,0.3);--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-primary:'A Massir Ballpoint','Cairo','Tajawal',sans-serif;--font-serif:'Sierra Danielle','Playfair Display',serif;--transition-smooth:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease,transform 0.3s ease;--transition-bounce:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease,transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}
html[lang="ar"]{--font-primary:'A Massir Ballpoint','Cairo','Tajawal',sans-serif;--font-serif:'A Massir Ballpoint','Playfair Display',serif}
html[lang="en"]{--font-primary:'Outfit',sans-serif;--font-serif:'Sierra Danielle','Cinzel','Playfair Display',serif}
body.dark-theme{--brand-gold:#7dd3fc;--brand-gold-hover:#38bdf8;--brand-gold-light:rgba(125,211,252,0.15);--brand-gold-glow:rgba(125,211,252,0.3);--brand-green:#7d8f80;--brand-green-hover:#92a495;--brand-dark:#ffffff;--brand-dark-light:#e2e8f0;--bg-beige:#070a12;--bg-gradient:linear-gradient(135deg,#070a12 0%,#0f172a 100%);--bg-overlay:linear-gradient(rgba(7,10,18,0.9),rgba(7,10,18,0.96));--text-dark:#ffffff;--text-muted:#94a3b8;--white:#020617;--glass-bg:rgba(7,10,18,0.96);--glass-border:rgba(125,211,252,0.3);--section-bg:rgba(15,23,42,0.75);--success-bg:rgba(7,10,18,0.99);--star-default:#334155;--selected-bg:#38bdf8;--selected-color:#0f172a;--selected-border:#38bdf8;--selected-glow:rgba(56,189,248,0.3);--shadow-soft:0 12px 30px rgba(0,0,0,0.4);--shadow-medium:0 20px 45px rgba(0,0,0,0.6);--shadow-inset:inset 0 2px 4px rgba(0,0,0,0.4)}
.top-controls{position:absolute;top:25px;left:25px;display:flex;gap:12px;align-items:center;z-index:100}
.theme-toggle-btn,.lang-toggle-btn{background:var(--brand-gold-light);border:1px solid var(--glass-border);color:var(--brand-gold);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:var(--transition-bounce)}
.lang-toggle-btn{font-family:var(--font-primary);font-weight:800;font-size:0.85rem;letter-spacing:0.5px}
.theme-toggle-btn:hover,.lang-toggle-btn:hover{transform:scale(1.1);background:var(--brand-gold);color:var(--white);box-shadow:0 6px 15px var(--brand-gold-glow)}
.theme-toggle-btn:hover{transform:scale(1.1) rotate(15deg)}
.theme-toggle-btn svg{width:22px;height:22px;transition:var(--transition-bounce)}
body:not(.dark-theme) .sun-icon{display:none}
body.dark-theme .moon-icon{display:none}
body.dark-theme input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(0.85) sepia(40%) saturate(1000%) hue-rotate(340deg)}
body.dark-theme .bg-glow{background:radial-gradient(circle,rgba(125,211,252,0.08) 0%,transparent 70%)}
body.dark-theme .bg-dunes{opacity:0.2}
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative;
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
    -webkit-text-size-adjust: 100% !important;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: var(--font-primary);
    background-color: var(--bg-beige);
    background-image: var(--bg-gradient);
    color: var(--text-dark);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px;
    line-height: 1.6;
}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background-image:linear-gradient(rgba(26,19,14,0.3),rgba(26,19,14,0.3)),url('bg_space.png');background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;animation:moveBackground 30s infinite alternate ease-in-out}
.bg-dunes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:radial-gradient(circle at 0% 0%,rgba(14,165,233,0.05) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(92,107,94,0.05) 0%,transparent 40%)}
.bg-glow{position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,0.08) 0%,transparent 70%);top:20%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}
.feedback-container{width:100%;max-width:720px;background:linear-gradient(145deg, rgba(15,23,42,0.95) 0%, rgba(30,41,59,0.93) 100%);border:1px solid var(--glass-border);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:40px;box-shadow:0 25px 60px rgba(0,0,0,0.6), 0 0 35px rgba(14,165,233,0.15);animation:slideUpFade 0.8s var(--transition-smooth);position:relative}
.feedback-header{text-align:center;margin-bottom:40px;border-bottom:1px dashed var(--glass-border);padding-bottom:30px;display:flex;flex-direction:column;align-items:center}
.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;min-height:80px;width:100%}
.brand-logo{height:80px;width:auto;max-width:280px;object-fit:contain;transition:var(--transition-smooth)}
body.dark-theme .brand-logo{filter:drop-shadow(0 10px 25px rgba(15,23,42,0.75)) drop-shadow(0 4px 10px rgba(15,23,42,0.5))}
.logo-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.logo-text-top{font-family:var(--font-primary);font-size:2.2rem;font-weight:600;letter-spacing:0.25em;color:var(--text-dark);line-height:1;margin-left:-0.25em}
.logo-text-bottom{font-family:var(--font-serif);font-style:italic;font-size:1.6rem;font-weight:300;color:var(--brand-gold);margin-top:-6px;opacity:0.85}
.brand-title{font-family:var(--font-primary);font-size:3.2rem;font-weight:900;color:var(--text-dark);margin:10px 0 20px 0;line-height:1.1;letter-spacing:-0.01em}
.welcome-msg{color:var(--text-muted);font-size:1.15rem;font-weight:500;margin-bottom:25px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}
.header-links{display:flex;gap:15px;justify-content:center;margin-bottom:25px;width:100%;max-width:400px}
.header-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:rgba(30,41,59,0.7);color:var(--text-dark);text-decoration:none;font-size:0.95rem;font-weight:700;box-shadow:var(--shadow-soft);transition:var(--transition-bounce)}
.header-btn:hover{background:var(--brand-gold-hover);border-color:var(--brand-gold);color:#ffffff;transform:translateY(-3px);box-shadow:0 8px 15px var(--brand-gold-glow)}
.btn-icon{width:18px;height:18px}
.privacy-note{font-size:0.85rem;color:var(--text-muted);background:rgba(14,165,233,0.12);border:1px solid rgba(14,165,233,0.25);padding:10px 18px;border-radius:50px;display:inline-flex;align-items:center;gap:8px;max-width:90%;margin:0 auto}
.info-icon{width:16px;height:16px;color:var(--brand-gold);flex-shrink:0}
.feedback-form{display:flex;flex-direction:column;gap:35px}
.form-section{border:none;background:rgba(30,41,59,0.65);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:30px;position:relative;transition:var(--transition-smooth)}
.form-section:hover{border-color:rgba(14,165,233,0.4);background:rgba(30,41,59,0.85);box-shadow:0 12px 30px rgba(0,0,0,0.4)}
.section-title{display:flex;align-items:center;gap:12px;margin-bottom:25px;width:100%}
.step-num{background:var(--brand-gold);color:#ffffff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem}
.section-title h2{font-size:1.25rem;font-weight:700;color:var(--text-dark)}
.inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;clear:both;width:100%;margin-top:15px}
@media(max-width:600px){.inputs-grid{grid-template-columns:1fr}}
.input-group{display:flex;flex-direction:column;gap:8px}
.input-group.full-width{grid-column:span 2}
@media(max-width:600px){.input-group.full-width{grid-column:span 1}}
.input-group label{font-size:0.9rem;font-weight:600;color:var(--brand-dark-light)}
.input-group label .required{color:var(--error-color);margin-right:3px}
.input-wrapper{position:relative;background:rgba(15,23,42,0.65);border:1px solid rgba(14,165,233,0.3);border-radius:var(--radius-sm);transition:var(--transition-smooth);box-shadow:var(--shadow-inset);overflow:hidden}
.input-wrapper input,.input-wrapper textarea{width:100%;background:transparent;border:none;padding:14px 18px;font-family:var(--font-primary);color:var(--text-dark);font-size:0.95rem;font-weight:500}
.input-wrapper input::placeholder,.input-wrapper textarea::placeholder{color:var(--text-muted)}
.input-focus-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--brand-gold);transition:var(--transition-smooth);transform:translateX(-50%)}
.input-wrapper input:focus~.input-focus-line,.input-wrapper textarea:focus~.input-focus-line{width:100%}
.input-wrapper:focus-within{border-color:var(--brand-gold);box-shadow:0 0 0 4px var(--brand-gold-glow);background:rgba(15,23,42,0.85)}
.phone-wrapper{display:flex;align-items:center;direction:ltr}
.country-code{padding:0 12px 0 18px;font-weight:700;color:var(--brand-gold);border-right:1px solid rgba(14,165,233,0.3);font-size:0.95rem;user-select:none}
.phone-wrapper input{direction:ltr;text-align:right}
.error-msg{font-size:0.8rem;color:var(--error-color);margin-top:4px;display:none;animation:fadeIn 0.3s ease}
.input-group.invalid .input-wrapper{border-color:var(--error-color);background:var(--error-light)}
.input-group.invalid .error-msg{display:block}
.rating-group.invalid .error-msg{display:block}
.rating-group.invalid .segment-btn{border-color:var(--error-color)}
input[type="date"]{min-height:48px;position:relative;color-scheme:dark}
.rating-group{margin-bottom:30px;display:flex;flex-direction:column;gap:12px;clear:both}
.rating-label{font-size:0.95rem;font-weight:700;color:var(--brand-dark-light)}
.rating-label .required{color:var(--error-color);margin-right:3px}
.segment-rating-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:35px;width:100%}
.group-badge{border:1px solid var(--glass-border);border-radius:8px;padding:6px 16px;font-weight:700;font-size:0.9rem;color:var(--brand-gold);background:rgba(14,165,233,0.15);display:inline-block;align-self:flex-start;box-shadow:var(--shadow-soft)}
.segment-options{display:flex;flex-wrap:wrap;gap:10px;width:100%;direction:inherit}
.segment-btn{flex:1 1 calc(20% - 8px);min-width:90px;background:rgba(30,41,59,0.65);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 10px;cursor:pointer;font-family:var(--font-primary);font-size:0.95rem;font-weight:700;color:var(--text-dark);transition:var(--transition-bounce);box-shadow:var(--shadow-soft);text-align:center;display:flex;align-items:center;justify-content:center}
.segment-btn:hover{transform:translateY(-3px);background:rgba(14,165,233,0.2);border-color:var(--brand-gold);box-shadow:0 6px 15px var(--brand-gold-glow)}
.segment-btn.selected{background:var(--selected-bg);color:var(--selected-color);border-color:var(--selected-border);box-shadow:0 8px 25px var(--selected-glow);transform:translateY(-2px) scale(1.02)}
@media(max-width:600px){.segment-btn{flex:1 1 calc(33.33% - 8px);font-size:0.85rem;padding:12px 6px}.quality-scale .segment-btn{flex:1 1 0px;min-width:0;font-size:0.8rem;padding:12px 2px}}
.nps-scale-buttons{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;width:100%;direction:inherit}
.nps-num-btn{aspect-ratio:1;min-width:0;padding:0;border-radius:var(--radius-sm)}
@media(max-width:768px){.nps-scale-buttons{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:6px 2px;gap:8px;scrollbar-width:none;-ms-overflow-style:none}.nps-scale-buttons::-webkit-scrollbar{display:none}.nps-num-btn{flex:0 0 38px;height:38px;aspect-ratio:1}}
textarea{resize:vertical;min-height:100px;line-height:1.5}
.submit-container{text-align:center;margin-top:10px}
.submit-btn{background:var(--brand-gold);color:var(--white);border:none;border-radius:50px;padding:16px 50px;font-family:var(--font-primary);font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 10px 25px var(--brand-gold-glow);transition:var(--transition-bounce);position:relative;overflow:hidden}
.submit-btn:hover{background:var(--brand-gold-hover);transform:translateY(-3px);box-shadow:0 12px 30px rgba(14,165,233,0.5)}
.submit-btn:active{transform:translateY(0)}
.btn-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}
.btn-text{transition:var(--transition-smooth);display:inline-block}
.submit-btn.loading{pointer-events:none;background:var(--brand-gold-hover)}
.submit-btn.loading .btn-text{opacity:0;transform:translateY(-20px)}
.submit-btn.loading .btn-loader{opacity:1}
.spinner{animation:rotate 2s linear infinite;width:24px;height:24px}
.spinner .path{stroke:var(--white);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}
.success-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--success-bg);backdrop-filter:blur(12px);z-index:99999;display:flex;justify-content:center;align-items:center;padding:30px;opacity:0;pointer-events:none;transition:all 0.6s cubic-bezier(0.25,1,0.5,1)}
.success-overlay.active{opacity:1;pointer-events:auto}
.success-card{text-align:center;max-width:480px;padding:20px;transform:translateY(40px) scale(0.9);transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);opacity:0}
.success-overlay.active .success-card{transform:translateY(0) scale(1);opacity:1}
.success-icon-wrapper{width:90px;height:90px;margin:0 auto 30px}
.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:2;stroke:var(--success-color);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--success-color);animation:fillAnimate .4s ease-in-out .4s forwards,scaleAnimate .3s ease-in-out .9s alternate both}
.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:var(--success-color);fill:none;animation:strokeAnimate 0.6s cubic-bezier(0.65,0,0.45,1) forwards}
.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:var(--success-color);animation:strokeAnimate 0.3s cubic-bezier(0.65,0,0.45,1) 0.8s forwards}
.success-title{font-size:2rem;font-weight:800;color:var(--brand-dark);margin-bottom:12px}
.success-msg{color:var(--text-muted);font-size:1.05rem;margin-bottom:35px;line-height:1.6}
.success-links{display:none;gap:15px;justify-content:center}
.success-btn{padding:12px 30px;border-radius:50px;font-family:var(--font-primary);font-weight:700;font-size:0.95rem;cursor:pointer;transition:var(--transition-bounce);text-decoration:none;display:inline-block}
.success-btn.primary{background:var(--brand-gold);color:var(--white);border:none;box-shadow:0 6px 15px var(--brand-gold-glow)}
.success-btn.primary:hover{background:var(--brand-gold-hover);transform:translateY(-2px)}
.success-btn.secondary{background:var(--white);color:var(--brand-dark-light);border:1px solid rgba(14,165,233,0.3)}
.success-btn.secondary:hover{background:var(--brand-gold-light);transform:translateY(-2px)}
.feedback-footer{text-align:center;margin-top:40px;font-size:0.8rem;color:var(--text-muted);border-top:1px dashed rgba(14,165,233,0.15);padding-top:20px}
.feedback-footer a{color:var(--brand-gold);text-decoration:none;font-weight:700;transition:var(--transition-smooth)}
.feedback-footer a:hover{color:var(--brand-gold-hover);text-decoration:underline}
@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
@keyframes moveBackground{0%{transform:scale(1)}100%{transform:scale(1.15)}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes rotate{100%{transform:rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
@keyframes strokeAnimate{100%{stroke-dashoffset:0}}
@keyframes scaleAnimate{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}
@keyframes fillAnimate{100%{box-shadow:inset 0px 0px 0px 50px rgba(92,140,104,0.05)}}
@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
.particle{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;z-index:100}
@media(max-width:600px){body{padding:15px 10px}.top-controls{top:15px;left:15px}.theme-toggle-btn,.lang-toggle-btn{width:38px;height:38px;font-size:0.8rem}.feedback-container{padding:24px 16px;border-radius:var(--radius-md)}.form-section{padding:22px 16px}.brand-title{font-size:2.5rem;margin:8px 0 15px 0}.welcome-msg{font-size:1rem;margin-bottom:20px}.header-links{gap:10px;margin-bottom:20px}.header-btn{padding:10px 14px;font-size:0.88rem}.input-wrapper input,.input-wrapper textarea,select{font-size:16px !important}}
@media(max-width:380px){.header-links{flex-direction:column}.header-btn{width:100%}}
body.intro-active{overflow:hidden}
.intro-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-beige);display:flex;justify-content:center;align-items:center;z-index:99999;opacity:1;visibility:visible;transition:opacity 0.4s cubic-bezier(0.77,0,0.175,1),visibility 0.4s}
.intro-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}
.intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.intro-logo-wrapper{position:relative;width:180px;height:180px;display:flex;justify-content:center;align-items:center;animation:introLogoEntrance 1.2s cubic-bezier(0.16,1,0.3,1) forwards}
.intro-logo{max-width:100%;max-height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 0 12px rgba(14,165,233,0.2))}
.intro-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,0.3) 0%,transparent 70%);z-index:1;animation:introGlowPulse 2.2s infinite ease-in-out}
.intro-brand-name{font-family:var(--font-serif);font-size:1.8rem;font-weight:400;letter-spacing:0.3em;color:var(--text-dark);text-indent:0.3em;opacity:0;transform:translateY(10px);animation:fadeInIntroText 0.8s cubic-bezier(0.16,1,0.3,1) forwards 0.5s}
.intro-loader-bar{width:140px;height:2px;background:rgba(14,165,233,0.1);border-radius:2px;overflow:hidden;position:relative;opacity:0;transform:translateY(10px);animation:fadeInIntroText 0.8s cubic-bezier(0.16,1,0.3,1) forwards 0.7s}
.intro-progress{position:absolute;top:0;left:0;height:100%;width:0;background:var(--brand-gold);border-radius:2px;animation:fillProgress 1.6s cubic-bezier(0.1,0.8,0.25,1) forwards 0.8s}
@keyframes introLogoEntrance{0%{opacity:0;transform:scale(0.7) translateY(25px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes introGlowPulse{0%,100%{transform:scale(1);opacity:0.4}50%{transform:scale(1.25);opacity:0.85}}
@keyframes fadeInIntroText{to{opacity:1;transform:translateY(0)}}
@keyframes fillProgress{to{width:100%}}

/* Custom Toast Notification */
.toast-notification {
    position: fixed;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(-100px);
    background: rgba(15, 23, 42, 0.95);
    color: var(--text-dark);
    border: 1px solid var(--brand-gold);
    padding: 14px 28px;
    border-radius: 50px;
    font-family: var(--font-primary);
    font-size: 1.05rem;
    font-weight: 700;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    z-index: 9999999;
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
    direction: rtl;
}
html[lang="en"] .toast-notification {
    direction: ltr;
}
.toast-notification.active {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}
.toast-icon {
    color: var(--brand-gold);
    display: flex;
    align-items: center;
    justify-content: center;
}