@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-gold: #8b5cf6;--accent-gold-light: #c4b5fd;--accent-gold-dark: #6d28d9;--category-mercy: #10b981;--category-majesty: #8b5cf6;--category-purity: #3b82f6;--category-peace: #0ea5e9;--font-sans: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-arabic: "Amiri", serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;width:100%;overflow-x:hidden;background-color:#04060b}body{min-height:100%;width:100%;overflow-x:hidden;background-color:transparent;font-family:var(--font-sans);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}.space-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(ellipse at bottom,#04060b,#000);overflow:hidden}.nebula-layer{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(139,92,246,.04),transparent 60%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.08),transparent 50%),radial-gradient(circle at 20% 80%,rgba(109,40,217,.06),transparent 50%);animation:nebula-drift 180s infinite alternate linear;z-index:0}.stars,.stars2,.stars3{position:absolute;inset:0;width:100%;height:100%;display:block}.stars{background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.7)"/><circle cx="150" cy="80" r="1" fill="rgba(255,255,255,0.8)"/><circle cx="300" cy="250" r="0.8" fill="rgba(255,255,255,0.5)"/><circle cx="80" cy="320" r="1.2" fill="rgba(255,255,255,0.6)"/><circle cx="250" cy="120" r="1" fill="rgba(196, 181, 253, 0.5)"/></svg>') repeat top center;z-index:1;animation:move-twink-back 400s linear infinite,twinkle 12s ease-in-out infinite alternate}.stars2{background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300"><circle cx="50" cy="50" r="1.5" fill="rgba(255,255,255,0.8)"/><circle cx="200" cy="150" r="1.5" fill="rgba(196, 181, 253, 0.6)"/><circle cx="100" cy="250" r="1" fill="rgba(255,255,255,0.6)"/><circle cx="250" cy="50" r="1.2" fill="rgba(255,255,255,0.5)"/></svg>') repeat top center;z-index:2;animation:move-twink-back 300s linear infinite,twinkle 9s ease-in-out infinite alternate-reverse}.stars3{background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"><circle cx="100" cy="100" r="2" fill="rgba(255,255,255,0.9)"/><circle cx="400" cy="300" r="2" fill="rgba(139, 92, 246, 0.8)"/><circle cx="250" cy="450" r="1.5" fill="rgba(255,255,255,0.8)"/><circle cx="450" cy="100" r="1.5" fill="rgba(255,255,255,0.6)"/></svg>') repeat top center;z-index:3;animation:move-twink-back 200s linear infinite,twinkle 15s ease-in-out infinite alternate}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}@keyframes nebula-drift{0%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.1)}to{transform:rotate(-5deg) scale(1)}}.glass-panel{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px}.text-gradient-gold{background:linear-gradient(135deg,var(--accent-gold-light),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arabic-text{font-family:var(--font-arabic);direction:rtl}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s var(--transition-smooth) forwards}@media(max-width:768px){h1.arabic-text{font-size:5rem!important}section{padding-left:1rem!important;padding-right:1rem!important}input[type=text]{padding:1rem 1.5rem!important;font-size:1rem!important}.space-background{height:100vh;height:100dvh}}body{max-width:100vw;overflow-x:hidden}