:root{--bg-dark:#28190f;--bg-gradient:radial-gradient(circle at 50% 0%, #3d2919 0%, #28190f 80%);--color-deep-purple:#3d2919;--color-vibrant-purple:#936015;--color-silver:#e0e0e0;--color-light-silver:#fff;--color-neon-purple:#eac06b;--font-arabic:"Tajawal", sans-serif;--font-latin:"Inter", sans-serif;--current-font:var(--font-arabic);--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius:12px;--transition:all .3s ease-in-out;--box-shadow:0 8px 32px 0 #5d390e26;--glass-bg:#28190f66;--glass-border:1px solid #bd862c4d}body[dir=ltr],html[lang=en] body{--current-font:var(--font-latin)}html[lang=en][dir=ltr] body{direction:ltr}html[lang=en][dir=ltr] .app-container{text-align:left;direction:ltr}html[lang=en][dir=ltr] .app-container :is(h1,h2,h3,h4,h5,h6,p,li,label,input,textarea,button,a){direction:ltr}html[lang=en][dir=ltr] .app-container :is(input[type=tel],input[type=email],input[type=url]){text-align:left;direction:ltr}html[lang=en][dir=ltr] .app-container :is(.section-title,.hero-title,.hero-subtitle,.hero-actions,.service-card,.stat-item,.contact-header,.footer-bottom){text-align:center}html[lang=en][dir=ltr] .app-container .about-text{text-align:left;text-align-last:auto}.section-title,html[lang=en] .section-title{text-align:center;margin-bottom:var(--spacing-lg);width:100%;display:block}@media (width<=768px){html[lang=en][dir=ltr] .app-container .container{width:min(90%,34rem)}html[lang=en][dir=ltr] .app-container .section-title{text-wrap:balance;font-size:clamp(2rem,10vw,2.65rem);line-height:1.08}html[lang=en][dir=ltr] .app-container :is(.hero-title,.hero-subtitle,.contact-desc){text-wrap:balance}html[lang=en][dir=ltr] .app-container .hero-title{font-size:clamp(2rem,10.5vw,2.75rem);line-height:1.12}html[lang=en][dir=ltr] .app-container :is(.hero-subtitle,.about-text,.service-desc,.footer-desc,.contact-desc){font-size:1rem;line-height:1.65}html[lang=en][dir=ltr] .app-container .about-content{padding:clamp(1.35rem,7vw,2rem)}html[lang=en][dir=ltr] .app-container .about-text p,html[lang=en][dir=ltr] .app-container .portfolio-info,html[lang=en][dir=ltr] .app-container .contact-form,html[lang=en][dir=ltr] .app-container .contact-form h3,html[lang=en][dir=ltr] .app-container .footer-col{text-align:left}html[lang=en][dir=ltr] .app-container :is(.btn-primary,.btn-secondary,.filter-btn,.studio-tab-btn){white-space:normal;text-wrap:balance;line-height:1.35}html[lang=en][dir=ltr] .app-container .contact-details-row{align-items:stretch}html[lang=en][dir=ltr] .app-container .contact-item{text-align:left;border-radius:18px;justify-content:flex-start;width:100%}html[lang=en][dir=ltr] .app-container .contact-form :is(input,textarea){font-family:var(--font-latin);text-align:left}html[lang=en][dir=ltr] .app-container .footer-grid{text-align:left}html[lang=en][dir=ltr] .app-container .footer-col h3:after{left:0;right:auto;transform:none}html[lang=en][dir=ltr] .app-container :is(.footer-links a,.footer-contact-item){justify-content:flex-start}}html{font-size:16px}@media (width<=992px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}:root{--spacing-md:.8rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--current-font);background-color:var(--bg-dark);background-image:var(--bg-gradient);color:var(--color-light-silver);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;direction:rtl;background-attachment:fixed;margin:0;line-height:1.6;overflow-x:hidden}input,textarea,select{-webkit-user-select:text;user-select:text}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:800;line-height:1.2}a{color:var(--color-silver);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-vibrant-purple)}ul{list-style:none}.container{width:90%;max-width:1200px;margin:0 auto}html:has(.public-site-shell,.auth-gold-page){--scrollbar-track:#fbf4e7;--scrollbar-thumb:#a46b13;--scrollbar-thumb-hover:#76500f;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track,var(--bg-dark))}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,var(--color-vibrant-purple));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,var(--color-neon-purple))}.btn-primary{background:linear-gradient(135deg, var(--color-vibrant-purple), var(--color-neon-purple));color:#fff;font-weight:700;font-family:var(--current-font);cursor:pointer;transition:var(--transition);border:none;border-radius:30px;padding:12px 30px;font-size:1.1rem;display:inline-block;box-shadow:0 4px 25px #c678ff80}.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 8px 35px #c678ffb3}.btn-secondary{color:#fff;font-weight:700;font-family:var(--current-font);cursor:pointer;transition:var(--transition);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:30px;padding:12px 30px;font-size:1.1rem;display:inline-block}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.auth-restore-notice{z-index:10001;color:#4b3825;text-align:center;background:#fff;border:1px solid #d8bd8b;border-radius:14px;width:min(440px,100% - 32px);padding:18px;font:500 16px/1.8 Tajawal,sans-serif;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #28190f24}.auth-restore-notice p{margin:0 0 12px}.auth-restore-notice button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#936015;border:0;border-radius:8px;padding:8px 24px;font-weight:700}.auth-restore-notice button:focus-visible{outline-offset:3px;outline:3px solid #bd862c}.data-loading{z-index:9999;background:radial-gradient(circle at 14%,#ffffff17,#0000 18rem),radial-gradient(circle at 78% 23%,#dba94b57,#0000 27rem),linear-gradient(125deg,#21160e,#49331b 58%,#28190f);place-items:center;min-height:100svh;display:grid;position:fixed;inset:0;overflow:hidden}.data-loading__logo{filter:drop-shadow(0 0 12px #dba94b75)drop-shadow(0 12px 28px #140b0457);width:clamp(110px,12vw,150px);height:auto;animation:2.2s ease-in-out infinite data-loading-logo;display:block}.data-loading__status-copy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes data-loading-logo{0%,to{filter:drop-shadow(0 0 10px #dba94b61)drop-shadow(0 12px 28px #140b0457);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 20px #dba94b9e)drop-shadow(0 18px 34px #140b0466);transform:translateY(-7px)scale(1.025)}}@media (prefers-reduced-motion:reduce){.data-loading__logo{animation:none}}.global-contact-actions{left:max(18px, env(safe-area-inset-left,0px));bottom:max(22px, env(safe-area-inset-bottom,0px));z-index:90;isolation:isolate;direction:ltr;flex-direction:column;gap:10px;display:flex;position:fixed}html[dir=ltr] .global-contact-actions{left:auto;right:max(18px, env(safe-area-inset-right,0px))}body:has(.unified-login-container) .global-contact-actions{z-index:1010}.global-contact-actions__button{color:#fff;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:relative;box-shadow:0 8px 22px #130c1e33}.global-contact-actions__button--whatsapp{background:#20b85a;box-shadow:0 8px 22px #20b85a40}.global-contact-actions__button--call{background:#6d32dc;box-shadow:0 8px 22px #6d32dc3d}.global-contact-actions__button svg{stroke-width:2.2px;width:22px;height:22px}.global-contact-actions__button:after{content:attr(data-label);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#17131f;border:1px solid #ffffff24;border-radius:7px;padding:6px 9px;font-family:Alexandria,sans-serif;font-size:.68rem;font-weight:700;line-height:1;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-4px,-50%);box-shadow:0 7px 18px #0003}html[dir=ltr] .global-contact-actions__button:after{left:auto;right:calc(100% + 10px);transform:translate(4px,-50%)}.global-contact-actions__button:hover{color:#fff;filter:brightness(1.05);transform:translateY(-2px)}.global-contact-actions__button:hover:after,.global-contact-actions__button:focus-visible:after{opacity:1;transform:translateY(-50%)}html[dir=ltr] .global-contact-actions__button:hover:after,html[dir=ltr] .global-contact-actions__button:focus-visible:after{transform:translateY(-50%)}.global-contact-actions__button:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 6px #6d32dc40,0 9px 24px #130c1e42}.global-contact-actions--client .global-contact-actions__button:after{display:none}@media (width<=992px){.global-contact-actions{left:max(12px, env(safe-area-inset-left,0px));bottom:max(26px, calc(env(safe-area-inset-bottom,0px) + 18px))}html[dir=ltr] .global-contact-actions{left:auto;right:max(12px, env(safe-area-inset-right,0px))}.global-contact-actions--client{bottom:calc(88px + env(safe-area-inset-bottom,0px))}.global-contact-actions__button{width:46px;min-width:46px;height:46px;min-height:46px}}@media (prefers-reduced-motion:reduce){.global-contact-actions__button,.global-contact-actions__button:after{transition:none}}.client-app-update{z-index:30;color:#28190f;background:#fbf4e7;border-bottom:1px solid #c6a267;justify-content:space-between;align-items:center;gap:16px;padding:16px max(18px,50vw - 590px);font-family:Tajawal,Segoe UI,sans-serif;display:flex;position:relative}.client-app-update__copy{min-width:0}.client-app-update__copy strong{font-size:18px;line-height:1.5}.client-app-update__copy p{color:#694d30;margin:5px 0 0;font-size:14px;line-height:1.8}.client-app-update__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.client-app-update__actions a,.client-app-update__actions button{cursor:pointer;border:1px solid #936015;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font:700 15px/1.5 Tajawal,Segoe UI,sans-serif;text-decoration:none;display:inline-flex}.client-app-update__actions a{color:#f8d58c;background:#28190f}.client-app-update__actions button{color:#694d30;background:0 0;border-color:#c6a267}.client-app-update__actions svg{width:19px;height:19px}.client-app-update__actions :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #936015}.client-app-update~.unified-login-container{position:relative;inset:auto}@media (width<=760px){.client-app-update{flex-direction:column;align-items:stretch;gap:12px}.client-app-update__actions{flex-wrap:wrap}.client-app-update__actions a{flex:1}}