:root{--bg-dark:#130d1a;--bg-gradient:radial-gradient(circle at 50% 0%, #1e142e 0%, #130d1a 80%);--color-deep-purple:#1e142e;--color-vibrant-purple:#9d4edd;--color-silver:#e0e0e0;--color-light-silver:#fff;--color-neon-purple:#c678ff;--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 #7a28cb26;--glass-bg:#1c0b3b66;--glass-border:1px solid #7a28cb4d}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}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-vibrant-purple);border-radius:5px}::-webkit-scrollbar-thumb:hover{background: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:#38224f;text-align:center;background:#fff;border:1px solid #d4c4e6;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 #21113a24}.auth-restore-notice p{margin:0 0 12px}.auth-restore-notice button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#6d3cba;border:0;border-radius:8px;padding:8px 24px;font-weight:700}.auth-restore-notice button:focus-visible{outline-offset:3px;outline:3px solid #8f67ba}.data-loading{z-index:9999;background:radial-gradient(circle at 14%,#ffffff17,#0000 18rem),radial-gradient(circle at 78% 23%,#4c00ff57,#0000 27rem),linear-gradient(125deg,#21113a,#4b1e7a 58%,#1b0e2f);place-items:center;min-height:100svh;display:grid;position:fixed;inset:0;overflow:hidden}.data-loading__logo{filter:drop-shadow(0 0 12px #4c00ff75)drop-shadow(0 12px 28px #08031857);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 #4c00ff61)drop-shadow(0 12px 28px #08031857);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 20px #4c00ff9e)drop-shadow(0 18px 34px #08031866);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}}