@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap";.brand-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.chinese-symbols-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.chinese-symbol{position:absolute;font-size:clamp(4.5rem,7vw,8rem);color:#6b2f7a66;font-family:Noto Sans SC,SimSun,KaiTi,serif;font-weight:500;opacity:.8;animation:floatSymbol 20s ease-in-out infinite;-webkit-user-select:none;user-select:none;text-shadow:0 0 50px rgba(107,47,122,.5),0 0 30px rgba(107,47,122,.3),0 4px 15px rgba(107,47,122,.4);will-change:transform;filter:blur(.5px);letter-spacing:.1em}@keyframes floatSymbol{0%{transform:translateY(110vh) translate(0) rotate(0);opacity:0}3%{opacity:.7}97%{opacity:.7}to{transform:translateY(-10vh) translate(30px) rotate(360deg);opacity:0}}.brand-container{background:linear-gradient(135deg,#fffffffa,#fffffff2);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-radius:28px;padding:2.5rem 2rem;box-shadow:0 20px 60px var(--shadow-lg),0 8px 24px #42184826,0 2px 8px #4218481a,inset 0 1px #ffffffe6,inset 0 -1px #6b2f7a0d;text-align:center;max-width:400px;width:100%;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);border:2px solid rgba(255,255,255,.8);position:relative;overflow:hidden;z-index:1}.brand-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(107,47,122,.08) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(90,31,95,.06) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none;opacity:.6}.brand-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,#6b2f7a1a,#7a3f8a0d,#6b2f7a1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.logo-section{margin-bottom:1.25rem;position:relative;z-index:1}.logo-container{width:100px;height:100px;margin:0 auto;background:var(--accent-gradient);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px var(--shadow-md),0 8px 20px #6b2f7a4d,0 4px 12px #6b2f7a33,inset 0 2px 4px #fff6,inset 0 -2px 4px #6b2f7a33;padding:1rem;position:relative;animation:fadeInUp .8s ease-out .15s both;border:2px solid rgba(255,255,255,.3);overflow:hidden}.logo-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:var(--accent-gradient);opacity:.3;z-index:-1;filter:blur(8px)}.logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));position:relative;z-index:1}.brand-name{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0 auto .75rem;letter-spacing:1px;background:var(--accent-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1;animation:fadeInUp .8s ease-out .25s both,gradientShift 3s ease infinite;transition:all .3s ease;text-shadow:0 4px 20px rgba(107,47,122,.2);display:block;text-align:center;width:100%;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-name:after{content:"";position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;width:60px;height:3px;background:var(--accent-gradient);border-radius:3px;opacity:.6;box-shadow:0 2px 8px #6b2f7a4d;animation:fadeInUp .8s ease-out .3s both}.brand-tagline{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;direction:rtl;text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out .35s both;opacity:.85;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif!important;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.05)}.social-links{display:flex;flex-direction:column;gap:.75rem;width:100%;position:relative;z-index:1}.social-link{display:flex;align-items:center;justify-content:flex-start;gap:.875rem;padding:.875rem 1.25rem;border-radius:16px;text-decoration:none;font-weight:600;font-size:.9rem;color:#fff;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 20px var(--shadow-md),0 4px 12px #0000001f,inset 0 2px 4px #ffffff40,inset 0 -1px 2px #0000001a;position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideIn .6s ease-out both;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif!important}.social-icon{flex-shrink:0}.social-link span{flex:1;text-align:center;direction:rtl;unicode-bidi:bidi-override;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif!important}.social-link:nth-child(1){animation-delay:.3s}.social-link:nth-child(2){animation-delay:.35s}.social-link:nth-child(3){animation-delay:.4s}.social-link:nth-child(4){animation-delay:.45s}.social-link:nth-child(5){animation-delay:.5s}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.social-link:hover:before{left:100%}.social-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.social-link:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px var(--shadow-hover),0 6px 18px #0000002e,inset 0 2px 4px #ffffff4d}.social-link:hover:after{opacity:1}.social-link:active{transform:translateY(0)}.social-icon{width:22px;height:22px;flex-shrink:0;object-fit:contain;transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.social-link:hover .social-icon{transform:scale(1.15) rotate(5deg)}.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);background-size:200% 200%;transition:background-position .5s ease}.instagram:hover{background-position:100% 50%}.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);background-size:200% 200%;transition:background-position .5s ease}.whatsapp:hover{background-position:100% 50%}.telegram{background:linear-gradient(135deg,#08c,#06a);background-size:200% 200%;transition:background-position .5s ease}.telegram:hover{background-position:100% 50%}.phone{background:linear-gradient(135deg,#ff6b35,#f7931e);background-size:200% 200%;transition:background-position .5s ease}.phone:hover{background-position:100% 50%}.website{background:var(--accent-gradient);background-size:200% 200%;transition:background-position .5s ease}.website:hover{background:var(--accent-gradient-hover);background-position:100% 50%}@media (max-width: 600px){.brand-page{padding:.75rem}.brand-container{padding:1.5rem 1.25rem;border-radius:16px;max-width:100%}.brand-name{font-size:1.75rem;margin-bottom:.4rem}.brand-tagline{font-size:.8rem;margin-bottom:1.25rem}.logo-section{margin-bottom:1rem}.logo-container{width:80px;height:80px;border-radius:16px;padding:.75rem}.social-link{padding:.65rem .875rem;font-size:.8rem;border-radius:10px;gap:.625rem}.social-icon{width:18px;height:18px}}@media (max-width: 400px){.brand-container{padding:1.25rem 1rem}.brand-name{font-size:1.5rem}.brand-tagline{font-size:.75rem;margin-bottom:1rem}.logo-container{width:70px;height:70px}.social-link{padding:.6rem .75rem;font-size:.75rem}.social-icon{width:16px;height:16px}}:root{--primary: #421848;--primary-light: #5a1f5f;--primary-lighter: #6b2f7a;--primary-dark: #2a0f2e;--primary-darker: #1a0a1f;--accent: #6b2f7a;--accent-light: #7a3f8a;--accent-dark: #5a1f5f;--accent-gradient: linear-gradient(135deg, #5a1f5f 0%, #6b2f7a 50%, #7a3f8a 100%);--accent-gradient-hover: linear-gradient(135deg, #6b2f7a 0%, #7a3f8a 50%, #8a4f9a 100%);--primary-gradient: linear-gradient(135deg, #421848 0%, #5a1f5f 100%);--primary-gradient-dark: linear-gradient(135deg, #2a0f2e 0%, #421848 100%);--bg: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F4F4F6;--bg-muted: #FAFAFB;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #666666;--text-muted: #999999;--text-light: #b3b3b3;--border: #e8e8e8;--border-light: #f0f0f0;--border-dark: #d0d0d0;--shadow: rgba(66, 24, 72, .08);--shadow-sm: rgba(66, 24, 72, .05);--shadow-md: rgba(66, 24, 72, .12);--shadow-lg: rgba(66, 24, 72, .18);--shadow-hover: rgba(66, 24, 72, .25);--shadow-focus: rgba(90, 31, 95, .3);--muted: #F8F9FA;--muted-light: #FAFAFB;--muted-dark: #F4F4F6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--primary-gradient);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 40%,rgba(107,47,122,.12) 0%,transparent 55%),radial-gradient(circle at 85% 75%,rgba(90,31,95,.12) 0%,transparent 55%),radial-gradient(circle at 50% 15%,rgba(122,63,138,.08) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(107,47,122,.06) 0%,transparent 45%);pointer-events:none;z-index:0;animation:float 30s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(20px) rotate(-2deg)}}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}