:root{--primary: #1f1d5a;--accent: #f04523;--background: #f4ece6;--highlight: #b9f93c;--secondary: #2e4037;--card: #ffffff;--muted: #eae4de;--border: rgba(0, 0, 0, .08);--text-primary: #1f1d5a;--text-secondary: #2e4037;--text-muted: #6b7280;--font-en: "Inter", system-ui, sans-serif;--font-ar: "Alexandria", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--gradient-hero: radial-gradient( circle at 20% 20%, rgba(31, 29, 90, .95), rgba(20, 18, 70, .95) 60%, rgba(10, 10, 40, 1) 100% );--gradient-accent: linear-gradient(135deg, var(--accent), #ff6b4a)}*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--text-primary);font-family:var(--font-en);-webkit-font-smoothing:antialiased}html[lang=ar] body{font-family:var(--font-ar)}html[lang=ar]{direction:rtl}h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-.02em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4{font-family:var(--font-ar)}.container{width:100%;max-width:1200px;margin:auto;padding:0 16px}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.btn{padding:10px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-accent{background:var(--accent);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border)}.input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);outline:none}.input:focus{border-color:var(--primary)}.text-muted{color:var(--text-muted)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-hero{background:var(--gradient-hero);color:#fff}.bg-accent{background:var(--gradient-accent);color:#fff}.circuit-bg{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}.fade-in{animation:fadeIn 1s ease-out both}.slide-in-left{animation:slideInLeft .8s cubic-bezier(.2,.8,.2,1) both}.slide-in-right{animation:slideInRight .8s cubic-bezier(.2,.8,.2,1) both}.scale-up{animation:scaleUp .8s cubic-bezier(.2,.8,.2,1) both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.float{animation:float 6s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}