:root{--primary: #818cf8;--accent: #f59e0b;--success: #10b981;--danger: #ef4444}body.dark-mode{--bg-color: #0f172a;--card-bg: rgba(15, 23, 42, .88);--text-color: #e2e8f0;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .07);--nav-bg: rgba(15, 23, 42, .92);--header-bg: #1e3a8a;--header-text: #ffffff;--bg-image-opacity: .25}body.light-mode{--bg-color: #ffffff;--card-bg: #ffffff;--text-color: #0f172a;--text-muted: #475569;--border-color: rgba(0, 0, 0, .1);--input-bg: #f8fafc;--nav-bg: rgba(255, 255, 255, .95);--header-bg: #f8fafc;--header-text: #0f172a;--bg-image-opacity: .1}body{margin:0;padding:0;font-family:Cairo,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;position:relative;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;background-image:url(/Damanhour_at_Night.png);background-size:cover;background-position:center;opacity:var(--bg-image-opacity);z-index:-1;pointer-events:none;transition:opacity .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0;color:var(--text-color)}p{font-weight:500;color:var(--text-muted)}*{box-sizing:border-box}.container{max-width:1100px;margin:0 auto;padding:60px 24px}